@energycap/components 0.32.25 → 0.32.26-ECAP-17284-Tag-URL-Support.20230306-0744
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/esm2020/lib/display/tags/tag.mjs +3 -2
- package/esm2020/lib/display/tags/tags.component.mjs +3 -3
- package/fesm2015/energycap-components.mjs +4 -3
- package/fesm2015/energycap-components.mjs.map +1 -1
- package/fesm2020/energycap-components.mjs +4 -3
- package/fesm2020/energycap-components.mjs.map +1 -1
- package/lib/display/tags/tag.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
/** Tag contains a label and type. Type is default by default */
|
|
2
2
|
export class Tag {
|
|
3
|
-
constructor(label, type, classList, icon, isDismissable, tooltip) {
|
|
3
|
+
constructor(label, type, classList, icon, isDismissable, tooltip, url) {
|
|
4
4
|
this.label = label;
|
|
5
5
|
this.type = type || 'info';
|
|
6
6
|
this.icon = icon;
|
|
7
7
|
this.isDismissable = isDismissable ?? false;
|
|
8
8
|
this.tooltip = tooltip;
|
|
9
|
+
this.url = url;
|
|
9
10
|
if (classList) {
|
|
10
11
|
this.classList = classList;
|
|
11
12
|
}
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvdGFncy90YWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsZ0VBQWdFO0FBQ2hFLE1BQU0sT0FBTyxHQUFHO0lBaUJkLFlBQVksS0FBYSxFQUFFLElBQWMsRUFBRSxTQUFrQixFQUFFLElBQWEsRUFBRSxhQUF1QixFQUFFLE9BQWdCLEVBQUUsR0FBWTtRQUNuSSxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksSUFBSSxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLGFBQWEsR0FBRyxhQUFhLElBQUksS0FBSyxDQUFDO1FBQzVDLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO1FBRWYsSUFBSSxTQUFTLEVBQUU7WUFDYixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztTQUM1QjtJQUNILENBQUM7Q0FDRjtBQUFBLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogVGFnIHR5cGUgdXNlZCB0byBzdHlsZSB0aGUgdGFnICovXHJcbmV4cG9ydCB0eXBlIFRhZ1R5cGUgPSBcImluZm9cIiB8IFwic3VjY2Vzc1wiIHwgXCJ3YXJuaW5nXCIgfCBcImRhbmdlclwiIHwgXCJhY2NlbnRcIiB8IFwiY2hhcmdlYmFja1wiIHwgXCJhY2NydWFsXCIgfCBcImludmVydGVkXCI7XHJcblxyXG4vKiogVGFnIGNvbnRhaW5zIGEgbGFiZWwgYW5kIHR5cGUuIFR5cGUgaXMgZGVmYXVsdCBieSBkZWZhdWx0ICovXHJcbmV4cG9ydCBjbGFzcyBUYWcge1xyXG4gIHB1YmxpYyBsYWJlbDogc3RyaW5nO1xyXG5cclxuICBwdWJsaWMgdHlwZTogVGFnVHlwZTtcclxuXHJcbiAgcHVibGljIGljb24/OiBzdHJpbmc7XHJcblxyXG4gIHB1YmxpYyBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcclxuXHJcbiAgLyoqIENTUyBjbGFzc2VzIHRvIGFwcGx5IHRvIHRhZyBmb3IgY3VzdG9tIHN0eWxpbmcgKi9cclxuICBwdWJsaWMgY2xhc3NMaXN0Pzogc3RyaW5nO1xyXG5cclxuICBwdWJsaWMgdG9vbHRpcD86IHN0cmluZztcclxuXHJcbiAgLyoqIFdoZW4gc2V0IGEgaHlwZXJsaW5rIHdpbGwgYmUgc2hvd24gbGlua2luZyB0byB0aGUgdmFsdWUgc2V0ICovXHJcbiAgcHVibGljIHVybD86IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IobGFiZWw6IHN0cmluZywgdHlwZT86IFRhZ1R5cGUsIGNsYXNzTGlzdD86IHN0cmluZywgaWNvbj86IHN0cmluZywgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW4sIHRvb2x0aXA/OiBzdHJpbmcsIHVybD86IHN0cmluZykge1xyXG4gICAgdGhpcy5sYWJlbCA9IGxhYmVsO1xyXG4gICAgdGhpcy50eXBlID0gdHlwZSB8fCAnaW5mbyc7XHJcbiAgICB0aGlzLmljb24gPSBpY29uO1xyXG4gICAgdGhpcy5pc0Rpc21pc3NhYmxlID0gaXNEaXNtaXNzYWJsZSA/PyBmYWxzZTtcclxuICAgIHRoaXMudG9vbHRpcCA9IHRvb2x0aXA7XHJcbiAgICB0aGlzLnVybCA9IHVybDtcclxuXHJcbiAgICBpZiAoY2xhc3NMaXN0KSB7XHJcbiAgICAgIHRoaXMuY2xhc3NMaXN0ID0gY2xhc3NMaXN0O1xyXG4gICAgfVxyXG4gIH1cclxufTsiXX0=
|
|
@@ -59,10 +59,10 @@ export class TagsComponent {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
TagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted ec-icon-sm\"></i>\r\n {{tag.label | translate}}\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}\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"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
|
|
62
|
+
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable, 'is-link': tag.url}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted 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=\"_blank\">{{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 <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}.is-link a{text-decoration:underline}.is-link a:after{margin-left:.1875rem;opacity:1}\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"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
|
|
63
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TagsComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
|
-
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted ec-icon-sm\"></i>\r\n {{tag.label | translate}}\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}\n"] }]
|
|
65
|
+
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable, 'is-link': tag.url}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted 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=\"_blank\">{{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 <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}.is-link a{text-decoration:underline}.is-link a:after{margin-left:.1875rem;opacity:1}\n"] }]
|
|
66
66
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], tags: [{
|
|
@@ -74,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
74
74
|
}], tagClosed: [{
|
|
75
75
|
type: Output
|
|
76
76
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFncy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS90YWdzL3RhZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvdGFncy90YWdzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWEsS0FBSyxFQUFpQixNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpHLE1BQU0sT0FBTyxhQUFhO0lBdUN4QjtRQXJDQSxnQ0FBZ0M7UUFDaEIsT0FBRSxHQUFXLEVBQUUsQ0FBQztRQVVoQzs7Ozs7V0FLRztRQUNhLFNBQUksR0FBWSxJQUFJLENBQUM7UUFFckM7O1dBRUc7UUFDYSxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUU3Qzs7V0FFRztRQUNjLGNBQVMsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUV4RTs7Ozs7V0FLRztRQUNJLGNBQVMsR0FBVSxFQUFFLENBQUM7SUFFYixDQUFDO0lBRWpCOzs7Ozs7T0FNRztJQUNILFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLEVBQUU7WUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO2dCQUNiLDhFQUE4RTtnQkFDOUUsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtvQkFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO2lCQUM1QjtxQkFBTTtvQkFDTCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUM5QjthQUNGO2lCQUFNO2dCQUNMLHdDQUF3QztnQkFDeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7YUFDckI7U0FDRjtJQUNILENBQUM7SUFFTSxRQUFRLENBQUMsR0FBUTtRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7OzBHQW5FVSxhQUFhOzhGQUFiLGFBQWEsdUxDUjFCLHcrQkFxQks7MkZEYlEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxTQUFTOzBFQU9ILEVBQUU7c0JBQWpCLEtBQUs7Z0JBUVUsSUFBSTtzQkFBbkIsS0FBSztnQkFRVSxJQUFJO3NCQUFuQixLQUFLO2dCQUtVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBS1csU0FBUztzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25DaGFuZ2VzLCBJbnB1dCwgU2ltcGxlQ2hhbmdlcywgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGFnIH0gZnJvbSAnLi90YWcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlYy10YWdzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGFncy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFncy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWdzQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgLyoqVGhlIElEIG9mIHRoaXMgc2V0IG9mIHRhZ3MgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgaWQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKipcclxuICAgKiBPbmUgb3IgbW9yZSB0YWdzXHJcbiAgICogXHJcbiAgICogQHR5cGUgeyhUYWcgfCBUYWdbXSl9XHJcbiAgICogQG1lbWJlcm9mIFRhZ3NDb21wb25lbnRcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdGFncz86IFRhZyB8IFRhZ1tdO1xyXG5cclxuICAvKipcclxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgdGhlIHRhZ3Mgd2lsbCB3cmFwIG9yIG5vdFxyXG4gICAqIFxyXG4gICAqIEB0eXBlIHtib29sZWFufVxyXG4gICAqIEBtZW1iZXJvZiBUYWdzQ29tcG9uZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIHdyYXA6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBEaXNwbGF5cyB0aGUgdGFncyBpbiBjb25kZW5zZWQgbW9kZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc0NvbmRlbnNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBFbWl0cyB0aGUgdGFnIGl0ZW0gd2hlbiB0aGUgdGFnJ3MgY2xvc2UgYnV0dG9uIGlzIGNsaWNrZWRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgcHVibGljIHRhZ0Nsb3NlZDogRXZlbnRFbWl0dGVyPFRhZz4gPSBuZXcgRXZlbnRFbWl0dGVyPFRhZz4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogVGFncyB0byBiZSBkaXNwbGF5ZWRcclxuICAgKiBcclxuICAgKiBAdHlwZSB7VGFnW119XHJcbiAgICogQG1lbWJlcm9mIFRhZ3NDb21wb25lbnRcclxuICAgKi9cclxuICBwdWJsaWMgdGFnc0FycmF5OiBUYWdbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAvKipcclxuICAgKiBBbmd1bGFyIG9uQ2hhbmdlcyBsaWZlY3ljbGUgaG9va1xyXG4gICAqIEBzZWUge0BsaW5rIGh0dHBzOi8vYW5ndWxhci5pby9ndWlkZS9saWZlY3ljbGUtaG9va3MgfCBMaWZlLWN5Y2xlIGhvb2tzfVxyXG4gICAqIFxyXG4gICAqIEBwYXJhbSB7U2ltcGxlQ2hhbmdlc30gY2hhbmdlcyBcclxuICAgKiBAbWVtYmVyb2YgVGFnc0NvbXBvbmVudFxyXG4gICAqL1xyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzLnRhZ3MpIHtcclxuICAgICAgaWYgKHRoaXMudGFncykge1xyXG4gICAgICAgIC8vIElmIG9ubHkgZ2l2ZW4gYSBzaW5nbGUgaXRlbSwgcHV0IGl0IGluIGFuIGFycmF5IHNvIGl0IHdvcmtzIGluIHRoZSB0ZW1wbGF0ZVxyXG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KHRoaXMudGFncykpIHtcclxuICAgICAgICAgIHRoaXMudGFnc0FycmF5ID0gdGhpcy50YWdzO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICB0aGlzLnRhZ3NBcnJheSA9IFt0aGlzLnRhZ3NdO1xyXG4gICAgICAgIH1cclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICAvLyByZXNldCBhcnJheSBpZiB0YWdzIGJlY29tZXMgdW5kZWZpbmVkXHJcbiAgICAgICAgdGhpcy50YWdzQXJyYXkgPSBbXTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGNsb3NlVGFnKHRhZzogVGFnKSB7XHJcbiAgICB0aGlzLnRhZ3NBcnJheSA9IHRoaXMudGFnc0FycmF5LmZpbHRlcih0ID0+IHQgIT09IHRhZyk7XHJcbiAgICB0aGlzLnRhZ0Nsb3NlZC5lbWl0KHRhZyk7XHJcbiAgfVxyXG59XHJcbiIsIjx1bCBjbGFzcz1cInRhZ3NcIiBbY2xhc3MuaXMtd3JhcHBlZF09XCJ3cmFwXCI+XHJcbiAgPGxpICpuZ0Zvcj1cImxldCB0YWcgb2YgdGFnc0FycmF5OyBpbmRleCBhcyBpXCJcclxuICAgICAgaWQ9XCJ7e2lkfX1fdGFnX3t7aX19XCJcclxuICAgICAgY2xhc3M9XCJ0YWcgaXMte3t0YWcudHlwZX19IHt7dGFnLmNsYXNzTGlzdH19IG1yLTFcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7J3RleHQtY2FwdGlvbi0xJzogIWlzQ29uZGVuc2VkLCAndGV4dC1jYXB0aW9uLTInOiBpc0NvbmRlbnNlZCwgJ2lzLWNvbmRlbnNlZCc6IGlzQ29uZGVuc2VkLCAncHItMCc6IHRhZy5pc0Rpc21pc3NhYmxlLCAnaXMtbGluayc6IHRhZy51cmx9XCJcclxuICAgICAgdGl0bGU9XCJ7e3RhZy50b29sdGlwIHwgdHJhbnNsYXRlfX1cIj5cclxuICAgIDxpICpuZ0lmPVwidGFnLmljb25cIiBjbGFzcz1cImVjLWljb24ge3t0YWcuaWNvbn19IGZvbnQtY29sb3ItbXV0ZWQgZWMtaWNvbi1zbVwiPjwvaT5cclxuICAgIDxzcGFuICpuZ0lmPVwiIXRhZy51cmxcIj57e3RhZy5sYWJlbCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG5cclxuICAgIDxhICpuZ0lmPVwidGFnLnVybFwiXHJcbiAgICAgICBpZD1cInt7aWR9fV90YWdfe3tpfX1fbGlua1wiXHJcbiAgICAgICBjbGFzcz1cImZvbnQtd2VpZ2h0LWJvbGRcIlxyXG4gICAgICAgaHJlZj1cInt7dGFnLnVybH19XCJcclxuICAgICAgIHRhcmdldD1cIl9ibGFua1wiPnt7dGFnLmxhYmVsIHwgdHJhbnNsYXRlfX08L2E+XHJcblxyXG4gICAgPGJ1dHRvbiBpZD1cInt7aWR9fV90YWdfe3tpfX1fZGlzbWlzc0J1dHRvblwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwidGFnLmlzRGlzbWlzc2FibGVcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwiY2xvc2VUYWcodGFnKVwiPlxyXG4gICAgICA8aSBjbGFzcz1cImVjLWljb24gZWMtaWNvbi1zbSBpY29uLWNhbmNlbFwiPjwvaT5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvbGk+XHJcbjwvdWw+Il19
|
|
@@ -4430,10 +4430,10 @@ class TagsComponent {
|
|
|
4430
4430
|
}
|
|
4431
4431
|
}
|
|
4432
4432
|
TagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4433
|
-
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted ec-icon-sm\"></i>\r\n {{tag.label | translate}}\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}\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"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
|
|
4433
|
+
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable, 'is-link': tag.url}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted 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=\"_blank\">{{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 <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}.is-link a{text-decoration:underline}.is-link a:after{margin-left:.1875rem;opacity:1}\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"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
|
|
4434
4434
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TagsComponent, decorators: [{
|
|
4435
4435
|
type: Component,
|
|
4436
|
-
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted ec-icon-sm\"></i>\r\n {{tag.label | translate}}\r\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\r\n *ngIf=\"tag.isDismissable\"\r\n (click)=\"closeTag(tag)\">\r\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}\n"] }]
|
|
4436
|
+
args: [{ selector: 'ec-tags', template: "<ul class=\"tags\" [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 [ngClass]=\"{'text-caption-1': !isCondensed, 'text-caption-2': isCondensed, 'is-condensed': isCondensed, 'pr-0': tag.isDismissable, 'is-link': tag.url}\"\r\n title=\"{{tag.tooltip | translate}}\">\r\n <i *ngIf=\"tag.icon\" class=\"ec-icon {{tag.icon}} font-color-muted 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=\"_blank\">{{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 <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\r\n </button>\r\n </li>\r\n</ul>", styles: [":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}.tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#acbcc340;border:2px solid rgb(172,188,195);display:inline-flex;align-items:center;border-radius:calc(var(--ec-border-radius, .25rem) * 3);height:1.5rem;line-height:1.25rem;padding: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 .ec-icon:before,.tag .ec-icon:after{width:auto;height:auto}.tag.is-inverted{background-color:var(--ec-background-color);border-color:var(--ec-background-color)}.tag.is-info{background-color:#acbcc340;border-color:#acbcc3}.tag.is-success{background-color:#c1cd2340;border-color:#c1cd23}.tag.is-warning{background-color:#f5d40040;border-color:#f5d400}.tag.is-danger{background-color:#e3343640;border-color:#e33436}.tag.is-accent{background-color:#906ea840;border-color:#906ea8}.tag.is-chargeback{background-color:#fa7b2e40;border-color:#fa7b2e}.tag.is-accrual{background-color:#23c3cd40;border-color:#23c3cd}button{background-color:transparent;border:0;display:flex;align-items:center;padding:0 .4375rem 0 .1875rem;height:100%;cursor:pointer}button:hover,button:focus{background-color:#1a1a231a;outline:none}.is-condensed{border-radius:var(--ec-border-radius);border:0;padding:0 .25rem;height:1.125rem;line-height:1.125rem;min-width:1.125rem;justify-content:center}.is-condensed>.ec-icon:first-child{margin-right:.125rem}.is-condensed button{padding-right:.25rem;padding-left:.125rem}.is-link a{text-decoration:underline}.is-link a:after{margin-left:.1875rem;opacity:1}\n"] }]
|
|
4437
4437
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
4438
4438
|
type: Input
|
|
4439
4439
|
}], tags: [{
|
|
@@ -10180,12 +10180,13 @@ function safeToLower(item, prop) {
|
|
|
10180
10180
|
|
|
10181
10181
|
/** Tag contains a label and type. Type is default by default */
|
|
10182
10182
|
class Tag {
|
|
10183
|
-
constructor(label, type, classList, icon, isDismissable, tooltip) {
|
|
10183
|
+
constructor(label, type, classList, icon, isDismissable, tooltip, url) {
|
|
10184
10184
|
this.label = label;
|
|
10185
10185
|
this.type = type || 'info';
|
|
10186
10186
|
this.icon = icon;
|
|
10187
10187
|
this.isDismissable = isDismissable !== null && isDismissable !== void 0 ? isDismissable : false;
|
|
10188
10188
|
this.tooltip = tooltip;
|
|
10189
|
+
this.url = url;
|
|
10189
10190
|
if (classList) {
|
|
10190
10191
|
this.classList = classList;
|
|
10191
10192
|
}
|