@energycap/components 0.46.7 → 0.46.8
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.
|
@@ -2442,11 +2442,11 @@ class TagsComponent {
|
|
|
2442
2442
|
this.tagClosed.emit(tag);
|
|
2443
2443
|
}
|
|
2444
2444
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2445
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TagsComponent, isStandalone: false, selector: "ec-tags", inputs: { id: "id", tags: "tags", wrap: "wrap", isCondensed: "isCondensed", isSubtle: "isSubtle", highlightText: "highlightText" }, outputs: { tagClosed: "tagClosed" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"tags\"\n [class.is-wrapped]=\"wrap\">\n @for (tag of tagsArray; track tag; let i = $index) {\n <li\n id=\"{{id}}_tag_{{i}}\"\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\n [class.is-condensed]=\"isCondensed\"\n [class.is-subtle]=\"isSubtle\"\n title=\"{{(tag.tooltip ?? '') | translate}}\">\n @if (tag.icon) {\n <i\n class=\"ec-icon {{tag.icon}} ec-icon-sm\"></i>\n }\n @if (!tag.url) {\n <span [innerHtml]=\"tag.label | translate | highlightText:highlightText\"></span>\n }\n @if (tag.url) {\n <a\n id=\"{{id}}_tag_{{i}}_link\"\n class=\"font-weight-bold\"\n href=\"{{tag.url}}\"\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\n }\n @if (tag.isDismissable) {\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\n (click)=\"closeTag(tag)\"\n class=\"tag-close-btn\">\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\n </button>\n }\n </li>\n }\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}.tag a[target=_blank]{color:var(--ec-color-brand-black)}\n"], dependencies: [{ kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightTextPipe, name: "highlightText" }] }); }
|
|
2445
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TagsComponent, isStandalone: false, selector: "ec-tags", inputs: { id: "id", tags: "tags", wrap: "wrap", isCondensed: "isCondensed", isSubtle: "isSubtle", highlightText: "highlightText" }, outputs: { tagClosed: "tagClosed" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"tags\"\n [class.is-wrapped]=\"wrap\">\n @for (tag of tagsArray; track tag; let i = $index) {\n <li\n id=\"{{id}}_tag_{{i}}\"\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\n [class.is-condensed]=\"isCondensed\"\n [class.is-subtle]=\"isSubtle\"\n title=\"{{(tag.tooltip ?? '') | translate}}\">\n @if (tag.icon) {\n <i\n class=\"ec-icon {{tag.icon}} ec-icon-sm\" aria-hidden=\"true\"></i>\n }\n @if (!tag.url) {\n <span [innerHtml]=\"tag.label | translate | highlightText:highlightText\"></span>\n }\n @if (tag.url) {\n <a\n id=\"{{id}}_tag_{{i}}_link\"\n class=\"font-weight-bold\"\n href=\"{{tag.url}}\"\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\n }\n @if (tag.isDismissable) {\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\n (click)=\"closeTag(tag)\"\n [attr.aria-label]=\"'Dismiss ' + (tag.label | translate)\"\n class=\"tag-close-btn\">\n <i class=\"ec-icon ec-icon-sm icon-cancel\" aria-hidden=\"true\"></i>\n </button>\n }\n </li>\n }\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}.tag a[target=_blank]{color:var(--ec-color-brand-black)}\n"], dependencies: [{ kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightTextPipe, name: "highlightText" }] }); }
|
|
2446
2446
|
}
|
|
2447
2447
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TagsComponent, decorators: [{
|
|
2448
2448
|
type: Component,
|
|
2449
|
-
args: [{ selector: 'ec-tags', standalone: false, template: "<ul class=\"tags\"\n [class.is-wrapped]=\"wrap\">\n @for (tag of tagsArray; track tag; let i = $index) {\n <li\n id=\"{{id}}_tag_{{i}}\"\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\n [class.is-condensed]=\"isCondensed\"\n [class.is-subtle]=\"isSubtle\"\n title=\"{{(tag.tooltip ?? '') | translate}}\">\n @if (tag.icon) {\n <i\n class=\"ec-icon {{tag.icon}} ec-icon-sm\"></i>\n }\n @if (!tag.url) {\n <span [innerHtml]=\"tag.label | translate | highlightText:highlightText\"></span>\n }\n @if (tag.url) {\n <a\n id=\"{{id}}_tag_{{i}}_link\"\n class=\"font-weight-bold\"\n href=\"{{tag.url}}\"\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\n }\n @if (tag.isDismissable) {\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\n (click)=\"closeTag(tag)\"\n class=\"tag-close-btn\">\n <i class=\"ec-icon ec-icon-sm icon-cancel\"></i>\n </button>\n }\n </li>\n }\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}.tag a[target=_blank]{color:var(--ec-color-brand-black)}\n"] }]
|
|
2449
|
+
args: [{ selector: 'ec-tags', standalone: false, template: "<ul class=\"tags\"\n [class.is-wrapped]=\"wrap\">\n @for (tag of tagsArray; track tag; let i = $index) {\n <li\n id=\"{{id}}_tag_{{i}}\"\n class=\"tag is-{{tag.type}} {{tag.classList}} mr-1\"\n [class.is-condensed]=\"isCondensed\"\n [class.is-subtle]=\"isSubtle\"\n title=\"{{(tag.tooltip ?? '') | translate}}\">\n @if (tag.icon) {\n <i\n class=\"ec-icon {{tag.icon}} ec-icon-sm\" aria-hidden=\"true\"></i>\n }\n @if (!tag.url) {\n <span [innerHtml]=\"tag.label | translate | highlightText:highlightText\"></span>\n }\n @if (tag.url) {\n <a\n id=\"{{id}}_tag_{{i}}_link\"\n class=\"font-weight-bold\"\n href=\"{{tag.url}}\"\n target=\"{{tag.target}}\">{{tag.label | translate}}</a>\n }\n @if (tag.isDismissable) {\n <button id=\"{{id}}_tag_{{i}}_dismissButton\"\n (click)=\"closeTag(tag)\"\n [attr.aria-label]=\"'Dismiss ' + (tag.label | translate)\"\n class=\"tag-close-btn\">\n <i class=\"ec-icon ec-icon-sm icon-cancel\" aria-hidden=\"true\"></i>\n </button>\n }\n </li>\n }\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}.tag a[target=_blank]{color:var(--ec-color-brand-black)}\n"] }]
|
|
2450
2450
|
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
2451
2451
|
type: Input
|
|
2452
2452
|
}], tags: [{
|
|
@@ -4022,11 +4022,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
4022
4022
|
/** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
|
|
4023
4023
|
class SpinnerComponent {
|
|
4024
4024
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4025
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SpinnerComponent, isStandalone: false, selector: "ec-spinner", ngImport: i0, template: "<div class=\"spinner\">\n <span class=\"spinner-dot\"></span>\n <span class=\"spinner-dot\"></span>\n <span class=\"spinner-dot\"></span>\n</div>\n", styles: ["@keyframes bblFadInOut{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spinner{display:flex;gap:7px;align-items:center}.spinner-dot{width:17.5px;height:17.5px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.spinner-dot:nth-child(3){animation-delay:0s}:host(.spinner-small) .spinner{display:flex;gap:3.2px;align-items:center}:host(.spinner-small) .spinner-dot{width:8px;height:8px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.32s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.16s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:0s}\n"] }); }
|
|
4025
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SpinnerComponent, isStandalone: false, selector: "ec-spinner", ngImport: i0, template: "<div class=\"spinner\" role=\"status\" [attr.aria-label]=\"'Loading' | translate\">\n <span class=\"spinner-dot\" aria-hidden=\"true\"></span>\n <span class=\"spinner-dot\" aria-hidden=\"true\"></span>\n <span class=\"spinner-dot\" aria-hidden=\"true\"></span>\n</div>\n", styles: ["@keyframes bblFadInOut{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spinner{display:flex;gap:7px;align-items:center}.spinner-dot{width:17.5px;height:17.5px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.spinner-dot:nth-child(3){animation-delay:0s}:host(.spinner-small) .spinner{display:flex;gap:3.2px;align-items:center}:host(.spinner-small) .spinner-dot{width:8px;height:8px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.32s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.16s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:0s}\n"], dependencies: [{ kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
4026
4026
|
}
|
|
4027
4027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
4028
4028
|
type: Component,
|
|
4029
|
-
args: [{ selector: 'ec-spinner', standalone: false, template: "<div class=\"spinner\">\n <span class=\"spinner-dot\"></span>\n <span class=\"spinner-dot\"></span>\n <span class=\"spinner-dot\"></span>\n</div>\n", styles: ["@keyframes bblFadInOut{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spinner{display:flex;gap:7px;align-items:center}.spinner-dot{width:17.5px;height:17.5px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.spinner-dot:nth-child(3){animation-delay:0s}:host(.spinner-small) .spinner{display:flex;gap:3.2px;align-items:center}:host(.spinner-small) .spinner-dot{width:8px;height:8px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.32s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.16s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:0s}\n"] }]
|
|
4029
|
+
args: [{ selector: 'ec-spinner', standalone: false, template: "<div class=\"spinner\" role=\"status\" [attr.aria-label]=\"'Loading' | translate\">\n <span class=\"spinner-dot\" aria-hidden=\"true\"></span>\n <span class=\"spinner-dot\" aria-hidden=\"true\"></span>\n <span class=\"spinner-dot\" aria-hidden=\"true\"></span>\n</div>\n", styles: ["@keyframes bblFadInOut{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spinner{display:flex;gap:7px;align-items:center}.spinner-dot{width:17.5px;height:17.5px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.spinner-dot:nth-child(3){animation-delay:0s}:host(.spinner-small) .spinner{display:flex;gap:3.2px;align-items:center}:host(.spinner-small) .spinner-dot{width:8px;height:8px;border-radius:50%;background-color:var(--ec-spinner-color, var(--ec-color-brand-black));animation:bblFadInOut 1.8s infinite ease-in-out both;flex-shrink:0}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.32s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.16s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:0s}\n"] }]
|
|
4030
4030
|
}] });
|
|
4031
4031
|
|
|
4032
4032
|
class Overlay {
|