@energycap/components 0.39.20-ECAP-25581-Space-Icon-Color-Fix.20240701-0803 → 0.39.20
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/esm2020/lib/controls/help-popover/help-popover.component.mjs +3 -3
- package/fesm2015/energycap-components.mjs +2 -2
- package/fesm2015/energycap-components.mjs.map +1 -1
- package/fesm2020/energycap-components.mjs +2 -2
- package/fesm2020/energycap-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/styles/mixins/_text.scss +89 -0
- package/src/styles/utilities/_common.scss +15 -1
- package/src/styles/utilities/_text.scss +15 -59
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
* Copyright 2023 Fonticons, Inc.
|
|
20
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}/*!
|
|
21
21
|
* EnergyCAP Components - Utility Styles
|
|
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
|
|
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}
|
|
@@ -12,10 +12,10 @@ export class HelpPopoverComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
HelpPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HelpPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
HelpPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HelpPopoverComponent, selector: "ec-help-popover", inputs: { id: "id", text: "text", contentPosition: "contentPosition", maxWidth: "maxWidth" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"
|
|
15
|
+
HelpPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HelpPopoverComponent, selector: "ec-help-popover", inputs: { id: "id", text: "text", contentPosition: "contentPosition", maxWidth: "maxWidth" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"popover-content-dark\"\r\n [class.is-right-positioned]=\"contentPosition == 'top-right' || contentPosition == 'bottom-right'\"\r\n [style.max-width]=\"maxWidth\">\r\n <div *ngIf=\"text\"\r\n [innerHTML]=\"text | translate\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n</ec-popover>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PopoverComponent, selector: "ec-popover", inputs: ["icon", "tag", "tagHoverType", "contentPosition", "iconHoverClass"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HelpPopoverComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'ec-help-popover', template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"
|
|
18
|
+
args: [{ selector: 'ec-help-popover', template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"popover-content-dark\"\r\n [class.is-right-positioned]=\"contentPosition == 'top-right' || contentPosition == 'bottom-right'\"\r\n [style.max-width]=\"maxWidth\">\r\n <div *ngIf=\"text\"\r\n [innerHTML]=\"text | translate\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n</ec-popover>" }]
|
|
19
19
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}, {
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
28
28
|
}], maxWidth: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1wb3BvdmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9oZWxwLXBvcG92ZXIvaGVscC1wb3BvdmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9oZWxwLXBvcG92ZXIvaGVscC1wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPOUQsTUFBTSxPQUFPLG9CQUFvQjtJQU8vQjtRQUxpQyxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBQ3hDLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsb0JBQWUsR0FBMkIsVUFBVSxDQUFDO1FBQ3JELGFBQVEsR0FBVyxPQUFPLENBQUM7SUFFcEIsQ0FBQzs7aUhBUE4sb0JBQW9CO3FHQUFwQixvQkFBb0IscU1DUGpDLGtqQkFZYTsyRkRMQSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0UsaUJBQWlCOzBFQUtNLEVBQUU7c0JBQWxDLEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsU0FBUztnQkFDdEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJDb250ZW50UG9zaXRpb24gfSBmcm9tICcuLi9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWMtaGVscC1wb3BvdmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaGVscC1wb3BvdmVyLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSGVscFBvcG92ZXJDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2F0dHIuaWQnKSBpZDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgY29udGVudFBvc2l0aW9uOiBQb3BvdmVyQ29udGVudFBvc2l0aW9uID0gJ3RvcC1sZWZ0JztcclxuICBASW5wdXQoKSBtYXhXaWR0aDogc3RyaW5nID0gJzE1cmVtJztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbn1cclxuIiwiPGVjLXBvcG92ZXIgaWQ9XCJ7e2lkfX1fcG9wb3ZlclwiXHJcbiAgICAgICAgICAgIGljb249XCJpY29uLWhlbHAtY2lyY2xlXCJcclxuICAgICAgICAgICAgW2NvbnRlbnRQb3NpdGlvbl09XCJjb250ZW50UG9zaXRpb25cIlxyXG4gICAgICAgICAgICBpY29uSG92ZXJDbGFzcz1cImZvbnQtY29sb3ItcHJpbWFyeS1saWdodFwiPlxyXG4gIDxkaXYgaWQ9XCJ7e2lkfX1fcG9wb3ZlckNvbnRlbnRcIlxyXG4gICAgICAgY2xhc3M9XCJwb3BvdmVyLWNvbnRlbnQtZGFya1wiXHJcbiAgICAgICBbY2xhc3MuaXMtcmlnaHQtcG9zaXRpb25lZF09XCJjb250ZW50UG9zaXRpb24gPT0gJ3RvcC1yaWdodCcgfHwgY29udGVudFBvc2l0aW9uID09ICdib3R0b20tcmlnaHQnXCJcclxuICAgICAgIFtzdHlsZS5tYXgtd2lkdGhdPVwibWF4V2lkdGhcIj5cclxuICAgIDxkaXYgKm5nSWY9XCJ0ZXh0XCJcclxuICAgICAgICAgW2lubmVySFRNTF09XCJ0ZXh0IHwgdHJhbnNsYXRlXCI+PC9kaXY+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZWMtcG9wb3Zlcj4iXX0=
|
|
@@ -1306,10 +1306,10 @@ class HelpPopoverComponent {
|
|
|
1306
1306
|
}
|
|
1307
1307
|
}
|
|
1308
1308
|
HelpPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HelpPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1309
|
-
HelpPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HelpPopoverComponent, selector: "ec-help-popover", inputs: { id: "id", text: "text", contentPosition: "contentPosition", maxWidth: "maxWidth" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"
|
|
1309
|
+
HelpPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HelpPopoverComponent, selector: "ec-help-popover", inputs: { id: "id", text: "text", contentPosition: "contentPosition", maxWidth: "maxWidth" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"popover-content-dark\"\r\n [class.is-right-positioned]=\"contentPosition == 'top-right' || contentPosition == 'bottom-right'\"\r\n [style.max-width]=\"maxWidth\">\r\n <div *ngIf=\"text\"\r\n [innerHTML]=\"text | translate\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n</ec-popover>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "ec-popover", inputs: ["icon", "tag", "tagHoverType", "contentPosition", "iconHoverClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
|
|
1310
1310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HelpPopoverComponent, decorators: [{
|
|
1311
1311
|
type: Component,
|
|
1312
|
-
args: [{ selector: 'ec-help-popover', template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"
|
|
1312
|
+
args: [{ selector: 'ec-help-popover', template: "<ec-popover id=\"{{id}}_popover\"\r\n icon=\"icon-help-circle\"\r\n [contentPosition]=\"contentPosition\"\r\n iconHoverClass=\"font-color-primary-light\">\r\n <div id=\"{{id}}_popoverContent\"\r\n class=\"popover-content-dark\"\r\n [class.is-right-positioned]=\"contentPosition == 'top-right' || contentPosition == 'bottom-right'\"\r\n [style.max-width]=\"maxWidth\">\r\n <div *ngIf=\"text\"\r\n [innerHTML]=\"text | translate\"></div>\r\n <ng-content></ng-content>\r\n </div>\r\n</ec-popover>" }]
|
|
1313
1313
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
1314
1314
|
type: Input
|
|
1315
1315
|
}, {
|