@eui/mobile-core 16.6.0-snapshot-1707834573947 → 16.6.0-snapshot-1708072546446
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.
- package/docs/components/EuimAlertMessageComponent.html +25 -1
- package/docs/components/EuimSkeletonListComponent.html +117 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +6 -6
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/typealiases.html +22 -1
- package/docs/modules/EuimAlertMessageModule.html +10 -0
- package/esm2022/lib/components/euim-alert-message/euim-alert-message.module.mjs +7 -3
- package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +11 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.mjs +2 -2
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +3 -1
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +25 -4
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.module.mjs +2 -2
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +1 -1
- package/fesm2022/eui-mobile-core.mjs +54 -23
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/euim-alert-message/euim-alert-message.module.d.ts +2 -1
- package/lib/components/euim-alert-message/euim-alert-message.module.d.ts.map +1 -1
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts +2 -1
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts.map +1 -1
- package/lib/components/euim-skeleton-list/euim-skeleton-list.component.d.ts +22 -2
- package/lib/components/euim-skeleton-list/euim-skeleton-list.component.d.ts.map +1 -1
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { coerceBoolean } from '@eui/base';
|
|
2
2
|
export * from '@eui/base';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, Directive, HostBinding, Input, Component, ViewEncapsulation, NgModule, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren, ViewChild, HostListener } from '@angular/core';
|
|
4
|
+
import { Injectable, Directive, HostBinding, Input, Component, ViewEncapsulation, NgModule, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren, ViewChild, HostListener, ContentChild } from '@angular/core';
|
|
5
5
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
6
6
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
7
7
|
import * as i2 from '@angular/common';
|
|
@@ -2935,6 +2935,7 @@ class EuimAlertMessageComponent extends EuimBaseDirective {
|
|
|
2935
2935
|
this.baseStatesDirective = baseStatesDirective;
|
|
2936
2936
|
this._variant = 'default';
|
|
2937
2937
|
this.euimClose = new EventEmitter();
|
|
2938
|
+
this.euimLabelTruncate = false;
|
|
2938
2939
|
this.hasIcon = false;
|
|
2939
2940
|
this.isCloseable = false;
|
|
2940
2941
|
this.isVisible = true;
|
|
@@ -3022,8 +3023,11 @@ class EuimAlertMessageComponent extends EuimBaseDirective {
|
|
|
3022
3023
|
this.euimClose.emit();
|
|
3023
3024
|
}
|
|
3024
3025
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3025
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { hasIcon: "hasIcon", isCloseable: "isCloseable" }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimWarning", "euimWarning", "euimDanger", "euimDanger", "euimPrimary", "euimPrimary", "euimDark", "euimDark", "euimLight", "euimLight", "euimClear", "euimClear"] }], ngImport: i0, template: "<div class=\"euim-alert-message__wrappericon\" *ngIf=\"hasIcon && isVisible\">\n <ion-icon *ngIf=\"hasIcon\" [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-alert-message__wrapper\" *ngIf=\"isVisible\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div>\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>\n\n<a *ngIf=\"isCloseable && isVisible\" role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n</a
|
|
3026
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { euimLabelTruncate: "euimLabelTruncate", hasIcon: "hasIcon", isCloseable: "isCloseable" }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimWarning", "euimWarning", "euimDanger", "euimDanger", "euimPrimary", "euimPrimary", "euimDark", "euimDark", "euimLight", "euimLight", "euimClear", "euimClear"] }], ngImport: i0, template: "<div class=\"euim-alert-message__wrappericon\" *ngIf=\"hasIcon && isVisible\">\n <ion-icon *ngIf=\"hasIcon\" [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-alert-message__wrapper\" *ngIf=\"isVisible\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>\n\n<a *ngIf=\"isCloseable && isVisible\" role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n</a>\n", styles: [".euim-alert-message{width:100%;display:flex;align-items:center;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-base-spacing-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-base-color-danger-120);background:var(--eui-base-color-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-base-color-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--info{color:var(--eui-base-color-info-120);background:var(--eui-base-color-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-base-color-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--success{color:var(--eui-base-color-success-120);background:var(--eui-base-color-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-base-color-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--warning{color:var(--eui-base-color-warning-140);background:var(--eui-base-color-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-base-color-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-base-color-warning-120);color:var(--eui-base-color-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--dark{color:var(--eui-base-color-white);background:var(--eui-base-color-grey-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-alert-message--primary{color:var(--eui-base-color-white);background:var(--eui-base-color-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5)}.euim-alert-message--light{color:var(--eui-base-color-grey-100);background:var(--eui-base-color-grey-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-100)}.euim-alert-message--default{color:var(--eui-base-color-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-base-color-black)}.euim-alert-message--clear{color:var(--eui-base-color-grey-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-base-spacing-xs);padding-left:var(--eui-base-spacing-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3026
3027
|
}
|
|
3028
|
+
__decorate([
|
|
3029
|
+
coerceBoolean
|
|
3030
|
+
], EuimAlertMessageComponent.prototype, "euimLabelTruncate", void 0);
|
|
3027
3031
|
__decorate([
|
|
3028
3032
|
coerceBoolean
|
|
3029
3033
|
], EuimAlertMessageComponent.prototype, "hasIcon", void 0);
|
|
@@ -3046,9 +3050,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3046
3050
|
'euimClear',
|
|
3047
3051
|
],
|
|
3048
3052
|
},
|
|
3049
|
-
], template: "<div class=\"euim-alert-message__wrappericon\" *ngIf=\"hasIcon && isVisible\">\n <ion-icon *ngIf=\"hasIcon\" [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-alert-message__wrapper\" *ngIf=\"isVisible\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div>\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>\n\n<a *ngIf=\"isCloseable && isVisible\" role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n</a
|
|
3053
|
+
], template: "<div class=\"euim-alert-message__wrappericon\" *ngIf=\"hasIcon && isVisible\">\n <ion-icon *ngIf=\"hasIcon\" [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-alert-message__wrapper\" *ngIf=\"isVisible\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>\n\n<a *ngIf=\"isCloseable && isVisible\" role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n</a>\n", styles: [".euim-alert-message{width:100%;display:flex;align-items:center;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-base-spacing-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-base-color-danger-120);background:var(--eui-base-color-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-base-color-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--info{color:var(--eui-base-color-info-120);background:var(--eui-base-color-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-base-color-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--success{color:var(--eui-base-color-success-120);background:var(--eui-base-color-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-base-color-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--warning{color:var(--eui-base-color-warning-140);background:var(--eui-base-color-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-base-color-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-base-color-warning-120);color:var(--eui-base-color-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--dark{color:var(--eui-base-color-white);background:var(--eui-base-color-grey-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-alert-message--primary{color:var(--eui-base-color-white);background:var(--eui-base-color-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5)}.euim-alert-message--light{color:var(--eui-base-color-grey-100);background:var(--eui-base-color-grey-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-100)}.euim-alert-message--default{color:var(--eui-base-color-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-base-color-black)}.euim-alert-message--clear{color:var(--eui-base-color-grey-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-base-spacing-xs);padding-left:var(--eui-base-spacing-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-base-spacing-2xs)}\n"] }]
|
|
3050
3054
|
}], ctorParameters: function () { return [{ type: BaseStatesDirective }]; }, propDecorators: { euimClose: [{
|
|
3051
3055
|
type: Output
|
|
3056
|
+
}], euimLabelTruncate: [{
|
|
3057
|
+
type: Input
|
|
3052
3058
|
}], hasIcon: [{
|
|
3053
3059
|
type: Input
|
|
3054
3060
|
}], isCloseable: [{
|
|
@@ -3064,9 +3070,11 @@ const COMPONENTS$5 = [
|
|
|
3064
3070
|
class EuimAlertMessageModule {
|
|
3065
3071
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3066
3072
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: EuimAlertMessageModule, declarations: [EuimAlertMessageComponent], imports: [CommonModule,
|
|
3067
|
-
IonicModule
|
|
3073
|
+
IonicModule,
|
|
3074
|
+
EuimLabelModule], exports: [EuimAlertMessageComponent] }); }
|
|
3068
3075
|
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimAlertMessageModule, imports: [CommonModule,
|
|
3069
|
-
IonicModule
|
|
3076
|
+
IonicModule,
|
|
3077
|
+
EuimLabelModule] }); }
|
|
3070
3078
|
}
|
|
3071
3079
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
|
|
3072
3080
|
type: NgModule,
|
|
@@ -3074,6 +3082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3074
3082
|
imports: [
|
|
3075
3083
|
CommonModule,
|
|
3076
3084
|
IonicModule,
|
|
3085
|
+
EuimLabelModule,
|
|
3077
3086
|
],
|
|
3078
3087
|
exports: [
|
|
3079
3088
|
...COMPONENTS$5,
|
|
@@ -3968,23 +3977,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3968
3977
|
type: Input
|
|
3969
3978
|
}] } });
|
|
3970
3979
|
|
|
3971
|
-
class EuimSkeletonListComponent {
|
|
3972
|
-
constructor() {
|
|
3973
|
-
this.items = 3;
|
|
3974
|
-
}
|
|
3975
|
-
get itemsArray() {
|
|
3976
|
-
return Array.from({ length: this.items });
|
|
3977
|
-
}
|
|
3978
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3979
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimSkeletonListComponent, selector: "euim-skeleton-list", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"euim-skeleton-list\">\n <ng-container *ngFor=\"let _ of itemsArray\">\n <euim-skeleton-list-item></euim-skeleton-list-item>\n </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }] }); }
|
|
3980
|
-
}
|
|
3981
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
3982
|
-
type: Component,
|
|
3983
|
-
args: [{ selector: 'euim-skeleton-list', template: "<div class=\"euim-skeleton-list\">\n <ng-container *ngFor=\"let _ of itemsArray\">\n <euim-skeleton-list-item></euim-skeleton-list-item>\n </ng-container>\n</div>" }]
|
|
3984
|
-
}], propDecorators: { items: [{
|
|
3985
|
-
type: Input
|
|
3986
|
-
}] } });
|
|
3987
|
-
|
|
3988
3980
|
const COMPONENTS$2 = [
|
|
3989
3981
|
EuimSkeletonListItemComponent,
|
|
3990
3982
|
];
|
|
@@ -4011,6 +4003,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4011
4003
|
}]
|
|
4012
4004
|
}] });
|
|
4013
4005
|
|
|
4006
|
+
class EuimSkeletonListComponent {
|
|
4007
|
+
constructor() {
|
|
4008
|
+
this.items = 3;
|
|
4009
|
+
this.skeletonItem = null;
|
|
4010
|
+
this.skeletonItemInputs = {};
|
|
4011
|
+
}
|
|
4012
|
+
ngAfterContentInit() {
|
|
4013
|
+
this.skeletonItem = EuimSkeletonListItemComponent;
|
|
4014
|
+
this.skeletonItemInputs = {
|
|
4015
|
+
hasAvatar: this.skeletonListItem?.hasAvatar,
|
|
4016
|
+
hasTitle: this.skeletonListItem?.hasTitle,
|
|
4017
|
+
hasSubtitle: this.skeletonListItem?.hasSubtitle,
|
|
4018
|
+
hasMetaLine: this.skeletonListItem?.hasMetaLine,
|
|
4019
|
+
isAnimated: this.skeletonListItem?.isAnimated,
|
|
4020
|
+
separator: this.skeletonListItem?.separator,
|
|
4021
|
+
avatarType: this.skeletonListItem?.avatarType,
|
|
4022
|
+
titleWidth: this.skeletonListItem?.titleWidth,
|
|
4023
|
+
subTitleWidth: this.skeletonListItem?.subTitleWidth,
|
|
4024
|
+
metaLineWidth: this.skeletonListItem?.metaLineWidth,
|
|
4025
|
+
};
|
|
4026
|
+
}
|
|
4027
|
+
get itemsArray() {
|
|
4028
|
+
return Array.from({ length: this.items });
|
|
4029
|
+
}
|
|
4030
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4031
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimSkeletonListComponent, selector: "euim-skeleton-list", inputs: { items: "items" }, queries: [{ propertyName: "skeletonListItem", first: true, predicate: EuimSkeletonListItemComponent, descendants: true }], ngImport: i0, template: "<div class=\"euim-skeleton-list\">\n <ng-container *ngFor=\"let item of itemsArray\">\n <euim-skeleton-list-item *ngIf=\"!skeletonListItem\"></euim-skeleton-list-item>\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }] }); }
|
|
4032
|
+
}
|
|
4033
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
4034
|
+
type: Component,
|
|
4035
|
+
args: [{ selector: 'euim-skeleton-list', template: "<div class=\"euim-skeleton-list\">\n <ng-container *ngFor=\"let item of itemsArray\">\n <euim-skeleton-list-item *ngIf=\"!skeletonListItem\"></euim-skeleton-list-item>\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n </ng-container>\n</div>\n" }]
|
|
4036
|
+
}], propDecorators: { items: [{
|
|
4037
|
+
type: Input
|
|
4038
|
+
}], skeletonListItem: [{
|
|
4039
|
+
type: ContentChild,
|
|
4040
|
+
args: [EuimSkeletonListItemComponent]
|
|
4041
|
+
}] } });
|
|
4042
|
+
|
|
4014
4043
|
const COMPONENTS$1 = [
|
|
4015
4044
|
EuimSkeletonListComponent,
|
|
4016
4045
|
];
|
|
@@ -4052,10 +4081,12 @@ class EuimMultiselectComponent {
|
|
|
4052
4081
|
selectAllItems() {
|
|
4053
4082
|
this.currentDataProvider =
|
|
4054
4083
|
[...this.currentDataProvider]?.map(item => ({ ...item, selected: true }));
|
|
4084
|
+
this.selectAll = true;
|
|
4055
4085
|
}
|
|
4056
4086
|
deselectAllItems() {
|
|
4057
4087
|
this.currentDataProvider =
|
|
4058
4088
|
[...this.currentDataProvider]?.map(item => ({ ...item, selected: false }));
|
|
4089
|
+
this.selectAll = false;
|
|
4059
4090
|
}
|
|
4060
4091
|
countSelectedItems() {
|
|
4061
4092
|
return this.currentDataProvider?.filter(item => item.selected).length;
|
|
@@ -4111,7 +4142,7 @@ class EuimMultiselectFilterComponent {
|
|
|
4111
4142
|
}
|
|
4112
4143
|
else {
|
|
4113
4144
|
this.multiselect.currentDataProvider =
|
|
4114
|
-
this.multiselect.initialDataProvider?.filter(item => this.filterByFieldsNames.
|
|
4145
|
+
this.multiselect.initialDataProvider?.filter(item => this.filterByFieldsNames.some(fieldName => item[fieldName].toString().toLowerCase().includes(query)));
|
|
4115
4146
|
}
|
|
4116
4147
|
}
|
|
4117
4148
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|