@energycap/components 0.43.3 → 0.43.4-ECAP-29229-tag-component.20250502-1711
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/energycap-components.min.css +1 -1
- package/esm2022/lib/display/tags/tags.component.mjs +3 -3
- package/fesm2022/energycap-components.mjs +2 -2
- package/fesm2022/energycap-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/styles/components/_tag.scss +18 -0
- package/src/styles/index.scss +1 -0
- package/src/styles/mixins/_tags-base.scss +7 -2
|
@@ -17,6 +17,6 @@
|
|
|
17
17
|
* Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com
|
|
18
18
|
* License - https://fontawesome.com/license (Commercial License)
|
|
19
19
|
* Copyright 2023 Fonticons, Inc.
|
|
20
|
-
*/:root,:host{--fa-style-family-classic: "Font Awesome 6 Pro";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url("/assets/webfonts/fa-solid-900.woff2") format("woff2"),url("/assets/webfonts/fa-solid-900.ttf") format("truetype")}.fas,.fa-solid,a[target=_blank]::after{font-weight:900}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}a[target=_blank]::after{font:var(--fa-font-solid);content:"\f08e";margin-left:.125rem;opacity:.5}a[target=_blank].is-map-link::after{content:"\f3c5"}a[target=_blank].is-file-link::after{content:"\f56d"}a[target=_blank].is-image-link::after{content:"\f1c5"}.hide-external-link-icon[target=_blank]::after,.hide-external-link-icon [target=_blank]::after{content:"" !important}/*!
|
|
20
|
+
*/:root,:host{--fa-style-family-classic: "Font Awesome 6 Pro";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url("/assets/webfonts/fa-solid-900.woff2") format("woff2"),url("/assets/webfonts/fa-solid-900.ttf") format("truetype")}.fas,.fa-solid,a[target=_blank]::after{font-weight:900}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}a[target=_blank]::after{font:var(--fa-font-solid);content:"\f08e";margin-left:.125rem;opacity:.5}a[target=_blank].is-map-link::after{content:"\f3c5"}a[target=_blank].is-file-link::after{content:"\f56d"}a[target=_blank].is-image-link::after{content:"\f1c5"}.hide-external-link-icon[target=_blank]::after,.hide-external-link-icon [target=_blank]::after{content:"" !important}.tag{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-label);font-weight:var(--ec-font-weight-normal);line-height:1.333333333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--ec-color-gray-1);border:2px solid var(--ec-color-gray-4);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, 0.25rem)*3);height:1.5rem;line-height:1.25rem;padding:0 var(--ec-tag-padding-x, 0.4375rem);vertical-align:top}.tag>.ec-icon:first-child{margin-right:.1875rem}.tag .ec-icon{display:flex;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;width:auto;height:auto;min-width:1em;justify-content:center}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:var(--ec-color-cobalt-1);border-color:var(--ec-color-info)}.tag.is-info>.ec-icon:first-child{color:var(--ec-color-info)}.tag.is-success{background-color:var(--ec-color-green-1);border-color:var(--ec-color-success)}.tag.is-success>.ec-icon:first-child{color:var(--ec-color-success)}.tag.is-warning{background-color:var(--ec-color-yellow-1);border-color:var(--ec-color-caution)}.tag.is-warning>.ec-icon:first-child{color:var(--ec-color-caution)}.tag.is-danger{background-color:var(--ec-color-red-1);border-color:var(--ec-color-danger)}.tag.is-danger>.ec-icon:first-child{color:var(--ec-color-danger)}.tag.is-accent{background-color:var(--ec-color-purple-1);border-color:var(--ec-color-accent)}.tag.is-accent>.ec-icon:first-child{color:var(--ec-color-accent)}.tag.is-chargeback{background-color:var(--ec-color-orange-1);border-color:var(--ec-color-orange-7)}.tag.is-chargeback>.ec-icon:first-child{color:var(--ec-color-orange-7)}.tag.is-accrual{background-color:var(--ec-color-aqua-1);border-color:var(--ec-color-aqua-5)}.tag.is-accrual>.ec-icon:first-child{color:var(--ec-color-aqua-5)}.tag.is-system{background-color:var(--ec-color-gray-1);border-color:var(--ec-color-gray-4)}.tag.is-system>.ec-icon:first-child{color:var(--ec-color-gray-4)}.tag.is-interval{background-color:var(--ec-color-gray-1);border-color:var(--ec-color-brand-black)}.tag.is-interval>.ec-icon:first-child{color:var(--ec-color-brand-black)}.tag.is-condensed{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-tiny);font-weight:var(--ec-font-weight-bold);line-height:1.6;margin:0;--ec-tag-padding-x: 0.25rem;border-radius:var(--ec-border-radius);border-width:1px;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.tag.is-condensed>.ec-icon:first-child{margin-right:.125rem}.tag a::after{opacity:1;margin-left:.1875rem}.tag-close-btn{background-color:rgba(0,0,0,0);border:0;display:flex;align-items:center;padding:0 .25rem;height:100%;cursor:pointer;position:relative;margin-right:calc(0rem - var(--ec-tag-padding-x, 0.4375rem))}.tag-close-btn:hover,.tag-close-btn:focus{outline:none}.tag-close-btn:hover::before,.tag-close-btn:focus::before{display:block;content:"";position:absolute;left:.125rem;right:.125rem;top:.0625rem;bottom:.0625rem;background-color:rgba(26,26,35,.1);border-radius:.125rem}/*!
|
|
21
21
|
* EnergyCAP Components - Utility Styles
|
|
22
22
|
*/.flex-grow{flex:1 1 !important;min-height:0;min-width:0}.flex-shrink{flex:none !important}.flex-shrink-max{flex:0 1 auto !important;min-height:0}.scroll-y{overflow-y:auto !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.v-align-middle{vertical-align:middle !important}.text-title-1{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size-title);font-weight:var(--ec-font-weight-bold);line-height:1.2;margin:0}.text-title-2{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size-title);font-weight:var(--ec-font-weight-bold);line-height:1.2;margin:0;font-weight:var(--ec-font-weight-normal)}.text-heading-1{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size-body);font-weight:var(--ec-font-weight-bold);line-height:1.5;margin:0}.text-heading-2,.card-title{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size-body);font-weight:var(--ec-font-weight-bold);line-height:1.5;margin:0;font-weight:var(--ec-font-weight-normal)}.text-heading-3{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-label);font-weight:var(--ec-font-weight-bold);line-height:1.333333333;margin:0;text-transform:uppercase}.text-body-1{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size);font-weight:var(--ec-font-weight-normal);line-height:1.285714286;margin:0}.text-body-2{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size-label);font-weight:var(--ec-font-weight-normal);line-height:1.333333333;margin:0}.text-caption-1,.card-footer{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-label);font-weight:var(--ec-font-weight-normal);line-height:1.333333333;margin:0}.text-caption-2{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-tiny);font-weight:var(--ec-font-weight-bold);line-height:1.6;margin:0}.text-display-1{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size-body);font-weight:var(--ec-font-weight-normal);line-height:1.25;margin:0}.text-link{color:var(--ec-color-link) !important;cursor:pointer}.text-link:hover{text-decoration:underline}.text-link:focus{outline:none;text-decoration:underline}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.font-weight-bold{font-weight:var(--ec-font-weight-bold) !important}.font-weight-normal{font-weight:var(--ec-font-weight-normal) !important}.font-size-small{font-size:var(--ec-font-size-label) !important}.font-size-medium{font-size:var(--ec-font-size-body) !important}.font-size-base{font-size:var(--ec-font-size) !important}.font-size-large{font-size:var(--ec-font-size-title) !important}.font-color-primary{color:var(--ec-color-primary-dark) !important}.font-color-primary-light{color:var(--ec-color-primary-light) !important}.font-color-secondary{color:var(--ec-color-secondary-dark) !important}.font-color-secondary-light{color:var(--ec-color-secondary-light) !important}.font-color-muted,.font-color-hint{color:var(--ec-color-hint-dark) !important}.font-color-link{color:var(--ec-color-link) !important}.font-color-error{color:var(--ec-color-danger) !important}.font-color-success{color:var(--ec-color-success) !important}.font-color-interactive{color:var(--ec-color-interactive) !important}.font-message{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-title)}.font-message-medium{color:var(--ec-color-secondary-dark);font-size:var(--ec-font-size-body)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break-all{word-break:break-all}.text-wrap{white-space:normal}.border-0{border:0 !important}.border-all{border:1px solid var(--ec-border-color) !important}.border-all-dark{border:1px solid var(--ec-border-color-dark) !important}.border-top-0{border-top:0 !important}.border-top{border-top:1px solid var(--ec-border-color) !important}.border-top-dark{border-top:1px solid var(--ec-border-color-dark) !important}.border-bottom-0{border-bottom:0 !important}.border-bottom{border-bottom:1px solid var(--ec-border-color) !important}.border-bottom-dark{border-bottom:1px solid var(--ec-border-color-dark) !important}.border-right-0{border-right:0 !important}.border-right{border-right:1px solid var(--ec-border-color) !important}.border-right-dark{border-right:1px solid var(--ec-border-color-dark) !important}.border-left-0{border-left:0 !important}.border-left{border-left:1px solid var(--ec-border-color) !important}.border-left-dark{border-left:1px solid var(--ec-border-color-dark) !important}.border-radius-0{--ec-border-radius: 0}.cursor-pointer{cursor:pointer !important}.control-group{--ec-border-radius: 0}.control-group>:first-child{--ec-border-radius: .25rem 0 0 .25rem}.control-group>:last-child{--ec-border-radius: 0 .25rem .25rem 0}.control-group>:not(:first-child){margin-left:-1px}.control-group-reverse{--ec-border-radius: 0}.control-group-reverse>:last-child{--ec-border-radius: .25rem 0 0 .25rem}.control-group-reverse>:first-child{--ec-border-radius: 0 .25rem .25rem 0}.control-group-reverse>:not(:last-child){margin-left:-1px}.popover-content-dark{color:var(--ec-color-primary-dark);font-size:var(--ec-font-size);font-weight:var(--ec-font-weight-normal);line-height:1.285714286;margin:0;--ec-color-link: var(--ec-color-link-light);background-color:var(--ec-color-gray-8);color:var(--ec-color-primary-light);padding:.375rem .5rem .375rem 1.75rem}.popover-content-dark.is-right-positioned{padding:.375rem 1.75rem .375rem .5rem}
|
|
@@ -58,11 +58,11 @@ export class TagsComponent {
|
|
|
58
58
|
this.tagClosed.emit(tag);
|
|
59
59
|
}
|
|
60
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
61
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagsComponent, selector: "ec-tags", inputs: { id: "id", tags: "tags", wrap: "wrap", isCondensed: "isCondensed" }, outputs: { tagClosed: "tagClosed" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [
|
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagsComponent, selector: "ec-tags", inputs: { id: "id", tags: "tags", wrap: "wrap", isCondensed: "isCondensed" }, outputs: { tagClosed: "tagClosed" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [class.is-condensed]=\"isCondensed\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\"\r\n class=\"ec-icon {{tag.icon}} ec-icon-sm\"></i>\r\n <span *ngIf=\"!tag.url\">{{tag.label | translate}}</span>\r\n\r\n <a *ngIf=\"tag.url\"\r\n id=\"{{id}}_tag_{{i}}_link\"\r\n class=\"font-weight-bold\"\r\n href=\"{{tag.url}}\"\r\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\r\n\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\"\r\n class=\"tag-close-btn\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}.tags{padding:0;margin:0;list-style:none;display:flex}.tags.is-wrapped{flex-wrap:wrap;margin-top:.25rem}.tags.is-wrapped>.tag{margin-bottom:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
62
62
|
}
|
|
63
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagsComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
|
-
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [
|
|
65
|
+
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [class.is-condensed]=\"isCondensed\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\"\r\n class=\"ec-icon {{tag.icon}} ec-icon-sm\"></i>\r\n <span *ngIf=\"!tag.url\">{{tag.label | translate}}</span>\r\n\r\n <a *ngIf=\"tag.url\"\r\n id=\"{{id}}_tag_{{i}}_link\"\r\n class=\"font-weight-bold\"\r\n href=\"{{tag.url}}\"\r\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\r\n\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\"\r\n class=\"tag-close-btn\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}.tags{padding:0;margin:0;list-style:none;display:flex}.tags.is-wrapped{flex-wrap:wrap;margin-top:.25rem}.tags.is-wrapped>.tag{margin-bottom:.25rem}\n"] }]
|
|
66
66
|
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], tags: [{
|
|
@@ -74,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
74
74
|
}], tagClosed: [{
|
|
75
75
|
type: Output
|
|
76
76
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFncy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS90YWdzL3RhZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvdGFncy90YWdzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWEsS0FBSyxFQUFpQixNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpHLE1BQU0sT0FBTyxhQUFhO0lBdUN4QjtRQXJDQSxnQ0FBZ0M7UUFDaEIsT0FBRSxHQUFXLEVBQUUsQ0FBQztRQVVoQzs7Ozs7V0FLRztRQUNhLFNBQUksR0FBWSxJQUFJLENBQUM7UUFFckM7O1dBRUc7UUFDYSxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUU3Qzs7V0FFRztRQUNjLGNBQVMsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUV4RTs7Ozs7V0FLRztRQUNJLGNBQVMsR0FBVSxFQUFFLENBQUM7SUFFYixDQUFDO0lBRWpCOzs7Ozs7T0FNRztJQUNILFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNqQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDZCw4RUFBOEU7Z0JBQzlFLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztvQkFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUM3QixDQUFDO3FCQUFNLENBQUM7b0JBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDL0IsQ0FBQztZQUNILENBQUM7aUJBQU0sQ0FBQztnQkFDTix3Q0FBd0M7Z0JBQ3hDLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO1lBQ3RCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVNLFFBQVEsQ0FBQyxHQUFRO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDdkQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FuRVUsYUFBYTttR0FBYixhQUFhLHVMQ1IxQixxOEJBd0JLOzs0RkRoQlEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxTQUFTO3dEQU9ILEVBQUU7c0JBQWpCLEtBQUs7Z0JBUVUsSUFBSTtzQkFBbkIsS0FBSztnQkFRVSxJQUFJO3NCQUFuQixLQUFLO2dCQUtVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBS1csU0FBUztzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25DaGFuZ2VzLCBJbnB1dCwgU2ltcGxlQ2hhbmdlcywgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGFnIH0gZnJvbSAnLi90YWcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlYy10YWdzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGFncy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFncy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWdzQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgLyoqVGhlIElEIG9mIHRoaXMgc2V0IG9mIHRhZ3MgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgaWQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKipcclxuICAgKiBPbmUgb3IgbW9yZSB0YWdzXHJcbiAgICogXHJcbiAgICogQHR5cGUgeyhUYWcgfCBUYWdbXSl9XHJcbiAgICogQG1lbWJlcm9mIFRhZ3NDb21wb25lbnRcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdGFncz86IFRhZyB8IFRhZ1tdO1xyXG5cclxuICAvKipcclxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgdGhlIHRhZ3Mgd2lsbCB3cmFwIG9yIG5vdFxyXG4gICAqIFxyXG4gICAqIEB0eXBlIHtib29sZWFufVxyXG4gICAqIEBtZW1iZXJvZiBUYWdzQ29tcG9uZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIHdyYXA6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBEaXNwbGF5cyB0aGUgdGFncyBpbiBjb25kZW5zZWQgbW9kZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc0NvbmRlbnNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBFbWl0cyB0aGUgdGFnIGl0ZW0gd2hlbiB0aGUgdGFnJ3MgY2xvc2UgYnV0dG9uIGlzIGNsaWNrZWRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgcHVibGljIHRhZ0Nsb3NlZDogRXZlbnRFbWl0dGVyPFRhZz4gPSBuZXcgRXZlbnRFbWl0dGVyPFRhZz4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogVGFncyB0byBiZSBkaXNwbGF5ZWRcclxuICAgKiBcclxuICAgKiBAdHlwZSB7VGFnW119XHJcbiAgICogQG1lbWJlcm9mIFRhZ3NDb21wb25lbnRcclxuICAgKi9cclxuICBwdWJsaWMgdGFnc0FycmF5OiBUYWdbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAvKipcclxuICAgKiBBbmd1bGFyIG9uQ2hhbmdlcyBsaWZlY3ljbGUgaG9va1xyXG4gICAqIEBzZWUge0BsaW5rIGh0dHBzOi8vYW5ndWxhci5pby9ndWlkZS9saWZlY3ljbGUtaG9va3MgfCBMaWZlLWN5Y2xlIGhvb2tzfVxyXG4gICAqIFxyXG4gICAqIEBwYXJhbSB7U2ltcGxlQ2hhbmdlc30gY2hhbmdlcyBcclxuICAgKiBAbWVtYmVyb2YgVGFnc0NvbXBvbmVudFxyXG4gICAqL1xyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzLnRhZ3MpIHtcclxuICAgICAgaWYgKHRoaXMudGFncykge1xyXG4gICAgICAgIC8vIElmIG9ubHkgZ2l2ZW4gYSBzaW5nbGUgaXRlbSwgcHV0IGl0IGluIGFuIGFycmF5IHNvIGl0IHdvcmtzIGluIHRoZSB0ZW1wbGF0ZVxyXG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KHRoaXMudGFncykpIHtcclxuICAgICAgICAgIHRoaXMudGFnc0FycmF5ID0gdGhpcy50YWdzO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICB0aGlzLnRhZ3NBcnJheSA9IFt0aGlzLnRhZ3NdO1xyXG4gICAgICAgIH1cclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICAvLyByZXNldCBhcnJheSBpZiB0YWdzIGJlY29tZXMgdW5kZWZpbmVkXHJcbiAgICAgICAgdGhpcy50YWdzQXJyYXkgPSBbXTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGNsb3NlVGFnKHRhZzogVGFnKSB7XHJcbiAgICB0aGlzLnRhZ3NBcnJheSA9IHRoaXMudGFnc0FycmF5LmZpbHRlcih0ID0+IHQgIT09IHRhZyk7XHJcbiAgICB0aGlzLnRhZ0Nsb3NlZC5lbWl0KHRhZyk7XHJcbiAgfVxyXG59XHJcbiIsIjx1bCBjbGFzcz1cInRhZ3NcIlxyXG4gICAgW2NsYXNzLmlzLXdyYXBwZWRdPVwid3JhcFwiPlxyXG4gICA8bGkgKm5nRm9yPVwibGV0IHRhZyBvZiB0YWdzQXJyYXk7IGluZGV4IGFzIGlcIlxyXG4gICAgICAgaWQ9XCJ7e2lkfX1fdGFnX3t7aX19XCJcclxuICAgICAgIGNsYXNzPVwidGFnIGlzLXt7dGFnLnR5cGV9fSB7e3RhZy5jbGFzc0xpc3R9fSBtci0xXCJcclxuICAgICAgIFtjbGFzcy5pcy1jb25kZW5zZWRdPVwiaXNDb25kZW5zZWRcIlxyXG4gICAgICAgdGl0bGU9XCJ7e3RhZy50b29sdGlwIHwgdHJhbnNsYXRlfX1cIj5cclxuICAgICAgPGkgKm5nSWY9XCJ0YWcuaWNvblwiXHJcbiAgICAgICAgIGNsYXNzPVwiZWMtaWNvbiB7e3RhZy5pY29ufX0gZWMtaWNvbi1zbVwiPjwvaT5cclxuICAgICAgPHNwYW4gKm5nSWY9XCIhdGFnLnVybFwiPnt7dGFnLmxhYmVsIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcblxyXG4gICAgICA8YSAqbmdJZj1cInRhZy51cmxcIlxyXG4gICAgICAgICBpZD1cInt7aWR9fV90YWdfe3tpfX1fbGlua1wiXHJcbiAgICAgICAgIGNsYXNzPVwiZm9udC13ZWlnaHQtYm9sZFwiXHJcbiAgICAgICAgIGhyZWY9XCJ7e3RhZy51cmx9fVwiXHJcbiAgICAgICAgIHRhcmdldD1cInt7dGFnLnRhcmdldH19XCI+e3t0YWcubGFiZWwgfCB0cmFuc2xhdGV9fTwvYT5cclxuXHJcbiAgICAgIDxidXR0b24gaWQ9XCJ7e2lkfX1fdGFnX3t7aX19X2Rpc21pc3NCdXR0b25cIlxyXG4gICAgICAgICAgICAgICpuZ0lmPVwidGFnLmlzRGlzbWlzc2FibGVcIlxyXG4gICAgICAgICAgICAgIChjbGljayk9XCJjbG9zZVRhZyh0YWcpXCJcclxuICAgICAgICAgICAgICBjbGFzcz1cInRhZy1jbG9zZS1idG5cIj5cclxuICAgICAgICAgPGkgY2xhc3M9XCJlYy1pY29uIGVjLWljb24tc20gaWNvbi1jYW5jZWxcIj48L2k+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICA8L2xpPlxyXG48L3VsPiJdfQ==
|
|
@@ -2386,11 +2386,11 @@ class TagsComponent {
|
|
|
2386
2386
|
this.tagClosed.emit(tag);
|
|
2387
2387
|
}
|
|
2388
2388
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2389
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagsComponent, selector: "ec-tags", inputs: { id: "id", tags: "tags", wrap: "wrap", isCondensed: "isCondensed" }, outputs: { tagClosed: "tagClosed" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [
|
|
2389
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagsComponent, selector: "ec-tags", inputs: { id: "id", tags: "tags", wrap: "wrap", isCondensed: "isCondensed" }, outputs: { tagClosed: "tagClosed" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [class.is-condensed]=\"isCondensed\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\"\r\n class=\"ec-icon {{tag.icon}} ec-icon-sm\"></i>\r\n <span *ngIf=\"!tag.url\">{{tag.label | translate}}</span>\r\n\r\n <a *ngIf=\"tag.url\"\r\n id=\"{{id}}_tag_{{i}}_link\"\r\n class=\"font-weight-bold\"\r\n href=\"{{tag.url}}\"\r\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\r\n\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\"\r\n class=\"tag-close-btn\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}.tags{padding:0;margin:0;list-style:none;display:flex}.tags.is-wrapped{flex-wrap:wrap;margin-top:.25rem}.tags.is-wrapped>.tag{margin-bottom:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
2390
2390
|
}
|
|
2391
2391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagsComponent, decorators: [{
|
|
2392
2392
|
type: Component,
|
|
2393
|
-
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [
|
|
2393
|
+
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\"\r\n [class.is-wrapped]=\"wrap\">\r\n <li *ngFor=\"let tag of tagsArray; index as i\"\r\n id=\"{{id}}_tag_{{i}}\"\r\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\r\n [class.is-condensed]=\"isCondensed\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\"\r\n class=\"ec-icon {{tag.icon}} ec-icon-sm\"></i>\r\n <span *ngIf=\"!tag.url\">{{tag.label | translate}}</span>\r\n\r\n <a *ngIf=\"tag.url\"\r\n id=\"{{id}}_tag_{{i}}_link\"\r\n class=\"font-weight-bold\"\r\n href=\"{{tag.url}}\"\r\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\r\n\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\"\r\n class=\"tag-close-btn\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}.tags{padding:0;margin:0;list-style:none;display:flex}.tags.is-wrapped{flex-wrap:wrap;margin-top:.25rem}.tags.is-wrapped>.tag{margin-bottom:.25rem}\n"] }]
|
|
2394
2394
|
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
2395
2395
|
type: Input
|
|
2396
2396
|
}], tags: [{
|