novo-elements 8.0.1 → 8.1.0-next.2

package/fesm2020/novo-elements-elements-list.mjs

@@ -14,19 +14,15 @@ class NovoListElement {
     }
 }
 NovoListElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoListElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-NovoListElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoListElement, selector: "novo-list", inputs: { theme: "theme", direction: "direction" }, host: { properties: { "class.vertical-list": "direction === \"vertical\"", "class.horizontal-list": "direction === \"horizontal\"", "attr.theme": "theme" }, classAttribute: "novo-list" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+NovoListElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoListElement, selector: "novo-list", inputs: { theme: "theme", direction: "direction" }, host: { properties: { "class.vertical-list": "direction === \"vertical\"", "class.horizontal-list": "direction === \"horizontal\"", "attr.theme": "theme" }, classAttribute: "novo-list" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{display:flex}:host.vertical-list{flex-direction:column}:host.horizontal-list{flex-direction:row}.novo-list-item .avatar .novo-item-content,a[list-item] .avatar .novo-item-content,button[list-item] .avatar .novo-item-content{margin-left:2.7em}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoListElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-list',
-                    host: {
+            args: [{ selector: 'novo-list', host: {
                         class: 'novo-list',
                         '[class.vertical-list]': 'direction === "vertical"',
                         '[class.horizontal-list]': 'direction === "horizontal"',
                         '[attr.theme]': 'theme',
-                    },
-                    template: ` <ng-content></ng-content> `,
-                }]
+                    }, template: ` <ng-content></ng-content> `, styles: [":host{display:flex}:host.vertical-list{flex-direction:column}:host.horizontal-list{flex-direction:row}.novo-list-item .avatar .novo-item-content,a[list-item] .avatar .novo-item-content,button[list-item] .avatar .novo-item-content{margin-left:2.7em}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { theme: [{
                 type: Input
             }], direction: [{
@@ -35,16 +31,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class NovoItemAvatarElement {
 }
 NovoItemAvatarElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemAvatarElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NovoItemAvatarElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemAvatarElement, selector: "item-avatar, novo-item-avatar", inputs: { icon: "icon", color: "color" }, host: { classAttribute: "novo-item-avatar" }, ngImport: i0, template: ` <novo-icon *ngIf="icon" [color]="color || icon">{{ icon }}</novo-icon> `, isInline: true, components: [{ type: i1.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+NovoItemAvatarElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemAvatarElement, selector: "item-avatar, novo-item-avatar", inputs: { icon: "icon", color: "color" }, host: { classAttribute: "novo-item-avatar" }, ngImport: i0, template: ` <novo-icon *ngIf="icon" [color]="color || icon">{{ icon }}</novo-icon> `, isInline: true, styles: [":host{margin-right:.5em}:host ::ng-deep i.black{color:#000}:host ::ng-deep i.white{color:#fff}:host ::ng-deep i.gray{color:#9e9e9e}:host ::ng-deep i.grey{color:#9e9e9e}:host ::ng-deep i.offWhite{color:#f7f7f7}:host ::ng-deep i.bright{color:#f7f7f7}:host ::ng-deep i.light{color:#dbdbdb}:host ::ng-deep i.neutral{color:#4f5361}:host ::ng-deep i.dark{color:#3d464d}:host ::ng-deep i.orange{color:#ff6900}:host ::ng-deep i.navigation{color:#202945}:host ::ng-deep i.skyBlue{color:#009bdf}:host ::ng-deep i.steel{color:#5b6770}:host ::ng-deep i.metal{color:#637893}:host ::ng-deep i.sand{color:#f4f4f4}:host ::ng-deep i.silver{color:#e2e2e2}:host ::ng-deep i.stone{color:#bebebe}:host ::ng-deep i.ash{color:#a0a0a0}:host ::ng-deep i.slate{color:#707070}:host ::ng-deep i.onyx{color:#526980}:host ::ng-deep i.charcoal{color:#282828}:host ::ng-deep i.moonlight{color:#1a242f}:host ::ng-deep i.midnight{color:#202945}:host ::ng-deep i.darkness{color:#161f27}:host ::ng-deep i.navy{color:#0d2d42}:host ::ng-deep i.aqua{color:#3bafda}:host ::ng-deep i.ocean{color:#4a89dc}:host ::ng-deep i.mint{color:#37bc9b}:host ::ng-deep i.grass{color:#8cc152}:host ::ng-deep i.sunflower{color:#f6b042}:host ::ng-deep i.bittersweet{color:#eb6845}:host ::ng-deep i.grapefruit{color:#da4453}:host ::ng-deep i.carnation{color:#d770ad}:host ::ng-deep i.lavender{color:#967adc}:host ::ng-deep i.mountain{color:#9678b6}:host ::ng-deep i.info{color:#4a89dc}:host ::ng-deep i.positive{color:#4a89dc}:host ::ng-deep i.success{color:#8cc152}:host ::ng-deep i.negative{color:#da4453}:host ::ng-deep i.danger{color:#da4453}:host ::ng-deep i.error{color:#da4453}:host ::ng-deep i.warning{color:#f6b042}:host ::ng-deep i.empty{color:#cccdcc}:host ::ng-deep i.disabled{color:#bebebe}:host ::ng-deep i.background{color:#f7f7f7}:host ::ng-deep i.backgroundDark{color:#e2e2e2}:host ::ng-deep i.presentation{color:#5b6770}:host ::ng-deep i.bullhorn{color:#ff6900}:host ::ng-deep i.pulse{color:#3bafda}:host ::ng-deep i.company{color:#39d}:host ::ng-deep i.candidate{color:#4b7}:host ::ng-deep i.lead{color:#a69}:host ::ng-deep i.contact{color:#fa4}:host ::ng-deep i.clientcontact{color:#fa4}:host ::ng-deep i.opportunity{color:#625}:host ::ng-deep i.job{color:#b56}:host ::ng-deep i.joborder{color:#b56}:host ::ng-deep i.submission{color:#a9adbb}:host ::ng-deep i.sendout{color:#747884}:host ::ng-deep i.placement{color:#0b344f}:host ::ng-deep i.note{color:#747884}:host ::ng-deep i.contract{color:#454ea0}:host ::ng-deep i.jobCode{color:#696d79}:host ::ng-deep i.earnCode{color:#696d79}:host ::ng-deep i.invoiceStatement{color:#696d79}:host ::ng-deep i.billableCharge{color:#696d79}:host ::ng-deep i.payableCharge{color:#696d79}:host ::ng-deep i.user{color:#696d79}:host ::ng-deep i.corporateUser{color:#696d79}:host ::ng-deep i.distributionList{color:#696d79}:host ::ng-deep i.credential{color:#696d79}:host ::ng-deep i.person{color:#696d79}\n"], components: [{ type: i1.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemAvatarElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'item-avatar, novo-item-avatar',
-                    template: ` <novo-icon *ngIf="icon" [color]="color || icon">{{ icon }}</novo-icon> `,
-                    host: {
+            args: [{ selector: 'item-avatar, novo-item-avatar', template: ` <novo-icon *ngIf="icon" [color]="color || icon">{{ icon }}</novo-icon> `, host: {
                         class: 'novo-item-avatar',
-                    },
-                }]
+                    }, styles: [":host{margin-right:.5em}:host ::ng-deep i.black{color:#000}:host ::ng-deep i.white{color:#fff}:host ::ng-deep i.gray{color:#9e9e9e}:host ::ng-deep i.grey{color:#9e9e9e}:host ::ng-deep i.offWhite{color:#f7f7f7}:host ::ng-deep i.bright{color:#f7f7f7}:host ::ng-deep i.light{color:#dbdbdb}:host ::ng-deep i.neutral{color:#4f5361}:host ::ng-deep i.dark{color:#3d464d}:host ::ng-deep i.orange{color:#ff6900}:host ::ng-deep i.navigation{color:#202945}:host ::ng-deep i.skyBlue{color:#009bdf}:host ::ng-deep i.steel{color:#5b6770}:host ::ng-deep i.metal{color:#637893}:host ::ng-deep i.sand{color:#f4f4f4}:host ::ng-deep i.silver{color:#e2e2e2}:host ::ng-deep i.stone{color:#bebebe}:host ::ng-deep i.ash{color:#a0a0a0}:host ::ng-deep i.slate{color:#707070}:host ::ng-deep i.onyx{color:#526980}:host ::ng-deep i.charcoal{color:#282828}:host ::ng-deep i.moonlight{color:#1a242f}:host ::ng-deep i.midnight{color:#202945}:host ::ng-deep i.darkness{color:#161f27}:host ::ng-deep i.navy{color:#0d2d42}:host ::ng-deep i.aqua{color:#3bafda}:host ::ng-deep i.ocean{color:#4a89dc}:host ::ng-deep i.mint{color:#37bc9b}:host ::ng-deep i.grass{color:#8cc152}:host ::ng-deep i.sunflower{color:#f6b042}:host ::ng-deep i.bittersweet{color:#eb6845}:host ::ng-deep i.grapefruit{color:#da4453}:host ::ng-deep i.carnation{color:#d770ad}:host ::ng-deep i.lavender{color:#967adc}:host ::ng-deep i.mountain{color:#9678b6}:host ::ng-deep i.info{color:#4a89dc}:host ::ng-deep i.positive{color:#4a89dc}:host ::ng-deep i.success{color:#8cc152}:host ::ng-deep i.negative{color:#da4453}:host ::ng-deep i.danger{color:#da4453}:host ::ng-deep i.error{color:#da4453}:host ::ng-deep i.warning{color:#f6b042}:host ::ng-deep i.empty{color:#cccdcc}:host ::ng-deep i.disabled{color:#bebebe}:host ::ng-deep i.background{color:#f7f7f7}:host ::ng-deep i.backgroundDark{color:#e2e2e2}:host ::ng-deep i.presentation{color:#5b6770}:host ::ng-deep i.bullhorn{color:#ff6900}:host ::ng-deep i.pulse{color:#3bafda}:host ::ng-deep i.company{color:#39d}:host ::ng-deep i.candidate{color:#4b7}:host ::ng-deep i.lead{color:#a69}:host ::ng-deep i.contact{color:#fa4}:host ::ng-deep i.clientcontact{color:#fa4}:host ::ng-deep i.opportunity{color:#625}:host ::ng-deep i.job{color:#b56}:host ::ng-deep i.joborder{color:#b56}:host ::ng-deep i.submission{color:#a9adbb}:host ::ng-deep i.sendout{color:#747884}:host ::ng-deep i.placement{color:#0b344f}:host ::ng-deep i.note{color:#747884}:host ::ng-deep i.contract{color:#454ea0}:host ::ng-deep i.jobCode{color:#696d79}:host ::ng-deep i.earnCode{color:#696d79}:host ::ng-deep i.invoiceStatement{color:#696d79}:host ::ng-deep i.billableCharge{color:#696d79}:host ::ng-deep i.payableCharge{color:#696d79}:host ::ng-deep i.user{color:#696d79}:host ::ng-deep i.corporateUser{color:#696d79}:host ::ng-deep i.distributionList{color:#696d79}:host ::ng-deep i.credential{color:#696d79}:host ::ng-deep i.person{color:#696d79}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], color: [{
@@ -53,16 +45,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class NovoItemTitleElement {
 }
 NovoItemTitleElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemTitleElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NovoItemTitleElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemTitleElement, selector: "item-title, novo-item-title", host: { classAttribute: "novo-item-title" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+NovoItemTitleElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemTitleElement, selector: "item-title, novo-item-title", host: { classAttribute: "novo-item-title" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host-context([theme=black]){color:#fff}:host-context([theme=black]) i{color:#fff}:host-context([theme=white]){color:#3d464d}:host-context([theme=white]) i{color:#3d464d}:host-context([theme=gray]){color:#3d464d}:host-context([theme=gray]) i{color:#3d464d}:host-context([theme=grey]){color:#3d464d}:host-context([theme=grey]) i{color:#3d464d}:host-context([theme=offWhite]){color:#3d464d}:host-context([theme=offWhite]) i{color:#3d464d}:host-context([theme=bright]){color:#3d464d}:host-context([theme=bright]) i{color:#3d464d}:host-context([theme=light]){color:#3d464d}:host-context([theme=light]) i{color:#3d464d}:host-context([theme=neutral]){color:#fff}:host-context([theme=neutral]) i{color:#fff}:host-context([theme=dark]){color:#fff}:host-context([theme=dark]) i{color:#fff}:host-context([theme=orange]){color:#3d464d}:host-context([theme=orange]) i{color:#3d464d}:host-context([theme=navigation]){color:#fff}:host-context([theme=navigation]) i{color:#fff}:host-context([theme=skyBlue]){color:#fff}:host-context([theme=skyBlue]) i{color:#fff}:host-context([theme=steel]){color:#fff}:host-context([theme=steel]) i{color:#fff}:host-context([theme=metal]){color:#fff}:host-context([theme=metal]) i{color:#fff}:host-context([theme=sand]){color:#3d464d}:host-context([theme=sand]) i{color:#3d464d}:host-context([theme=silver]){color:#3d464d}:host-context([theme=silver]) i{color:#3d464d}:host-context([theme=stone]){color:#3d464d}:host-context([theme=stone]) i{color:#3d464d}:host-context([theme=ash]){color:#3d464d}:host-context([theme=ash]) i{color:#3d464d}:host-context([theme=slate]){color:#fff}:host-context([theme=slate]) i{color:#fff}:host-context([theme=onyx]){color:#fff}:host-context([theme=onyx]) i{color:#fff}:host-context([theme=charcoal]){color:#fff}:host-context([theme=charcoal]) i{color:#fff}:host-context([theme=moonlight]){color:#fff}:host-context([theme=moonlight]) i{color:#fff}:host-context([theme=midnight]){color:#fff}:host-context([theme=midnight]) i{color:#fff}:host-context([theme=darkness]){color:#fff}:host-context([theme=darkness]) i{color:#fff}:host-context([theme=navy]){color:#fff}:host-context([theme=navy]) i{color:#fff}:host-context([theme=aqua]){color:#3d464d}:host-context([theme=aqua]) i{color:#3d464d}:host-context([theme=ocean]){color:#fff}:host-context([theme=ocean]) i{color:#fff}:host-context([theme=mint]){color:#3d464d}:host-context([theme=mint]) i{color:#3d464d}:host-context([theme=grass]){color:#fff}:host-context([theme=grass]) i{color:#fff}:host-context([theme=sunflower]){color:#fff}:host-context([theme=sunflower]) i{color:#fff}:host-context([theme=bittersweet]){color:#fff}:host-context([theme=bittersweet]) i{color:#fff}:host-context([theme=grapefruit]){color:#fff}:host-context([theme=grapefruit]) i{color:#fff}:host-context([theme=carnation]){color:#fff}:host-context([theme=carnation]) i{color:#fff}:host-context([theme=lavender]){color:#fff}:host-context([theme=lavender]) i{color:#fff}:host-context([theme=mountain]){color:#fff}:host-context([theme=mountain]) i{color:#fff}:host-context([theme=info]){color:#fff}:host-context([theme=info]) i{color:#fff}:host-context([theme=positive]){color:#fff}:host-context([theme=positive]) i{color:#fff}:host-context([theme=success]){color:#fff}:host-context([theme=success]) i{color:#fff}:host-context([theme=negative]){color:#fff}:host-context([theme=negative]) i{color:#fff}:host-context([theme=danger]){color:#fff}:host-context([theme=danger]) i{color:#fff}:host-context([theme=error]){color:#fff}:host-context([theme=error]) i{color:#fff}:host-context([theme=warning]){color:#fff}:host-context([theme=warning]) i{color:#fff}:host-context([theme=empty]){color:#3d464d}:host-context([theme=empty]) i{color:#3d464d}:host-context([theme=disabled]){color:#3d464d}:host-context([theme=disabled]) i{color:#3d464d}:host-context([theme=background]){color:#3d464d}:host-context([theme=background]) i{color:#3d464d}:host-context([theme=backgroundDark]){color:#3d464d}:host-context([theme=backgroundDark]) i{color:#3d464d}:host-context([theme=presentation]){color:#fff}:host-context([theme=presentation]) i{color:#fff}:host-context([theme=bullhorn]){color:#3d464d}:host-context([theme=bullhorn]) i{color:#3d464d}:host-context([theme=pulse]){color:#3d464d}:host-context([theme=pulse]) i{color:#3d464d}:host-context([theme=company]){color:#fff}:host-context([theme=company]) i{color:#fff}:host-context([theme=candidate]){color:#fff}:host-context([theme=candidate]) i{color:#fff}:host-context([theme=lead]){color:#fff}:host-context([theme=lead]) i{color:#fff}:host-context([theme=contact]){color:#fff}:host-context([theme=contact]) i{color:#fff}:host-context([theme=clientcontact]){color:#fff}:host-context([theme=clientcontact]) i{color:#fff}:host-context([theme=opportunity]){color:#fff}:host-context([theme=opportunity]) i{color:#fff}:host-context([theme=job]){color:#fff}:host-context([theme=job]) i{color:#fff}:host-context([theme=joborder]){color:#fff}:host-context([theme=joborder]) i{color:#fff}:host-context([theme=submission]){color:#3d464d}:host-context([theme=submission]) i{color:#3d464d}:host-context([theme=sendout]){color:#fff}:host-context([theme=sendout]) i{color:#fff}:host-context([theme=placement]){color:#fff}:host-context([theme=placement]) i{color:#fff}:host-context([theme=note]){color:#fff}:host-context([theme=note]) i{color:#fff}:host-context([theme=contract]){color:#fff}:host-context([theme=contract]) i{color:#fff}:host-context([theme=jobCode]){color:#fff}:host-context([theme=jobCode]) i{color:#fff}:host-context([theme=earnCode]){color:#fff}:host-context([theme=earnCode]) i{color:#fff}:host-context([theme=invoiceStatement]){color:#fff}:host-context([theme=invoiceStatement]) i{color:#fff}:host-context([theme=billableCharge]){color:#fff}:host-context([theme=billableCharge]) i{color:#fff}:host-context([theme=payableCharge]){color:#fff}:host-context([theme=payableCharge]) i{color:#fff}:host-context([theme=user]){color:#fff}:host-context([theme=user]) i{color:#fff}:host-context([theme=corporateUser]){color:#fff}:host-context([theme=corporateUser]) i{color:#fff}:host-context([theme=distributionList]){color:#fff}:host-context([theme=distributionList]) i{color:#fff}:host-context([theme=credential]){color:#fff}:host-context([theme=credential]) i{color:#fff}:host-context([theme=person]){color:#fff}:host-context([theme=person]) i{color:#fff}:host{display:block;color:inherit;font-size:inherit;flex:2 0 0}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemTitleElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'item-title, novo-item-title',
-                    template: `<ng-content></ng-content>`,
-                    host: {
+            args: [{ selector: 'item-title, novo-item-title', template: `<ng-content></ng-content>`, host: {
                         class: 'novo-item-title',
-                    },
-                }]
+                    }, styles: [":host-context([theme=black]){color:#fff}:host-context([theme=black]) i{color:#fff}:host-context([theme=white]){color:#3d464d}:host-context([theme=white]) i{color:#3d464d}:host-context([theme=gray]){color:#3d464d}:host-context([theme=gray]) i{color:#3d464d}:host-context([theme=grey]){color:#3d464d}:host-context([theme=grey]) i{color:#3d464d}:host-context([theme=offWhite]){color:#3d464d}:host-context([theme=offWhite]) i{color:#3d464d}:host-context([theme=bright]){color:#3d464d}:host-context([theme=bright]) i{color:#3d464d}:host-context([theme=light]){color:#3d464d}:host-context([theme=light]) i{color:#3d464d}:host-context([theme=neutral]){color:#fff}:host-context([theme=neutral]) i{color:#fff}:host-context([theme=dark]){color:#fff}:host-context([theme=dark]) i{color:#fff}:host-context([theme=orange]){color:#3d464d}:host-context([theme=orange]) i{color:#3d464d}:host-context([theme=navigation]){color:#fff}:host-context([theme=navigation]) i{color:#fff}:host-context([theme=skyBlue]){color:#fff}:host-context([theme=skyBlue]) i{color:#fff}:host-context([theme=steel]){color:#fff}:host-context([theme=steel]) i{color:#fff}:host-context([theme=metal]){color:#fff}:host-context([theme=metal]) i{color:#fff}:host-context([theme=sand]){color:#3d464d}:host-context([theme=sand]) i{color:#3d464d}:host-context([theme=silver]){color:#3d464d}:host-context([theme=silver]) i{color:#3d464d}:host-context([theme=stone]){color:#3d464d}:host-context([theme=stone]) i{color:#3d464d}:host-context([theme=ash]){color:#3d464d}:host-context([theme=ash]) i{color:#3d464d}:host-context([theme=slate]){color:#fff}:host-context([theme=slate]) i{color:#fff}:host-context([theme=onyx]){color:#fff}:host-context([theme=onyx]) i{color:#fff}:host-context([theme=charcoal]){color:#fff}:host-context([theme=charcoal]) i{color:#fff}:host-context([theme=moonlight]){color:#fff}:host-context([theme=moonlight]) i{color:#fff}:host-context([theme=midnight]){color:#fff}:host-context([theme=midnight]) i{color:#fff}:host-context([theme=darkness]){color:#fff}:host-context([theme=darkness]) i{color:#fff}:host-context([theme=navy]){color:#fff}:host-context([theme=navy]) i{color:#fff}:host-context([theme=aqua]){color:#3d464d}:host-context([theme=aqua]) i{color:#3d464d}:host-context([theme=ocean]){color:#fff}:host-context([theme=ocean]) i{color:#fff}:host-context([theme=mint]){color:#3d464d}:host-context([theme=mint]) i{color:#3d464d}:host-context([theme=grass]){color:#fff}:host-context([theme=grass]) i{color:#fff}:host-context([theme=sunflower]){color:#fff}:host-context([theme=sunflower]) i{color:#fff}:host-context([theme=bittersweet]){color:#fff}:host-context([theme=bittersweet]) i{color:#fff}:host-context([theme=grapefruit]){color:#fff}:host-context([theme=grapefruit]) i{color:#fff}:host-context([theme=carnation]){color:#fff}:host-context([theme=carnation]) i{color:#fff}:host-context([theme=lavender]){color:#fff}:host-context([theme=lavender]) i{color:#fff}:host-context([theme=mountain]){color:#fff}:host-context([theme=mountain]) i{color:#fff}:host-context([theme=info]){color:#fff}:host-context([theme=info]) i{color:#fff}:host-context([theme=positive]){color:#fff}:host-context([theme=positive]) i{color:#fff}:host-context([theme=success]){color:#fff}:host-context([theme=success]) i{color:#fff}:host-context([theme=negative]){color:#fff}:host-context([theme=negative]) i{color:#fff}:host-context([theme=danger]){color:#fff}:host-context([theme=danger]) i{color:#fff}:host-context([theme=error]){color:#fff}:host-context([theme=error]) i{color:#fff}:host-context([theme=warning]){color:#fff}:host-context([theme=warning]) i{color:#fff}:host-context([theme=empty]){color:#3d464d}:host-context([theme=empty]) i{color:#3d464d}:host-context([theme=disabled]){color:#3d464d}:host-context([theme=disabled]) i{color:#3d464d}:host-context([theme=background]){color:#3d464d}:host-context([theme=background]) i{color:#3d464d}:host-context([theme=backgroundDark]){color:#3d464d}:host-context([theme=backgroundDark]) i{color:#3d464d}:host-context([theme=presentation]){color:#fff}:host-context([theme=presentation]) i{color:#fff}:host-context([theme=bullhorn]){color:#3d464d}:host-context([theme=bullhorn]) i{color:#3d464d}:host-context([theme=pulse]){color:#3d464d}:host-context([theme=pulse]) i{color:#3d464d}:host-context([theme=company]){color:#fff}:host-context([theme=company]) i{color:#fff}:host-context([theme=candidate]){color:#fff}:host-context([theme=candidate]) i{color:#fff}:host-context([theme=lead]){color:#fff}:host-context([theme=lead]) i{color:#fff}:host-context([theme=contact]){color:#fff}:host-context([theme=contact]) i{color:#fff}:host-context([theme=clientcontact]){color:#fff}:host-context([theme=clientcontact]) i{color:#fff}:host-context([theme=opportunity]){color:#fff}:host-context([theme=opportunity]) i{color:#fff}:host-context([theme=job]){color:#fff}:host-context([theme=job]) i{color:#fff}:host-context([theme=joborder]){color:#fff}:host-context([theme=joborder]) i{color:#fff}:host-context([theme=submission]){color:#3d464d}:host-context([theme=submission]) i{color:#3d464d}:host-context([theme=sendout]){color:#fff}:host-context([theme=sendout]) i{color:#fff}:host-context([theme=placement]){color:#fff}:host-context([theme=placement]) i{color:#fff}:host-context([theme=note]){color:#fff}:host-context([theme=note]) i{color:#fff}:host-context([theme=contract]){color:#fff}:host-context([theme=contract]) i{color:#fff}:host-context([theme=jobCode]){color:#fff}:host-context([theme=jobCode]) i{color:#fff}:host-context([theme=earnCode]){color:#fff}:host-context([theme=earnCode]) i{color:#fff}:host-context([theme=invoiceStatement]){color:#fff}:host-context([theme=invoiceStatement]) i{color:#fff}:host-context([theme=billableCharge]){color:#fff}:host-context([theme=billableCharge]) i{color:#fff}:host-context([theme=payableCharge]){color:#fff}:host-context([theme=payableCharge]) i{color:#fff}:host-context([theme=user]){color:#fff}:host-context([theme=user]) i{color:#fff}:host-context([theme=corporateUser]){color:#fff}:host-context([theme=corporateUser]) i{color:#fff}:host-context([theme=distributionList]){color:#fff}:host-context([theme=distributionList]) i{color:#fff}:host-context([theme=credential]){color:#fff}:host-context([theme=credential]) i{color:#fff}:host-context([theme=person]){color:#fff}:host-context([theme=person]) i{color:#fff}:host{display:block;color:inherit;font-size:inherit;flex:2 0 0}\n"] }]
         }] });
 class NovoItemHeaderElement {
 }
@@ -73,68 +61,52 @@ NovoItemHeaderElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       <ng-content select="item-title, novo-item-title"></ng-content>
       <ng-content select="item-header-end, novo-item-header-end"></ng-content>
     </novo-title>
-  `, isInline: true, components: [{ type: i3.NovoTitle, selector: "novo-title,[novo-title]" }] });
+  `, isInline: true, styles: [":host-context([theme=black]){color:#fff}:host-context([theme=black]) h6,:host-context([theme=black]) i{color:#fff}:host-context([theme=white]){color:#3d464d}:host-context([theme=white]) h6,:host-context([theme=white]) i{color:#3d464d}:host-context([theme=gray]){color:#3d464d}:host-context([theme=gray]) h6,:host-context([theme=gray]) i{color:#3d464d}:host-context([theme=grey]){color:#3d464d}:host-context([theme=grey]) h6,:host-context([theme=grey]) i{color:#3d464d}:host-context([theme=offWhite]){color:#3d464d}:host-context([theme=offWhite]) h6,:host-context([theme=offWhite]) i{color:#3d464d}:host-context([theme=bright]){color:#3d464d}:host-context([theme=bright]) h6,:host-context([theme=bright]) i{color:#3d464d}:host-context([theme=light]){color:#3d464d}:host-context([theme=light]) h6,:host-context([theme=light]) i{color:#3d464d}:host-context([theme=neutral]){color:#fff}:host-context([theme=neutral]) h6,:host-context([theme=neutral]) i{color:#fff}:host-context([theme=dark]){color:#fff}:host-context([theme=dark]) h6,:host-context([theme=dark]) i{color:#fff}:host-context([theme=orange]){color:#3d464d}:host-context([theme=orange]) h6,:host-context([theme=orange]) i{color:#3d464d}:host-context([theme=navigation]){color:#fff}:host-context([theme=navigation]) h6,:host-context([theme=navigation]) i{color:#fff}:host-context([theme=skyBlue]){color:#fff}:host-context([theme=skyBlue]) h6,:host-context([theme=skyBlue]) i{color:#fff}:host-context([theme=steel]){color:#fff}:host-context([theme=steel]) h6,:host-context([theme=steel]) i{color:#fff}:host-context([theme=metal]){color:#fff}:host-context([theme=metal]) h6,:host-context([theme=metal]) i{color:#fff}:host-context([theme=sand]){color:#3d464d}:host-context([theme=sand]) h6,:host-context([theme=sand]) i{color:#3d464d}:host-context([theme=silver]){color:#3d464d}:host-context([theme=silver]) h6,:host-context([theme=silver]) i{color:#3d464d}:host-context([theme=stone]){color:#3d464d}:host-context([theme=stone]) h6,:host-context([theme=stone]) i{color:#3d464d}:host-context([theme=ash]){color:#3d464d}:host-context([theme=ash]) h6,:host-context([theme=ash]) i{color:#3d464d}:host-context([theme=slate]){color:#fff}:host-context([theme=slate]) h6,:host-context([theme=slate]) i{color:#fff}:host-context([theme=onyx]){color:#fff}:host-context([theme=onyx]) h6,:host-context([theme=onyx]) i{color:#fff}:host-context([theme=charcoal]){color:#fff}:host-context([theme=charcoal]) h6,:host-context([theme=charcoal]) i{color:#fff}:host-context([theme=moonlight]){color:#fff}:host-context([theme=moonlight]) h6,:host-context([theme=moonlight]) i{color:#fff}:host-context([theme=midnight]){color:#fff}:host-context([theme=midnight]) h6,:host-context([theme=midnight]) i{color:#fff}:host-context([theme=darkness]){color:#fff}:host-context([theme=darkness]) h6,:host-context([theme=darkness]) i{color:#fff}:host-context([theme=navy]){color:#fff}:host-context([theme=navy]) h6,:host-context([theme=navy]) i{color:#fff}:host-context([theme=aqua]){color:#3d464d}:host-context([theme=aqua]) h6,:host-context([theme=aqua]) i{color:#3d464d}:host-context([theme=ocean]){color:#fff}:host-context([theme=ocean]) h6,:host-context([theme=ocean]) i{color:#fff}:host-context([theme=mint]){color:#3d464d}:host-context([theme=mint]) h6,:host-context([theme=mint]) i{color:#3d464d}:host-context([theme=grass]){color:#fff}:host-context([theme=grass]) h6,:host-context([theme=grass]) i{color:#fff}:host-context([theme=sunflower]){color:#fff}:host-context([theme=sunflower]) h6,:host-context([theme=sunflower]) i{color:#fff}:host-context([theme=bittersweet]){color:#fff}:host-context([theme=bittersweet]) h6,:host-context([theme=bittersweet]) i{color:#fff}:host-context([theme=grapefruit]){color:#fff}:host-context([theme=grapefruit]) h6,:host-context([theme=grapefruit]) i{color:#fff}:host-context([theme=carnation]){color:#fff}:host-context([theme=carnation]) h6,:host-context([theme=carnation]) i{color:#fff}:host-context([theme=lavender]){color:#fff}:host-context([theme=lavender]) h6,:host-context([theme=lavender]) i{color:#fff}:host-context([theme=mountain]){color:#fff}:host-context([theme=mountain]) h6,:host-context([theme=mountain]) i{color:#fff}:host-context([theme=info]){color:#fff}:host-context([theme=info]) h6,:host-context([theme=info]) i{color:#fff}:host-context([theme=positive]){color:#fff}:host-context([theme=positive]) h6,:host-context([theme=positive]) i{color:#fff}:host-context([theme=success]){color:#fff}:host-context([theme=success]) h6,:host-context([theme=success]) i{color:#fff}:host-context([theme=negative]){color:#fff}:host-context([theme=negative]) h6,:host-context([theme=negative]) i{color:#fff}:host-context([theme=danger]){color:#fff}:host-context([theme=danger]) h6,:host-context([theme=danger]) i{color:#fff}:host-context([theme=error]){color:#fff}:host-context([theme=error]) h6,:host-context([theme=error]) i{color:#fff}:host-context([theme=warning]){color:#fff}:host-context([theme=warning]) h6,:host-context([theme=warning]) i{color:#fff}:host-context([theme=empty]){color:#3d464d}:host-context([theme=empty]) h6,:host-context([theme=empty]) i{color:#3d464d}:host-context([theme=disabled]){color:#3d464d}:host-context([theme=disabled]) h6,:host-context([theme=disabled]) i{color:#3d464d}:host-context([theme=background]){color:#3d464d}:host-context([theme=background]) h6,:host-context([theme=background]) i{color:#3d464d}:host-context([theme=backgroundDark]){color:#3d464d}:host-context([theme=backgroundDark]) h6,:host-context([theme=backgroundDark]) i{color:#3d464d}:host-context([theme=presentation]){color:#fff}:host-context([theme=presentation]) h6,:host-context([theme=presentation]) i{color:#fff}:host-context([theme=bullhorn]){color:#3d464d}:host-context([theme=bullhorn]) h6,:host-context([theme=bullhorn]) i{color:#3d464d}:host-context([theme=pulse]){color:#3d464d}:host-context([theme=pulse]) h6,:host-context([theme=pulse]) i{color:#3d464d}:host-context([theme=company]){color:#fff}:host-context([theme=company]) h6,:host-context([theme=company]) i{color:#fff}:host-context([theme=candidate]){color:#fff}:host-context([theme=candidate]) h6,:host-context([theme=candidate]) i{color:#fff}:host-context([theme=lead]){color:#fff}:host-context([theme=lead]) h6,:host-context([theme=lead]) i{color:#fff}:host-context([theme=contact]){color:#fff}:host-context([theme=contact]) h6,:host-context([theme=contact]) i{color:#fff}:host-context([theme=clientcontact]){color:#fff}:host-context([theme=clientcontact]) h6,:host-context([theme=clientcontact]) i{color:#fff}:host-context([theme=opportunity]){color:#fff}:host-context([theme=opportunity]) h6,:host-context([theme=opportunity]) i{color:#fff}:host-context([theme=job]){color:#fff}:host-context([theme=job]) h6,:host-context([theme=job]) i{color:#fff}:host-context([theme=joborder]){color:#fff}:host-context([theme=joborder]) h6,:host-context([theme=joborder]) i{color:#fff}:host-context([theme=submission]){color:#3d464d}:host-context([theme=submission]) h6,:host-context([theme=submission]) i{color:#3d464d}:host-context([theme=sendout]){color:#fff}:host-context([theme=sendout]) h6,:host-context([theme=sendout]) i{color:#fff}:host-context([theme=placement]){color:#fff}:host-context([theme=placement]) h6,:host-context([theme=placement]) i{color:#fff}:host-context([theme=note]){color:#fff}:host-context([theme=note]) h6,:host-context([theme=note]) i{color:#fff}:host-context([theme=contract]){color:#fff}:host-context([theme=contract]) h6,:host-context([theme=contract]) i{color:#fff}:host-context([theme=jobCode]){color:#fff}:host-context([theme=jobCode]) h6,:host-context([theme=jobCode]) i{color:#fff}:host-context([theme=earnCode]){color:#fff}:host-context([theme=earnCode]) h6,:host-context([theme=earnCode]) i{color:#fff}:host-context([theme=invoiceStatement]){color:#fff}:host-context([theme=invoiceStatement]) h6,:host-context([theme=invoiceStatement]) i{color:#fff}:host-context([theme=billableCharge]){color:#fff}:host-context([theme=billableCharge]) h6,:host-context([theme=billableCharge]) i{color:#fff}:host-context([theme=payableCharge]){color:#fff}:host-context([theme=payableCharge]) h6,:host-context([theme=payableCharge]) i{color:#fff}:host-context([theme=user]){color:#fff}:host-context([theme=user]) h6,:host-context([theme=user]) i{color:#fff}:host-context([theme=corporateUser]){color:#fff}:host-context([theme=corporateUser]) h6,:host-context([theme=corporateUser]) i{color:#fff}:host-context([theme=distributionList]){color:#fff}:host-context([theme=distributionList]) h6,:host-context([theme=distributionList]) i{color:#fff}:host-context([theme=credential]){color:#fff}:host-context([theme=credential]) h6,:host-context([theme=credential]) i{color:#fff}:host-context([theme=person]){color:#fff}:host-context([theme=person]) h6,:host-context([theme=person]) i{color:#fff}:host .novo-item-header-container{display:flex;align-items:center}\n"], components: [{ type: i3.NovoTitle, selector: "novo-title,[novo-title]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemHeaderElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'item-header, novo-item-header',
-                    template: `
+            args: [{ selector: 'item-header, novo-item-header', template: `
     <novo-title class="novo-item-header-container" size="md">
       <ng-content select="item-avatar, novo-item-avatar"></ng-content>
       <ng-content select="item-title, novo-item-title"></ng-content>
       <ng-content select="item-header-end, novo-item-header-end"></ng-content>
     </novo-title>
-  `,
-                    host: {
+  `, host: {
                         class: 'novo-item-header',
-                    },
-                }]
+                    }, styles: [":host-context([theme=black]){color:#fff}:host-context([theme=black]) h6,:host-context([theme=black]) i{color:#fff}:host-context([theme=white]){color:#3d464d}:host-context([theme=white]) h6,:host-context([theme=white]) i{color:#3d464d}:host-context([theme=gray]){color:#3d464d}:host-context([theme=gray]) h6,:host-context([theme=gray]) i{color:#3d464d}:host-context([theme=grey]){color:#3d464d}:host-context([theme=grey]) h6,:host-context([theme=grey]) i{color:#3d464d}:host-context([theme=offWhite]){color:#3d464d}:host-context([theme=offWhite]) h6,:host-context([theme=offWhite]) i{color:#3d464d}:host-context([theme=bright]){color:#3d464d}:host-context([theme=bright]) h6,:host-context([theme=bright]) i{color:#3d464d}:host-context([theme=light]){color:#3d464d}:host-context([theme=light]) h6,:host-context([theme=light]) i{color:#3d464d}:host-context([theme=neutral]){color:#fff}:host-context([theme=neutral]) h6,:host-context([theme=neutral]) i{color:#fff}:host-context([theme=dark]){color:#fff}:host-context([theme=dark]) h6,:host-context([theme=dark]) i{color:#fff}:host-context([theme=orange]){color:#3d464d}:host-context([theme=orange]) h6,:host-context([theme=orange]) i{color:#3d464d}:host-context([theme=navigation]){color:#fff}:host-context([theme=navigation]) h6,:host-context([theme=navigation]) i{color:#fff}:host-context([theme=skyBlue]){color:#fff}:host-context([theme=skyBlue]) h6,:host-context([theme=skyBlue]) i{color:#fff}:host-context([theme=steel]){color:#fff}:host-context([theme=steel]) h6,:host-context([theme=steel]) i{color:#fff}:host-context([theme=metal]){color:#fff}:host-context([theme=metal]) h6,:host-context([theme=metal]) i{color:#fff}:host-context([theme=sand]){color:#3d464d}:host-context([theme=sand]) h6,:host-context([theme=sand]) i{color:#3d464d}:host-context([theme=silver]){color:#3d464d}:host-context([theme=silver]) h6,:host-context([theme=silver]) i{color:#3d464d}:host-context([theme=stone]){color:#3d464d}:host-context([theme=stone]) h6,:host-context([theme=stone]) i{color:#3d464d}:host-context([theme=ash]){color:#3d464d}:host-context([theme=ash]) h6,:host-context([theme=ash]) i{color:#3d464d}:host-context([theme=slate]){color:#fff}:host-context([theme=slate]) h6,:host-context([theme=slate]) i{color:#fff}:host-context([theme=onyx]){color:#fff}:host-context([theme=onyx]) h6,:host-context([theme=onyx]) i{color:#fff}:host-context([theme=charcoal]){color:#fff}:host-context([theme=charcoal]) h6,:host-context([theme=charcoal]) i{color:#fff}:host-context([theme=moonlight]){color:#fff}:host-context([theme=moonlight]) h6,:host-context([theme=moonlight]) i{color:#fff}:host-context([theme=midnight]){color:#fff}:host-context([theme=midnight]) h6,:host-context([theme=midnight]) i{color:#fff}:host-context([theme=darkness]){color:#fff}:host-context([theme=darkness]) h6,:host-context([theme=darkness]) i{color:#fff}:host-context([theme=navy]){color:#fff}:host-context([theme=navy]) h6,:host-context([theme=navy]) i{color:#fff}:host-context([theme=aqua]){color:#3d464d}:host-context([theme=aqua]) h6,:host-context([theme=aqua]) i{color:#3d464d}:host-context([theme=ocean]){color:#fff}:host-context([theme=ocean]) h6,:host-context([theme=ocean]) i{color:#fff}:host-context([theme=mint]){color:#3d464d}:host-context([theme=mint]) h6,:host-context([theme=mint]) i{color:#3d464d}:host-context([theme=grass]){color:#fff}:host-context([theme=grass]) h6,:host-context([theme=grass]) i{color:#fff}:host-context([theme=sunflower]){color:#fff}:host-context([theme=sunflower]) h6,:host-context([theme=sunflower]) i{color:#fff}:host-context([theme=bittersweet]){color:#fff}:host-context([theme=bittersweet]) h6,:host-context([theme=bittersweet]) i{color:#fff}:host-context([theme=grapefruit]){color:#fff}:host-context([theme=grapefruit]) h6,:host-context([theme=grapefruit]) i{color:#fff}:host-context([theme=carnation]){color:#fff}:host-context([theme=carnation]) h6,:host-context([theme=carnation]) i{color:#fff}:host-context([theme=lavender]){color:#fff}:host-context([theme=lavender]) h6,:host-context([theme=lavender]) i{color:#fff}:host-context([theme=mountain]){color:#fff}:host-context([theme=mountain]) h6,:host-context([theme=mountain]) i{color:#fff}:host-context([theme=info]){color:#fff}:host-context([theme=info]) h6,:host-context([theme=info]) i{color:#fff}:host-context([theme=positive]){color:#fff}:host-context([theme=positive]) h6,:host-context([theme=positive]) i{color:#fff}:host-context([theme=success]){color:#fff}:host-context([theme=success]) h6,:host-context([theme=success]) i{color:#fff}:host-context([theme=negative]){color:#fff}:host-context([theme=negative]) h6,:host-context([theme=negative]) i{color:#fff}:host-context([theme=danger]){color:#fff}:host-context([theme=danger]) h6,:host-context([theme=danger]) i{color:#fff}:host-context([theme=error]){color:#fff}:host-context([theme=error]) h6,:host-context([theme=error]) i{color:#fff}:host-context([theme=warning]){color:#fff}:host-context([theme=warning]) h6,:host-context([theme=warning]) i{color:#fff}:host-context([theme=empty]){color:#3d464d}:host-context([theme=empty]) h6,:host-context([theme=empty]) i{color:#3d464d}:host-context([theme=disabled]){color:#3d464d}:host-context([theme=disabled]) h6,:host-context([theme=disabled]) i{color:#3d464d}:host-context([theme=background]){color:#3d464d}:host-context([theme=background]) h6,:host-context([theme=background]) i{color:#3d464d}:host-context([theme=backgroundDark]){color:#3d464d}:host-context([theme=backgroundDark]) h6,:host-context([theme=backgroundDark]) i{color:#3d464d}:host-context([theme=presentation]){color:#fff}:host-context([theme=presentation]) h6,:host-context([theme=presentation]) i{color:#fff}:host-context([theme=bullhorn]){color:#3d464d}:host-context([theme=bullhorn]) h6,:host-context([theme=bullhorn]) i{color:#3d464d}:host-context([theme=pulse]){color:#3d464d}:host-context([theme=pulse]) h6,:host-context([theme=pulse]) i{color:#3d464d}:host-context([theme=company]){color:#fff}:host-context([theme=company]) h6,:host-context([theme=company]) i{color:#fff}:host-context([theme=candidate]){color:#fff}:host-context([theme=candidate]) h6,:host-context([theme=candidate]) i{color:#fff}:host-context([theme=lead]){color:#fff}:host-context([theme=lead]) h6,:host-context([theme=lead]) i{color:#fff}:host-context([theme=contact]){color:#fff}:host-context([theme=contact]) h6,:host-context([theme=contact]) i{color:#fff}:host-context([theme=clientcontact]){color:#fff}:host-context([theme=clientcontact]) h6,:host-context([theme=clientcontact]) i{color:#fff}:host-context([theme=opportunity]){color:#fff}:host-context([theme=opportunity]) h6,:host-context([theme=opportunity]) i{color:#fff}:host-context([theme=job]){color:#fff}:host-context([theme=job]) h6,:host-context([theme=job]) i{color:#fff}:host-context([theme=joborder]){color:#fff}:host-context([theme=joborder]) h6,:host-context([theme=joborder]) i{color:#fff}:host-context([theme=submission]){color:#3d464d}:host-context([theme=submission]) h6,:host-context([theme=submission]) i{color:#3d464d}:host-context([theme=sendout]){color:#fff}:host-context([theme=sendout]) h6,:host-context([theme=sendout]) i{color:#fff}:host-context([theme=placement]){color:#fff}:host-context([theme=placement]) h6,:host-context([theme=placement]) i{color:#fff}:host-context([theme=note]){color:#fff}:host-context([theme=note]) h6,:host-context([theme=note]) i{color:#fff}:host-context([theme=contract]){color:#fff}:host-context([theme=contract]) h6,:host-context([theme=contract]) i{color:#fff}:host-context([theme=jobCode]){color:#fff}:host-context([theme=jobCode]) h6,:host-context([theme=jobCode]) i{color:#fff}:host-context([theme=earnCode]){color:#fff}:host-context([theme=earnCode]) h6,:host-context([theme=earnCode]) i{color:#fff}:host-context([theme=invoiceStatement]){color:#fff}:host-context([theme=invoiceStatement]) h6,:host-context([theme=invoiceStatement]) i{color:#fff}:host-context([theme=billableCharge]){color:#fff}:host-context([theme=billableCharge]) h6,:host-context([theme=billableCharge]) i{color:#fff}:host-context([theme=payableCharge]){color:#fff}:host-context([theme=payableCharge]) h6,:host-context([theme=payableCharge]) i{color:#fff}:host-context([theme=user]){color:#fff}:host-context([theme=user]) h6,:host-context([theme=user]) i{color:#fff}:host-context([theme=corporateUser]){color:#fff}:host-context([theme=corporateUser]) h6,:host-context([theme=corporateUser]) i{color:#fff}:host-context([theme=distributionList]){color:#fff}:host-context([theme=distributionList]) h6,:host-context([theme=distributionList]) i{color:#fff}:host-context([theme=credential]){color:#fff}:host-context([theme=credential]) h6,:host-context([theme=credential]) i{color:#fff}:host-context([theme=person]){color:#fff}:host-context([theme=person]) h6,:host-context([theme=person]) i{color:#fff}:host .novo-item-header-container{display:flex;align-items:center}\n"] }]
         }] });
 class NovoItemDateElement {
 }
 NovoItemDateElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemDateElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NovoItemDateElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemDateElement, selector: "item-header-end, novo-item-header-end", host: { classAttribute: "novo-item-header-end" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+NovoItemDateElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemDateElement, selector: "item-header-end, novo-item-header-end", host: { classAttribute: "novo-item-header-end" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{flex:1 0 0;text-align:right}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemDateElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'item-header-end, novo-item-header-end',
-                    template: ` <ng-content></ng-content> `,
-                    host: {
+            args: [{ selector: 'item-header-end, novo-item-header-end', template: ` <ng-content></ng-content> `, host: {
                         class: 'novo-item-header-end',
-                    },
-                }]
+                    }, styles: [":host{flex:1 0 0;text-align:right}\n"] }]
         }] });
 class NovoItemContentElement {
 }
 NovoItemContentElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemContentElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NovoItemContentElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemContentElement, selector: "item-content, novo-item-content", inputs: { direction: "direction" }, host: { properties: { "class.vertical-list": "direction === \"vertical\"", "class.horizontal-list": "direction === \"horizontal\"" }, classAttribute: "novo-item-content" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+NovoItemContentElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemContentElement, selector: "item-content, novo-item-content", inputs: { direction: "direction" }, host: { properties: { "class.vertical-list": "direction === \"vertical\"", "class.horizontal-list": "direction === \"horizontal\"" }, classAttribute: "novo-item-content" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host-context([theme=black])>::ng-deep *{color:#ffffffa6}:host-context([theme=white])>::ng-deep *{color:#ffffffa6}:host-context([theme=gray])>::ng-deep *{color:#ffffffa6}:host-context([theme=grey])>::ng-deep *{color:#ffffffa6}:host-context([theme=offWhite])>::ng-deep *{color:#ffffffa6}:host-context([theme=bright])>::ng-deep *{color:#ffffffa6}:host-context([theme=light])>::ng-deep *{color:#ffffffa6}:host-context([theme=neutral])>::ng-deep *{color:#ffffffa6}:host-context([theme=dark])>::ng-deep *{color:#ffffffa6}:host-context([theme=orange])>::ng-deep *{color:#ffffffa6}:host-context([theme=navigation])>::ng-deep *{color:#ffffffa6}:host-context([theme=skyBlue])>::ng-deep *{color:#ffffffa6}:host-context([theme=steel])>::ng-deep *{color:#ffffffa6}:host-context([theme=metal])>::ng-deep *{color:#ffffffa6}:host-context([theme=sand])>::ng-deep *{color:#ffffffa6}:host-context([theme=silver])>::ng-deep *{color:#ffffffa6}:host-context([theme=stone])>::ng-deep *{color:#ffffffa6}:host-context([theme=ash])>::ng-deep *{color:#ffffffa6}:host-context([theme=slate])>::ng-deep *{color:#ffffffa6}:host-context([theme=onyx])>::ng-deep *{color:#ffffffa6}:host-context([theme=charcoal])>::ng-deep *{color:#ffffffa6}:host-context([theme=moonlight])>::ng-deep *{color:#ffffffa6}:host-context([theme=midnight])>::ng-deep *{color:#ffffffa6}:host-context([theme=darkness])>::ng-deep *{color:#ffffffa6}:host-context([theme=navy])>::ng-deep *{color:#ffffffa6}:host-context([theme=aqua])>::ng-deep *{color:#ffffffa6}:host-context([theme=ocean])>::ng-deep *{color:#ffffffa6}:host-context([theme=mint])>::ng-deep *{color:#ffffffa6}:host-context([theme=grass])>::ng-deep *{color:#ffffffa6}:host-context([theme=sunflower])>::ng-deep *{color:#ffffffa6}:host-context([theme=bittersweet])>::ng-deep *{color:#ffffffa6}:host-context([theme=grapefruit])>::ng-deep *{color:#ffffffa6}:host-context([theme=carnation])>::ng-deep *{color:#ffffffa6}:host-context([theme=lavender])>::ng-deep *{color:#ffffffa6}:host-context([theme=mountain])>::ng-deep *{color:#ffffffa6}:host-context([theme=info])>::ng-deep *{color:#ffffffa6}:host-context([theme=positive])>::ng-deep *{color:#ffffffa6}:host-context([theme=success])>::ng-deep *{color:#ffffffa6}:host-context([theme=negative])>::ng-deep *{color:#ffffffa6}:host-context([theme=danger])>::ng-deep *{color:#ffffffa6}:host-context([theme=error])>::ng-deep *{color:#ffffffa6}:host-context([theme=warning])>::ng-deep *{color:#ffffffa6}:host-context([theme=empty])>::ng-deep *{color:#ffffffa6}:host-context([theme=disabled])>::ng-deep *{color:#ffffffa6}:host-context([theme=background])>::ng-deep *{color:#ffffffa6}:host-context([theme=backgroundDark])>::ng-deep *{color:#ffffffa6}:host-context([theme=presentation])>::ng-deep *{color:#ffffffa6}:host-context([theme=bullhorn])>::ng-deep *{color:#ffffffa6}:host-context([theme=pulse])>::ng-deep *{color:#ffffffa6}:host-context([theme=company])>::ng-deep *{color:#ffffffa6}:host-context([theme=candidate])>::ng-deep *{color:#ffffffa6}:host-context([theme=lead])>::ng-deep *{color:#ffffffa6}:host-context([theme=contact])>::ng-deep *{color:#ffffffa6}:host-context([theme=clientcontact])>::ng-deep *{color:#ffffffa6}:host-context([theme=opportunity])>::ng-deep *{color:#ffffffa6}:host-context([theme=job])>::ng-deep *{color:#ffffffa6}:host-context([theme=joborder])>::ng-deep *{color:#ffffffa6}:host-context([theme=submission])>::ng-deep *{color:#ffffffa6}:host-context([theme=sendout])>::ng-deep *{color:#ffffffa6}:host-context([theme=placement])>::ng-deep *{color:#ffffffa6}:host-context([theme=note])>::ng-deep *{color:#ffffffa6}:host-context([theme=contract])>::ng-deep *{color:#ffffffa6}:host-context([theme=jobCode])>::ng-deep *{color:#ffffffa6}:host-context([theme=earnCode])>::ng-deep *{color:#ffffffa6}:host-context([theme=invoiceStatement])>::ng-deep *{color:#ffffffa6}:host-context([theme=billableCharge])>::ng-deep *{color:#ffffffa6}:host-context([theme=payableCharge])>::ng-deep *{color:#ffffffa6}:host-context([theme=user])>::ng-deep *{color:#ffffffa6}:host-context([theme=corporateUser])>::ng-deep *{color:#ffffffa6}:host-context([theme=distributionList])>::ng-deep *{color:#ffffffa6}:host-context([theme=credential])>::ng-deep *{color:#ffffffa6}:host-context([theme=person])>::ng-deep *{color:#ffffffa6}:host-context(.novo-list.avatar){margin-left:2.7em}:host{display:flex;margin-left:.2em}:host.novo-item-content>::ng-deep *{color:#434343d9}:host.novo-item-content ::ng-deep i.black{color:#000}:host.novo-item-content ::ng-deep i.white{color:#fff}:host.novo-item-content ::ng-deep i.gray{color:#9e9e9e}:host.novo-item-content ::ng-deep i.grey{color:#9e9e9e}:host.novo-item-content ::ng-deep i.offWhite{color:#f7f7f7}:host.novo-item-content ::ng-deep i.bright{color:#f7f7f7}:host.novo-item-content ::ng-deep i.light{color:#dbdbdb}:host.novo-item-content ::ng-deep i.neutral{color:#4f5361}:host.novo-item-content ::ng-deep i.dark{color:#3d464d}:host.novo-item-content ::ng-deep i.orange{color:#ff6900}:host.novo-item-content ::ng-deep i.navigation{color:#202945}:host.novo-item-content ::ng-deep i.skyBlue{color:#009bdf}:host.novo-item-content ::ng-deep i.steel{color:#5b6770}:host.novo-item-content ::ng-deep i.metal{color:#637893}:host.novo-item-content ::ng-deep i.sand{color:#f4f4f4}:host.novo-item-content ::ng-deep i.silver{color:#e2e2e2}:host.novo-item-content ::ng-deep i.stone{color:#bebebe}:host.novo-item-content ::ng-deep i.ash{color:#a0a0a0}:host.novo-item-content ::ng-deep i.slate{color:#707070}:host.novo-item-content ::ng-deep i.onyx{color:#526980}:host.novo-item-content ::ng-deep i.charcoal{color:#282828}:host.novo-item-content ::ng-deep i.moonlight{color:#1a242f}:host.novo-item-content ::ng-deep i.midnight{color:#202945}:host.novo-item-content ::ng-deep i.darkness{color:#161f27}:host.novo-item-content ::ng-deep i.navy{color:#0d2d42}:host.novo-item-content ::ng-deep i.aqua{color:#3bafda}:host.novo-item-content ::ng-deep i.ocean{color:#4a89dc}:host.novo-item-content ::ng-deep i.mint{color:#37bc9b}:host.novo-item-content ::ng-deep i.grass{color:#8cc152}:host.novo-item-content ::ng-deep i.sunflower{color:#f6b042}:host.novo-item-content ::ng-deep i.bittersweet{color:#eb6845}:host.novo-item-content ::ng-deep i.grapefruit{color:#da4453}:host.novo-item-content ::ng-deep i.carnation{color:#d770ad}:host.novo-item-content ::ng-deep i.lavender{color:#967adc}:host.novo-item-content ::ng-deep i.mountain{color:#9678b6}:host.novo-item-content ::ng-deep i.info{color:#4a89dc}:host.novo-item-content ::ng-deep i.positive{color:#4a89dc}:host.novo-item-content ::ng-deep i.success{color:#8cc152}:host.novo-item-content ::ng-deep i.negative{color:#da4453}:host.novo-item-content ::ng-deep i.danger{color:#da4453}:host.novo-item-content ::ng-deep i.error{color:#da4453}:host.novo-item-content ::ng-deep i.warning{color:#f6b042}:host.novo-item-content ::ng-deep i.empty{color:#cccdcc}:host.novo-item-content ::ng-deep i.disabled{color:#bebebe}:host.novo-item-content ::ng-deep i.background{color:#f7f7f7}:host.novo-item-content ::ng-deep i.backgroundDark{color:#e2e2e2}:host.novo-item-content ::ng-deep i.presentation{color:#5b6770}:host.novo-item-content ::ng-deep i.bullhorn{color:#ff6900}:host.novo-item-content ::ng-deep i.pulse{color:#3bafda}:host.novo-item-content ::ng-deep i.company{color:#39d}:host.novo-item-content ::ng-deep i.candidate{color:#4b7}:host.novo-item-content ::ng-deep i.lead{color:#a69}:host.novo-item-content ::ng-deep i.contact{color:#fa4}:host.novo-item-content ::ng-deep i.clientcontact{color:#fa4}:host.novo-item-content ::ng-deep i.opportunity{color:#625}:host.novo-item-content ::ng-deep i.job{color:#b56}:host.novo-item-content ::ng-deep i.joborder{color:#b56}:host.novo-item-content ::ng-deep i.submission{color:#a9adbb}:host.novo-item-content ::ng-deep i.sendout{color:#747884}:host.novo-item-content ::ng-deep i.placement{color:#0b344f}:host.novo-item-content ::ng-deep i.note{color:#747884}:host.novo-item-content ::ng-deep i.contract{color:#454ea0}:host.novo-item-content ::ng-deep i.jobCode{color:#696d79}:host.novo-item-content ::ng-deep i.earnCode{color:#696d79}:host.novo-item-content ::ng-deep i.invoiceStatement{color:#696d79}:host.novo-item-content ::ng-deep i.billableCharge{color:#696d79}:host.novo-item-content ::ng-deep i.payableCharge{color:#696d79}:host.novo-item-content ::ng-deep i.user{color:#696d79}:host.novo-item-content ::ng-deep i.corporateUser{color:#696d79}:host.novo-item-content ::ng-deep i.distributionList{color:#696d79}:host.novo-item-content ::ng-deep i.credential{color:#696d79}:host.novo-item-content ::ng-deep i.person{color:#696d79}:host.vertical-list{flex-direction:column}:host.horizontal-list{flex-direction:row}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemContentElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'item-content, novo-item-content',
-                    host: {
+            args: [{ selector: 'item-content, novo-item-content', host: {
                         class: 'novo-item-content',
                         '[class.vertical-list]': 'direction === "vertical"',
                         '[class.horizontal-list]': 'direction === "horizontal"',
-                    },
-                    template: ` <ng-content></ng-content> `,
-                }]
+                    }, template: ` <ng-content></ng-content> `, styles: [":host-context([theme=black])>::ng-deep *{color:#ffffffa6}:host-context([theme=white])>::ng-deep *{color:#ffffffa6}:host-context([theme=gray])>::ng-deep *{color:#ffffffa6}:host-context([theme=grey])>::ng-deep *{color:#ffffffa6}:host-context([theme=offWhite])>::ng-deep *{color:#ffffffa6}:host-context([theme=bright])>::ng-deep *{color:#ffffffa6}:host-context([theme=light])>::ng-deep *{color:#ffffffa6}:host-context([theme=neutral])>::ng-deep *{color:#ffffffa6}:host-context([theme=dark])>::ng-deep *{color:#ffffffa6}:host-context([theme=orange])>::ng-deep *{color:#ffffffa6}:host-context([theme=navigation])>::ng-deep *{color:#ffffffa6}:host-context([theme=skyBlue])>::ng-deep *{color:#ffffffa6}:host-context([theme=steel])>::ng-deep *{color:#ffffffa6}:host-context([theme=metal])>::ng-deep *{color:#ffffffa6}:host-context([theme=sand])>::ng-deep *{color:#ffffffa6}:host-context([theme=silver])>::ng-deep *{color:#ffffffa6}:host-context([theme=stone])>::ng-deep *{color:#ffffffa6}:host-context([theme=ash])>::ng-deep *{color:#ffffffa6}:host-context([theme=slate])>::ng-deep *{color:#ffffffa6}:host-context([theme=onyx])>::ng-deep *{color:#ffffffa6}:host-context([theme=charcoal])>::ng-deep *{color:#ffffffa6}:host-context([theme=moonlight])>::ng-deep *{color:#ffffffa6}:host-context([theme=midnight])>::ng-deep *{color:#ffffffa6}:host-context([theme=darkness])>::ng-deep *{color:#ffffffa6}:host-context([theme=navy])>::ng-deep *{color:#ffffffa6}:host-context([theme=aqua])>::ng-deep *{color:#ffffffa6}:host-context([theme=ocean])>::ng-deep *{color:#ffffffa6}:host-context([theme=mint])>::ng-deep *{color:#ffffffa6}:host-context([theme=grass])>::ng-deep *{color:#ffffffa6}:host-context([theme=sunflower])>::ng-deep *{color:#ffffffa6}:host-context([theme=bittersweet])>::ng-deep *{color:#ffffffa6}:host-context([theme=grapefruit])>::ng-deep *{color:#ffffffa6}:host-context([theme=carnation])>::ng-deep *{color:#ffffffa6}:host-context([theme=lavender])>::ng-deep *{color:#ffffffa6}:host-context([theme=mountain])>::ng-deep *{color:#ffffffa6}:host-context([theme=info])>::ng-deep *{color:#ffffffa6}:host-context([theme=positive])>::ng-deep *{color:#ffffffa6}:host-context([theme=success])>::ng-deep *{color:#ffffffa6}:host-context([theme=negative])>::ng-deep *{color:#ffffffa6}:host-context([theme=danger])>::ng-deep *{color:#ffffffa6}:host-context([theme=error])>::ng-deep *{color:#ffffffa6}:host-context([theme=warning])>::ng-deep *{color:#ffffffa6}:host-context([theme=empty])>::ng-deep *{color:#ffffffa6}:host-context([theme=disabled])>::ng-deep *{color:#ffffffa6}:host-context([theme=background])>::ng-deep *{color:#ffffffa6}:host-context([theme=backgroundDark])>::ng-deep *{color:#ffffffa6}:host-context([theme=presentation])>::ng-deep *{color:#ffffffa6}:host-context([theme=bullhorn])>::ng-deep *{color:#ffffffa6}:host-context([theme=pulse])>::ng-deep *{color:#ffffffa6}:host-context([theme=company])>::ng-deep *{color:#ffffffa6}:host-context([theme=candidate])>::ng-deep *{color:#ffffffa6}:host-context([theme=lead])>::ng-deep *{color:#ffffffa6}:host-context([theme=contact])>::ng-deep *{color:#ffffffa6}:host-context([theme=clientcontact])>::ng-deep *{color:#ffffffa6}:host-context([theme=opportunity])>::ng-deep *{color:#ffffffa6}:host-context([theme=job])>::ng-deep *{color:#ffffffa6}:host-context([theme=joborder])>::ng-deep *{color:#ffffffa6}:host-context([theme=submission])>::ng-deep *{color:#ffffffa6}:host-context([theme=sendout])>::ng-deep *{color:#ffffffa6}:host-context([theme=placement])>::ng-deep *{color:#ffffffa6}:host-context([theme=note])>::ng-deep *{color:#ffffffa6}:host-context([theme=contract])>::ng-deep *{color:#ffffffa6}:host-context([theme=jobCode])>::ng-deep *{color:#ffffffa6}:host-context([theme=earnCode])>::ng-deep *{color:#ffffffa6}:host-context([theme=invoiceStatement])>::ng-deep *{color:#ffffffa6}:host-context([theme=billableCharge])>::ng-deep *{color:#ffffffa6}:host-context([theme=payableCharge])>::ng-deep *{color:#ffffffa6}:host-context([theme=user])>::ng-deep *{color:#ffffffa6}:host-context([theme=corporateUser])>::ng-deep *{color:#ffffffa6}:host-context([theme=distributionList])>::ng-deep *{color:#ffffffa6}:host-context([theme=credential])>::ng-deep *{color:#ffffffa6}:host-context([theme=person])>::ng-deep *{color:#ffffffa6}:host-context(.novo-list.avatar){margin-left:2.7em}:host{display:flex;margin-left:.2em}:host.novo-item-content>::ng-deep *{color:#434343d9}:host.novo-item-content ::ng-deep i.black{color:#000}:host.novo-item-content ::ng-deep i.white{color:#fff}:host.novo-item-content ::ng-deep i.gray{color:#9e9e9e}:host.novo-item-content ::ng-deep i.grey{color:#9e9e9e}:host.novo-item-content ::ng-deep i.offWhite{color:#f7f7f7}:host.novo-item-content ::ng-deep i.bright{color:#f7f7f7}:host.novo-item-content ::ng-deep i.light{color:#dbdbdb}:host.novo-item-content ::ng-deep i.neutral{color:#4f5361}:host.novo-item-content ::ng-deep i.dark{color:#3d464d}:host.novo-item-content ::ng-deep i.orange{color:#ff6900}:host.novo-item-content ::ng-deep i.navigation{color:#202945}:host.novo-item-content ::ng-deep i.skyBlue{color:#009bdf}:host.novo-item-content ::ng-deep i.steel{color:#5b6770}:host.novo-item-content ::ng-deep i.metal{color:#637893}:host.novo-item-content ::ng-deep i.sand{color:#f4f4f4}:host.novo-item-content ::ng-deep i.silver{color:#e2e2e2}:host.novo-item-content ::ng-deep i.stone{color:#bebebe}:host.novo-item-content ::ng-deep i.ash{color:#a0a0a0}:host.novo-item-content ::ng-deep i.slate{color:#707070}:host.novo-item-content ::ng-deep i.onyx{color:#526980}:host.novo-item-content ::ng-deep i.charcoal{color:#282828}:host.novo-item-content ::ng-deep i.moonlight{color:#1a242f}:host.novo-item-content ::ng-deep i.midnight{color:#202945}:host.novo-item-content ::ng-deep i.darkness{color:#161f27}:host.novo-item-content ::ng-deep i.navy{color:#0d2d42}:host.novo-item-content ::ng-deep i.aqua{color:#3bafda}:host.novo-item-content ::ng-deep i.ocean{color:#4a89dc}:host.novo-item-content ::ng-deep i.mint{color:#37bc9b}:host.novo-item-content ::ng-deep i.grass{color:#8cc152}:host.novo-item-content ::ng-deep i.sunflower{color:#f6b042}:host.novo-item-content ::ng-deep i.bittersweet{color:#eb6845}:host.novo-item-content ::ng-deep i.grapefruit{color:#da4453}:host.novo-item-content ::ng-deep i.carnation{color:#d770ad}:host.novo-item-content ::ng-deep i.lavender{color:#967adc}:host.novo-item-content ::ng-deep i.mountain{color:#9678b6}:host.novo-item-content ::ng-deep i.info{color:#4a89dc}:host.novo-item-content ::ng-deep i.positive{color:#4a89dc}:host.novo-item-content ::ng-deep i.success{color:#8cc152}:host.novo-item-content ::ng-deep i.negative{color:#da4453}:host.novo-item-content ::ng-deep i.danger{color:#da4453}:host.novo-item-content ::ng-deep i.error{color:#da4453}:host.novo-item-content ::ng-deep i.warning{color:#f6b042}:host.novo-item-content ::ng-deep i.empty{color:#cccdcc}:host.novo-item-content ::ng-deep i.disabled{color:#bebebe}:host.novo-item-content ::ng-deep i.background{color:#f7f7f7}:host.novo-item-content ::ng-deep i.backgroundDark{color:#e2e2e2}:host.novo-item-content ::ng-deep i.presentation{color:#5b6770}:host.novo-item-content ::ng-deep i.bullhorn{color:#ff6900}:host.novo-item-content ::ng-deep i.pulse{color:#3bafda}:host.novo-item-content ::ng-deep i.company{color:#39d}:host.novo-item-content ::ng-deep i.candidate{color:#4b7}:host.novo-item-content ::ng-deep i.lead{color:#a69}:host.novo-item-content ::ng-deep i.contact{color:#fa4}:host.novo-item-content ::ng-deep i.clientcontact{color:#fa4}:host.novo-item-content ::ng-deep i.opportunity{color:#625}:host.novo-item-content ::ng-deep i.job{color:#b56}:host.novo-item-content ::ng-deep i.joborder{color:#b56}:host.novo-item-content ::ng-deep i.submission{color:#a9adbb}:host.novo-item-content ::ng-deep i.sendout{color:#747884}:host.novo-item-content ::ng-deep i.placement{color:#0b344f}:host.novo-item-content ::ng-deep i.note{color:#747884}:host.novo-item-content ::ng-deep i.contract{color:#454ea0}:host.novo-item-content ::ng-deep i.jobCode{color:#696d79}:host.novo-item-content ::ng-deep i.earnCode{color:#696d79}:host.novo-item-content ::ng-deep i.invoiceStatement{color:#696d79}:host.novo-item-content ::ng-deep i.billableCharge{color:#696d79}:host.novo-item-content ::ng-deep i.payableCharge{color:#696d79}:host.novo-item-content ::ng-deep i.user{color:#696d79}:host.novo-item-content ::ng-deep i.corporateUser{color:#696d79}:host.novo-item-content ::ng-deep i.distributionList{color:#696d79}:host.novo-item-content ::ng-deep i.credential{color:#696d79}:host.novo-item-content ::ng-deep i.person{color:#696d79}:host.vertical-list{flex-direction:column}:host.horizontal-list{flex-direction:row}\n"] }]
         }], propDecorators: { direction: [{
                 type: Input
             }] } });
 class NovoItemEndElement {
 }
 NovoItemEndElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemEndElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NovoItemEndElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemEndElement, selector: "item-end, novo-item-end", host: { classAttribute: "novo-item-end" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+NovoItemEndElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoItemEndElement, selector: "item-end, novo-item-end", host: { classAttribute: "novo-item-end" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{align-self:center;flex:1;text-align:right}:host i{line-height:1.4em}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoItemEndElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'item-end, novo-item-end',
-                    template: ` <ng-content></ng-content> `,
-                    host: {
+            args: [{ selector: 'item-end, novo-item-end', template: ` <ng-content></ng-content> `, host: {
                         class: 'novo-item-end',
-                    },
-                }]
+                    }, styles: [":host{align-self:center;flex:1;text-align:right}:host i{line-height:1.4em}\n"] }]
         }] });
 class NovoListItemElement {
     constructor(element) {
@@ -153,23 +125,19 @@ NovoListItemElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
     </div>
     <ng-content></ng-content>
     <ng-content select="item-end, novo-item-end"></ng-content>
-  `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+  `, isInline: true, styles: [":host-context([theme=black]){background:#000000;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=black]) item-title h6,:host-context([theme=black]) i{color:#fff}:host-context([theme=black]) item-content>*{color:#ffffffa6}:host-context([theme=black]):hover,:host-context([theme=black]):active{background:#333333}:host-context([theme=white]){background:#ffffff;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=white]) item-title h6,:host-context([theme=white]) i{color:#3d464d}:host-context([theme=white]) item-content>*{color:#ffffffa6}:host-context([theme=white]):hover,:host-context([theme=white]):active{background:white}:host-context([theme=gray]){background:#9e9e9e;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=gray]) item-title h6,:host-context([theme=gray]) i{color:#3d464d}:host-context([theme=gray]) item-content>*{color:#ffffffa6}:host-context([theme=gray]):hover,:host-context([theme=gray]):active{background:#d1d1d1}:host-context([theme=grey]){background:#9e9e9e;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=grey]) item-title h6,:host-context([theme=grey]) i{color:#3d464d}:host-context([theme=grey]) item-content>*{color:#ffffffa6}:host-context([theme=grey]):hover,:host-context([theme=grey]):active{background:#d1d1d1}:host-context([theme=offWhite]){background:#f7f7f7;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=offWhite]) item-title h6,:host-context([theme=offWhite]) i{color:#3d464d}:host-context([theme=offWhite]) item-content>*{color:#ffffffa6}:host-context([theme=offWhite]):hover,:host-context([theme=offWhite]):active{background:white}:host-context([theme=bright]){background:#f7f7f7;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=bright]) item-title h6,:host-context([theme=bright]) i{color:#3d464d}:host-context([theme=bright]) item-content>*{color:#ffffffa6}:host-context([theme=bright]):hover,:host-context([theme=bright]):active{background:white}:host-context([theme=light]){background:#dbdbdb;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=light]) item-title h6,:host-context([theme=light]) i{color:#3d464d}:host-context([theme=light]) item-content>*{color:#ffffffa6}:host-context([theme=light]):hover,:host-context([theme=light]):active{background:white}:host-context([theme=neutral]){background:#4f5361;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=neutral]) item-title h6,:host-context([theme=neutral]) i{color:#fff}:host-context([theme=neutral]) item-content>*{color:#ffffffa6}:host-context([theme=neutral]):hover,:host-context([theme=neutral]):active{background:#7f8497}:host-context([theme=dark]){background:#3d464d;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=dark]) item-title h6,:host-context([theme=dark]) i{color:#fff}:host-context([theme=dark]) item-content>*{color:#ffffffa6}:host-context([theme=dark]):hover,:host-context([theme=dark]):active{background:#6a7a86}:host-context([theme=orange]){background:#ff6900;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=orange]) item-title h6,:host-context([theme=orange]) i{color:#3d464d}:host-context([theme=orange]) item-content>*{color:#ffffffa6}:host-context([theme=orange]):hover,:host-context([theme=orange]):active{background:#ffa566}:host-context([theme=navigation]){background:#202945;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=navigation]) item-title h6,:host-context([theme=navigation]) i{color:#fff}:host-context([theme=navigation]) item-content>*{color:#ffffffa6}:host-context([theme=navigation]):hover,:host-context([theme=navigation]):active{background:#40528b}:host-context([theme=skyBlue]){background:#009bdf;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=skyBlue]) item-title h6,:host-context([theme=skyBlue]) i{color:#fff}:host-context([theme=skyBlue]) item-content>*{color:#ffffffa6}:host-context([theme=skyBlue]):hover,:host-context([theme=skyBlue]):active{background:#46c7ff}:host-context([theme=steel]){background:#5b6770;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=steel]) item-title h6,:host-context([theme=steel]) i{color:#fff}:host-context([theme=steel]) item-content>*{color:#ffffffa6}:host-context([theme=steel]):hover,:host-context([theme=steel]):active{background:#8e9aa3}:host-context([theme=metal]){background:#637893;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=metal]) item-title h6,:host-context([theme=metal]) i{color:#fff}:host-context([theme=metal]) item-content>*{color:#ffffffa6}:host-context([theme=metal]):hover,:host-context([theme=metal]):active{background:#9eacbe}:host-context([theme=sand]){background:#f4f4f4;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=sand]) item-title h6,:host-context([theme=sand]) i{color:#3d464d}:host-context([theme=sand]) item-content>*{color:#ffffffa6}:host-context([theme=sand]):hover,:host-context([theme=sand]):active{background:white}:host-context([theme=silver]){background:#e2e2e2;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=silver]) item-title h6,:host-context([theme=silver]) i{color:#3d464d}:host-context([theme=silver]) item-content>*{color:#ffffffa6}:host-context([theme=silver]):hover,:host-context([theme=silver]):active{background:white}:host-context([theme=stone]){background:#bebebe;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=stone]) item-title h6,:host-context([theme=stone]) i{color:#3d464d}:host-context([theme=stone]) item-content>*{color:#ffffffa6}:host-context([theme=stone]):hover,:host-context([theme=stone]):active{background:#f1f1f1}:host-context([theme=ash]){background:#a0a0a0;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=ash]) item-title h6,:host-context([theme=ash]) i{color:#3d464d}:host-context([theme=ash]) item-content>*{color:#ffffffa6}:host-context([theme=ash]):hover,:host-context([theme=ash]):active{background:lightgray}:host-context([theme=slate]){background:#707070;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=slate]) item-title h6,:host-context([theme=slate]) i{color:#fff}:host-context([theme=slate]) item-content>*{color:#ffffffa6}:host-context([theme=slate]):hover,:host-context([theme=slate]):active{background:#a3a3a3}:host-context([theme=onyx]){background:#526980;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=onyx]) item-title h6,:host-context([theme=onyx]) i{color:#fff}:host-context([theme=onyx]) item-content>*{color:#ffffffa6}:host-context([theme=onyx]):hover,:host-context([theme=onyx]):active{background:#869cb2}:host-context([theme=charcoal]){background:#282828;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=charcoal]) item-title h6,:host-context([theme=charcoal]) i{color:#fff}:host-context([theme=charcoal]) item-content>*{color:#ffffffa6}:host-context([theme=charcoal]):hover,:host-context([theme=charcoal]):active{background:#5b5b5b}:host-context([theme=moonlight]){background:#1a242f;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=moonlight]) item-title h6,:host-context([theme=moonlight]) i{color:#fff}:host-context([theme=moonlight]) item-content>*{color:#ffffffa6}:host-context([theme=moonlight]):hover,:host-context([theme=moonlight]):active{background:#3e5671}:host-context([theme=midnight]){background:#202945;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=midnight]) item-title h6,:host-context([theme=midnight]) i{color:#fff}:host-context([theme=midnight]) item-content>*{color:#ffffffa6}:host-context([theme=midnight]):hover,:host-context([theme=midnight]):active{background:#40528b}:host-context([theme=darkness]){background:#161f27;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=darkness]) item-title h6,:host-context([theme=darkness]) i{color:#fff}:host-context([theme=darkness]) item-content>*{color:#ffffffa6}:host-context([theme=darkness]):hover,:host-context([theme=darkness]):active{background:#3b5368}:host-context([theme=navy]){background:#0d2d42;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=navy]) item-title h6,:host-context([theme=navy]) i{color:#fff}:host-context([theme=navy]) item-content>*{color:#ffffffa6}:host-context([theme=navy]):hover,:host-context([theme=navy]):active{background:#1e6797}:host-context([theme=aqua]){background:#3bafda;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=aqua]) item-title h6,:host-context([theme=aqua]) i{color:#3d464d}:host-context([theme=aqua]) item-content>*{color:#ffffffa6}:host-context([theme=aqua]):hover,:host-context([theme=aqua]):active{background:#91d2ea}:host-context([theme=ocean]){background:#4a89dc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=ocean]) item-title h6,:host-context([theme=ocean]) i{color:#fff}:host-context([theme=ocean]) item-content>*{color:#ffffffa6}:host-context([theme=ocean]):hover,:host-context([theme=ocean]):active{background:#9fc1ed}:host-context([theme=mint]){background:#37bc9b;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=mint]) item-title h6,:host-context([theme=mint]) i{color:#3d464d}:host-context([theme=mint]) item-content>*{color:#ffffffa6}:host-context([theme=mint]):hover,:host-context([theme=mint]):active{background:#7fdac3}:host-context([theme=grass]){background:#8cc152;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=grass]) item-title h6,:host-context([theme=grass]) i{color:#fff}:host-context([theme=grass]) item-content>*{color:#ffffffa6}:host-context([theme=grass]):hover,:host-context([theme=grass]):active{background:#bedc9d}:host-context([theme=sunflower]){background:#f6b042;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=sunflower]) item-title h6,:host-context([theme=sunflower]) i{color:#fff}:host-context([theme=sunflower]) item-content>*{color:#ffffffa6}:host-context([theme=sunflower]):hover,:host-context([theme=sunflower]):active{background:#fbd9a3}:host-context([theme=bittersweet]){background:#eb6845;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=bittersweet]) item-title h6,:host-context([theme=bittersweet]) i{color:#fff}:host-context([theme=bittersweet]) item-content>*{color:#ffffffa6}:host-context([theme=bittersweet]):hover,:host-context([theme=bittersweet]):active{background:#f5b3a1}:host-context([theme=grapefruit]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=grapefruit]) item-title h6,:host-context([theme=grapefruit]) i{color:#fff}:host-context([theme=grapefruit]) item-content>*{color:#ffffffa6}:host-context([theme=grapefruit]):hover,:host-context([theme=grapefruit]):active{background:#eb99a1}:host-context([theme=carnation]){background:#d770ad;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=carnation]) item-title h6,:host-context([theme=carnation]) i{color:#fff}:host-context([theme=carnation]) item-content>*{color:#ffffffa6}:host-context([theme=carnation]):hover,:host-context([theme=carnation]):active{background:#edc0db}:host-context([theme=lavender]){background:#967adc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=lavender]) item-title h6,:host-context([theme=lavender]) i{color:#fff}:host-context([theme=lavender]) item-content>*{color:#ffffffa6}:host-context([theme=lavender]):hover,:host-context([theme=lavender]):active{background:#d6cbf1}:host-context([theme=mountain]){background:#9678b6;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=mountain]) item-title h6,:host-context([theme=mountain]) i{color:#fff}:host-context([theme=mountain]) item-content>*{color:#ffffffa6}:host-context([theme=mountain]):hover,:host-context([theme=mountain]):active{background:#c9bada}:host-context([theme=info]){background:#4a89dc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=info]) item-title h6,:host-context([theme=info]) i{color:#fff}:host-context([theme=info]) item-content>*{color:#ffffffa6}:host-context([theme=info]):hover,:host-context([theme=info]):active{background:#9fc1ed}:host-context([theme=positive]){background:#4a89dc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=positive]) item-title h6,:host-context([theme=positive]) i{color:#fff}:host-context([theme=positive]) item-content>*{color:#ffffffa6}:host-context([theme=positive]):hover,:host-context([theme=positive]):active{background:#9fc1ed}:host-context([theme=success]){background:#8cc152;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=success]) item-title h6,:host-context([theme=success]) i{color:#fff}:host-context([theme=success]) item-content>*{color:#ffffffa6}:host-context([theme=success]):hover,:host-context([theme=success]):active{background:#bedc9d}:host-context([theme=negative]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=negative]) item-title h6,:host-context([theme=negative]) i{color:#fff}:host-context([theme=negative]) item-content>*{color:#ffffffa6}:host-context([theme=negative]):hover,:host-context([theme=negative]):active{background:#eb99a1}:host-context([theme=danger]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=danger]) item-title h6,:host-context([theme=danger]) i{color:#fff}:host-context([theme=danger]) item-content>*{color:#ffffffa6}:host-context([theme=danger]):hover,:host-context([theme=danger]):active{background:#eb99a1}:host-context([theme=error]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=error]) item-title h6,:host-context([theme=error]) i{color:#fff}:host-context([theme=error]) item-content>*{color:#ffffffa6}:host-context([theme=error]):hover,:host-context([theme=error]):active{background:#eb99a1}:host-context([theme=warning]){background:#f6b042;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=warning]) item-title h6,:host-context([theme=warning]) i{color:#fff}:host-context([theme=warning]) item-content>*{color:#ffffffa6}:host-context([theme=warning]):hover,:host-context([theme=warning]):active{background:#fbd9a3}:host-context([theme=empty]){background:#cccdcc;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=empty]) item-title h6,:host-context([theme=empty]) i{color:#3d464d}:host-context([theme=empty]) item-content>*{color:#ffffffa6}:host-context([theme=empty]):hover,:host-context([theme=empty]):active{background:white}:host-context([theme=disabled]){background:#bebebe;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=disabled]) item-title h6,:host-context([theme=disabled]) i{color:#3d464d}:host-context([theme=disabled]) item-content>*{color:#ffffffa6}:host-context([theme=disabled]):hover,:host-context([theme=disabled]):active{background:#f1f1f1}:host-context([theme=background]){background:#f7f7f7;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=background]) item-title h6,:host-context([theme=background]) i{color:#3d464d}:host-context([theme=background]) item-content>*{color:#ffffffa6}:host-context([theme=background]):hover,:host-context([theme=background]):active{background:white}:host-context([theme=backgroundDark]){background:#e2e2e2;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=backgroundDark]) item-title h6,:host-context([theme=backgroundDark]) i{color:#3d464d}:host-context([theme=backgroundDark]) item-content>*{color:#ffffffa6}:host-context([theme=backgroundDark]):hover,:host-context([theme=backgroundDark]):active{background:white}:host-context([theme=presentation]){background:#5b6770;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=presentation]) item-title h6,:host-context([theme=presentation]) i{color:#fff}:host-context([theme=presentation]) item-content>*{color:#ffffffa6}:host-context([theme=presentation]):hover,:host-context([theme=presentation]):active{background:#8e9aa3}:host-context([theme=bullhorn]){background:#ff6900;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=bullhorn]) item-title h6,:host-context([theme=bullhorn]) i{color:#3d464d}:host-context([theme=bullhorn]) item-content>*{color:#ffffffa6}:host-context([theme=bullhorn]):hover,:host-context([theme=bullhorn]):active{background:#ffa566}:host-context([theme=pulse]){background:#3bafda;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=pulse]) item-title h6,:host-context([theme=pulse]) i{color:#3d464d}:host-context([theme=pulse]) item-content>*{color:#ffffffa6}:host-context([theme=pulse]):hover,:host-context([theme=pulse]):active{background:#91d2ea}:host-context([theme=company]){background:#3399dd;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=company]) item-title h6,:host-context([theme=company]) i{color:#fff}:host-context([theme=company]) item-content>*{color:#ffffffa6}:host-context([theme=company]):hover,:host-context([theme=company]):active{background:#8ac5ec}:host-context([theme=candidate]){background:#44bb77;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=candidate]) item-title h6,:host-context([theme=candidate]) i{color:#fff}:host-context([theme=candidate]) item-content>*{color:#ffffffa6}:host-context([theme=candidate]):hover,:host-context([theme=candidate]):active{background:#8fd6ad}:host-context([theme=lead]){background:#aa6699;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=lead]) item-title h6,:host-context([theme=lead]) i{color:#fff}:host-context([theme=lead]) item-content>*{color:#ffffffa6}:host-context([theme=lead]):hover,:host-context([theme=lead]):active{background:#cea8c5}:host-context([theme=contact]){background:#ffaa44;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=contact]) item-title h6,:host-context([theme=contact]) i{color:#fff}:host-context([theme=contact]) item-content>*{color:#ffffffa6}:host-context([theme=contact]):hover,:host-context([theme=contact]):active{background:#ffd8aa}:host-context([theme=clientcontact]){background:#ffaa44;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=clientcontact]) item-title h6,:host-context([theme=clientcontact]) i{color:#fff}:host-context([theme=clientcontact]) item-content>*{color:#ffffffa6}:host-context([theme=clientcontact]):hover,:host-context([theme=clientcontact]):active{background:#ffd8aa}:host-context([theme=opportunity]){background:#662255;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=opportunity]) item-title h6,:host-context([theme=opportunity]) i{color:#fff}:host-context([theme=opportunity]) item-content>*{color:#ffffffa6}:host-context([theme=opportunity]):hover,:host-context([theme=opportunity]):active{background:#b33c95}:host-context([theme=job]){background:#bb5566;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=job]) item-title h6,:host-context([theme=job]) i{color:#fff}:host-context([theme=job]) item-content>*{color:#ffffffa6}:host-context([theme=job]):hover,:host-context([theme=job]):active{background:#d89ea8}:host-context([theme=joborder]){background:#bb5566;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=joborder]) item-title h6,:host-context([theme=joborder]) i{color:#fff}:host-context([theme=joborder]) item-content>*{color:#ffffffa6}:host-context([theme=joborder]):hover,:host-context([theme=joborder]):active{background:#d89ea8}:host-context([theme=submission]){background:#a9adbb;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=submission]) item-title h6,:host-context([theme=submission]) i{color:#3d464d}:host-context([theme=submission]) item-content>*{color:#ffffffa6}:host-context([theme=submission]):hover,:host-context([theme=submission]):active{background:#e2e3e8}:host-context([theme=sendout]){background:#747884;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=sendout]) item-title h6,:host-context([theme=sendout]) i{color:#fff}:host-context([theme=sendout]) item-content>*{color:#ffffffa6}:host-context([theme=sendout]):hover,:host-context([theme=sendout]):active{background:#aaacb4}:host-context([theme=placement]){background:#0b344f;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=placement]) item-title h6,:host-context([theme=placement]) i{color:#fff}:host-context([theme=placement]) item-content>*{color:#ffffffa6}:host-context([theme=placement]):hover,:host-context([theme=placement]):active{background:#176fa9}:host-context([theme=note]){background:#747884;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=note]) item-title h6,:host-context([theme=note]) i{color:#fff}:host-context([theme=note]) item-content>*{color:#ffffffa6}:host-context([theme=note]):hover,:host-context([theme=note]):active{background:#aaacb4}:host-context([theme=contract]){background:#454ea0;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=contract]) item-title h6,:host-context([theme=contract]) i{color:#fff}:host-context([theme=contract]) item-content>*{color:#ffffffa6}:host-context([theme=contract]):hover,:host-context([theme=contract]):active{background:#8289c9}:host-context([theme=jobCode]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=jobCode]) item-title h6,:host-context([theme=jobCode]) i{color:#fff}:host-context([theme=jobCode]) item-content>*{color:#ffffffa6}:host-context([theme=jobCode]):hover,:host-context([theme=jobCode]):active{background:#9ea1aa}:host-context([theme=earnCode]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=earnCode]) item-title h6,:host-context([theme=earnCode]) i{color:#fff}:host-context([theme=earnCode]) item-content>*{color:#ffffffa6}:host-context([theme=earnCode]):hover,:host-context([theme=earnCode]):active{background:#9ea1aa}:host-context([theme=invoiceStatement]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=invoiceStatement]) item-title h6,:host-context([theme=invoiceStatement]) i{color:#fff}:host-context([theme=invoiceStatement]) item-content>*{color:#ffffffa6}:host-context([theme=invoiceStatement]):hover,:host-context([theme=invoiceStatement]):active{background:#9ea1aa}:host-context([theme=billableCharge]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=billableCharge]) item-title h6,:host-context([theme=billableCharge]) i{color:#fff}:host-context([theme=billableCharge]) item-content>*{color:#ffffffa6}:host-context([theme=billableCharge]):hover,:host-context([theme=billableCharge]):active{background:#9ea1aa}:host-context([theme=payableCharge]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=payableCharge]) item-title h6,:host-context([theme=payableCharge]) i{color:#fff}:host-context([theme=payableCharge]) item-content>*{color:#ffffffa6}:host-context([theme=payableCharge]):hover,:host-context([theme=payableCharge]):active{background:#9ea1aa}:host-context([theme=user]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=user]) item-title h6,:host-context([theme=user]) i{color:#fff}:host-context([theme=user]) item-content>*{color:#ffffffa6}:host-context([theme=user]):hover,:host-context([theme=user]):active{background:#9ea1aa}:host-context([theme=corporateUser]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=corporateUser]) item-title h6,:host-context([theme=corporateUser]) i{color:#fff}:host-context([theme=corporateUser]) item-content>*{color:#ffffffa6}:host-context([theme=corporateUser]):hover,:host-context([theme=corporateUser]):active{background:#9ea1aa}:host-context([theme=distributionList]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=distributionList]) item-title h6,:host-context([theme=distributionList]) i{color:#fff}:host-context([theme=distributionList]) item-content>*{color:#ffffffa6}:host-context([theme=distributionList]):hover,:host-context([theme=distributionList]):active{background:#9ea1aa}:host-context([theme=credential]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=credential]) item-title h6,:host-context([theme=credential]) i{color:#fff}:host-context([theme=credential]) item-content>*{color:#ffffffa6}:host-context([theme=credential]):hover,:host-context([theme=credential]):active{background:#9ea1aa}:host-context([theme=person]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=person]) item-title h6,:host-context([theme=person]) i{color:#fff}:host-context([theme=person]) item-content>*{color:#ffffffa6}:host-context([theme=person]):hover,:host-context([theme=person]):active{background:#9ea1aa}:host{border-bottom:1px solid #f4f4f4;border-bottom:1px solid var(--border, #f4f4f4);padding:1rem;display:flex;flex-direction:row;outline:none}:host:hover{background:rgba(74,137,220,.2)}:host.active{background:rgba(74,137,220,.3)}:host:last-child{border-bottom:none}:host .list-item{display:flex;flex-direction:column;flex:1 0 100%}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoListItemElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-list-item, a[list-item], button[list-item]',
-                    template: `
+            args: [{ selector: 'novo-list-item, a[list-item], button[list-item]', template: `
     <div class="list-item" [ngClass]="{ avatar: avatar }" *ngIf="_content || _header">
       <ng-content select="item-header, novo-item-header"></ng-content>
       <ng-content select="item-content, novo-item-content"></ng-content>
     </div>
     <ng-content></ng-content>
     <ng-content select="item-end, novo-item-end"></ng-content>
-  `,
-                    host: {
+  `, host: {
                         class: 'novo-list-item',
-                    },
-                }]
+                    }, styles: [":host-context([theme=black]){background:#000000;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=black]) item-title h6,:host-context([theme=black]) i{color:#fff}:host-context([theme=black]) item-content>*{color:#ffffffa6}:host-context([theme=black]):hover,:host-context([theme=black]):active{background:#333333}:host-context([theme=white]){background:#ffffff;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=white]) item-title h6,:host-context([theme=white]) i{color:#3d464d}:host-context([theme=white]) item-content>*{color:#ffffffa6}:host-context([theme=white]):hover,:host-context([theme=white]):active{background:white}:host-context([theme=gray]){background:#9e9e9e;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=gray]) item-title h6,:host-context([theme=gray]) i{color:#3d464d}:host-context([theme=gray]) item-content>*{color:#ffffffa6}:host-context([theme=gray]):hover,:host-context([theme=gray]):active{background:#d1d1d1}:host-context([theme=grey]){background:#9e9e9e;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=grey]) item-title h6,:host-context([theme=grey]) i{color:#3d464d}:host-context([theme=grey]) item-content>*{color:#ffffffa6}:host-context([theme=grey]):hover,:host-context([theme=grey]):active{background:#d1d1d1}:host-context([theme=offWhite]){background:#f7f7f7;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=offWhite]) item-title h6,:host-context([theme=offWhite]) i{color:#3d464d}:host-context([theme=offWhite]) item-content>*{color:#ffffffa6}:host-context([theme=offWhite]):hover,:host-context([theme=offWhite]):active{background:white}:host-context([theme=bright]){background:#f7f7f7;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=bright]) item-title h6,:host-context([theme=bright]) i{color:#3d464d}:host-context([theme=bright]) item-content>*{color:#ffffffa6}:host-context([theme=bright]):hover,:host-context([theme=bright]):active{background:white}:host-context([theme=light]){background:#dbdbdb;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=light]) item-title h6,:host-context([theme=light]) i{color:#3d464d}:host-context([theme=light]) item-content>*{color:#ffffffa6}:host-context([theme=light]):hover,:host-context([theme=light]):active{background:white}:host-context([theme=neutral]){background:#4f5361;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=neutral]) item-title h6,:host-context([theme=neutral]) i{color:#fff}:host-context([theme=neutral]) item-content>*{color:#ffffffa6}:host-context([theme=neutral]):hover,:host-context([theme=neutral]):active{background:#7f8497}:host-context([theme=dark]){background:#3d464d;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=dark]) item-title h6,:host-context([theme=dark]) i{color:#fff}:host-context([theme=dark]) item-content>*{color:#ffffffa6}:host-context([theme=dark]):hover,:host-context([theme=dark]):active{background:#6a7a86}:host-context([theme=orange]){background:#ff6900;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=orange]) item-title h6,:host-context([theme=orange]) i{color:#3d464d}:host-context([theme=orange]) item-content>*{color:#ffffffa6}:host-context([theme=orange]):hover,:host-context([theme=orange]):active{background:#ffa566}:host-context([theme=navigation]){background:#202945;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=navigation]) item-title h6,:host-context([theme=navigation]) i{color:#fff}:host-context([theme=navigation]) item-content>*{color:#ffffffa6}:host-context([theme=navigation]):hover,:host-context([theme=navigation]):active{background:#40528b}:host-context([theme=skyBlue]){background:#009bdf;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=skyBlue]) item-title h6,:host-context([theme=skyBlue]) i{color:#fff}:host-context([theme=skyBlue]) item-content>*{color:#ffffffa6}:host-context([theme=skyBlue]):hover,:host-context([theme=skyBlue]):active{background:#46c7ff}:host-context([theme=steel]){background:#5b6770;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=steel]) item-title h6,:host-context([theme=steel]) i{color:#fff}:host-context([theme=steel]) item-content>*{color:#ffffffa6}:host-context([theme=steel]):hover,:host-context([theme=steel]):active{background:#8e9aa3}:host-context([theme=metal]){background:#637893;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=metal]) item-title h6,:host-context([theme=metal]) i{color:#fff}:host-context([theme=metal]) item-content>*{color:#ffffffa6}:host-context([theme=metal]):hover,:host-context([theme=metal]):active{background:#9eacbe}:host-context([theme=sand]){background:#f4f4f4;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=sand]) item-title h6,:host-context([theme=sand]) i{color:#3d464d}:host-context([theme=sand]) item-content>*{color:#ffffffa6}:host-context([theme=sand]):hover,:host-context([theme=sand]):active{background:white}:host-context([theme=silver]){background:#e2e2e2;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=silver]) item-title h6,:host-context([theme=silver]) i{color:#3d464d}:host-context([theme=silver]) item-content>*{color:#ffffffa6}:host-context([theme=silver]):hover,:host-context([theme=silver]):active{background:white}:host-context([theme=stone]){background:#bebebe;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=stone]) item-title h6,:host-context([theme=stone]) i{color:#3d464d}:host-context([theme=stone]) item-content>*{color:#ffffffa6}:host-context([theme=stone]):hover,:host-context([theme=stone]):active{background:#f1f1f1}:host-context([theme=ash]){background:#a0a0a0;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=ash]) item-title h6,:host-context([theme=ash]) i{color:#3d464d}:host-context([theme=ash]) item-content>*{color:#ffffffa6}:host-context([theme=ash]):hover,:host-context([theme=ash]):active{background:lightgray}:host-context([theme=slate]){background:#707070;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=slate]) item-title h6,:host-context([theme=slate]) i{color:#fff}:host-context([theme=slate]) item-content>*{color:#ffffffa6}:host-context([theme=slate]):hover,:host-context([theme=slate]):active{background:#a3a3a3}:host-context([theme=onyx]){background:#526980;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=onyx]) item-title h6,:host-context([theme=onyx]) i{color:#fff}:host-context([theme=onyx]) item-content>*{color:#ffffffa6}:host-context([theme=onyx]):hover,:host-context([theme=onyx]):active{background:#869cb2}:host-context([theme=charcoal]){background:#282828;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=charcoal]) item-title h6,:host-context([theme=charcoal]) i{color:#fff}:host-context([theme=charcoal]) item-content>*{color:#ffffffa6}:host-context([theme=charcoal]):hover,:host-context([theme=charcoal]):active{background:#5b5b5b}:host-context([theme=moonlight]){background:#1a242f;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=moonlight]) item-title h6,:host-context([theme=moonlight]) i{color:#fff}:host-context([theme=moonlight]) item-content>*{color:#ffffffa6}:host-context([theme=moonlight]):hover,:host-context([theme=moonlight]):active{background:#3e5671}:host-context([theme=midnight]){background:#202945;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=midnight]) item-title h6,:host-context([theme=midnight]) i{color:#fff}:host-context([theme=midnight]) item-content>*{color:#ffffffa6}:host-context([theme=midnight]):hover,:host-context([theme=midnight]):active{background:#40528b}:host-context([theme=darkness]){background:#161f27;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=darkness]) item-title h6,:host-context([theme=darkness]) i{color:#fff}:host-context([theme=darkness]) item-content>*{color:#ffffffa6}:host-context([theme=darkness]):hover,:host-context([theme=darkness]):active{background:#3b5368}:host-context([theme=navy]){background:#0d2d42;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=navy]) item-title h6,:host-context([theme=navy]) i{color:#fff}:host-context([theme=navy]) item-content>*{color:#ffffffa6}:host-context([theme=navy]):hover,:host-context([theme=navy]):active{background:#1e6797}:host-context([theme=aqua]){background:#3bafda;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=aqua]) item-title h6,:host-context([theme=aqua]) i{color:#3d464d}:host-context([theme=aqua]) item-content>*{color:#ffffffa6}:host-context([theme=aqua]):hover,:host-context([theme=aqua]):active{background:#91d2ea}:host-context([theme=ocean]){background:#4a89dc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=ocean]) item-title h6,:host-context([theme=ocean]) i{color:#fff}:host-context([theme=ocean]) item-content>*{color:#ffffffa6}:host-context([theme=ocean]):hover,:host-context([theme=ocean]):active{background:#9fc1ed}:host-context([theme=mint]){background:#37bc9b;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=mint]) item-title h6,:host-context([theme=mint]) i{color:#3d464d}:host-context([theme=mint]) item-content>*{color:#ffffffa6}:host-context([theme=mint]):hover,:host-context([theme=mint]):active{background:#7fdac3}:host-context([theme=grass]){background:#8cc152;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=grass]) item-title h6,:host-context([theme=grass]) i{color:#fff}:host-context([theme=grass]) item-content>*{color:#ffffffa6}:host-context([theme=grass]):hover,:host-context([theme=grass]):active{background:#bedc9d}:host-context([theme=sunflower]){background:#f6b042;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=sunflower]) item-title h6,:host-context([theme=sunflower]) i{color:#fff}:host-context([theme=sunflower]) item-content>*{color:#ffffffa6}:host-context([theme=sunflower]):hover,:host-context([theme=sunflower]):active{background:#fbd9a3}:host-context([theme=bittersweet]){background:#eb6845;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=bittersweet]) item-title h6,:host-context([theme=bittersweet]) i{color:#fff}:host-context([theme=bittersweet]) item-content>*{color:#ffffffa6}:host-context([theme=bittersweet]):hover,:host-context([theme=bittersweet]):active{background:#f5b3a1}:host-context([theme=grapefruit]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=grapefruit]) item-title h6,:host-context([theme=grapefruit]) i{color:#fff}:host-context([theme=grapefruit]) item-content>*{color:#ffffffa6}:host-context([theme=grapefruit]):hover,:host-context([theme=grapefruit]):active{background:#eb99a1}:host-context([theme=carnation]){background:#d770ad;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=carnation]) item-title h6,:host-context([theme=carnation]) i{color:#fff}:host-context([theme=carnation]) item-content>*{color:#ffffffa6}:host-context([theme=carnation]):hover,:host-context([theme=carnation]):active{background:#edc0db}:host-context([theme=lavender]){background:#967adc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=lavender]) item-title h6,:host-context([theme=lavender]) i{color:#fff}:host-context([theme=lavender]) item-content>*{color:#ffffffa6}:host-context([theme=lavender]):hover,:host-context([theme=lavender]):active{background:#d6cbf1}:host-context([theme=mountain]){background:#9678b6;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=mountain]) item-title h6,:host-context([theme=mountain]) i{color:#fff}:host-context([theme=mountain]) item-content>*{color:#ffffffa6}:host-context([theme=mountain]):hover,:host-context([theme=mountain]):active{background:#c9bada}:host-context([theme=info]){background:#4a89dc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=info]) item-title h6,:host-context([theme=info]) i{color:#fff}:host-context([theme=info]) item-content>*{color:#ffffffa6}:host-context([theme=info]):hover,:host-context([theme=info]):active{background:#9fc1ed}:host-context([theme=positive]){background:#4a89dc;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=positive]) item-title h6,:host-context([theme=positive]) i{color:#fff}:host-context([theme=positive]) item-content>*{color:#ffffffa6}:host-context([theme=positive]):hover,:host-context([theme=positive]):active{background:#9fc1ed}:host-context([theme=success]){background:#8cc152;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=success]) item-title h6,:host-context([theme=success]) i{color:#fff}:host-context([theme=success]) item-content>*{color:#ffffffa6}:host-context([theme=success]):hover,:host-context([theme=success]):active{background:#bedc9d}:host-context([theme=negative]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=negative]) item-title h6,:host-context([theme=negative]) i{color:#fff}:host-context([theme=negative]) item-content>*{color:#ffffffa6}:host-context([theme=negative]):hover,:host-context([theme=negative]):active{background:#eb99a1}:host-context([theme=danger]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=danger]) item-title h6,:host-context([theme=danger]) i{color:#fff}:host-context([theme=danger]) item-content>*{color:#ffffffa6}:host-context([theme=danger]):hover,:host-context([theme=danger]):active{background:#eb99a1}:host-context([theme=error]){background:#da4453;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=error]) item-title h6,:host-context([theme=error]) i{color:#fff}:host-context([theme=error]) item-content>*{color:#ffffffa6}:host-context([theme=error]):hover,:host-context([theme=error]):active{background:#eb99a1}:host-context([theme=warning]){background:#f6b042;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=warning]) item-title h6,:host-context([theme=warning]) i{color:#fff}:host-context([theme=warning]) item-content>*{color:#ffffffa6}:host-context([theme=warning]):hover,:host-context([theme=warning]):active{background:#fbd9a3}:host-context([theme=empty]){background:#cccdcc;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=empty]) item-title h6,:host-context([theme=empty]) i{color:#3d464d}:host-context([theme=empty]) item-content>*{color:#ffffffa6}:host-context([theme=empty]):hover,:host-context([theme=empty]):active{background:white}:host-context([theme=disabled]){background:#bebebe;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=disabled]) item-title h6,:host-context([theme=disabled]) i{color:#3d464d}:host-context([theme=disabled]) item-content>*{color:#ffffffa6}:host-context([theme=disabled]):hover,:host-context([theme=disabled]):active{background:#f1f1f1}:host-context([theme=background]){background:#f7f7f7;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=background]) item-title h6,:host-context([theme=background]) i{color:#3d464d}:host-context([theme=background]) item-content>*{color:#ffffffa6}:host-context([theme=background]):hover,:host-context([theme=background]):active{background:white}:host-context([theme=backgroundDark]){background:#e2e2e2;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=backgroundDark]) item-title h6,:host-context([theme=backgroundDark]) i{color:#3d464d}:host-context([theme=backgroundDark]) item-content>*{color:#ffffffa6}:host-context([theme=backgroundDark]):hover,:host-context([theme=backgroundDark]):active{background:white}:host-context([theme=presentation]){background:#5b6770;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=presentation]) item-title h6,:host-context([theme=presentation]) i{color:#fff}:host-context([theme=presentation]) item-content>*{color:#ffffffa6}:host-context([theme=presentation]):hover,:host-context([theme=presentation]):active{background:#8e9aa3}:host-context([theme=bullhorn]){background:#ff6900;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=bullhorn]) item-title h6,:host-context([theme=bullhorn]) i{color:#3d464d}:host-context([theme=bullhorn]) item-content>*{color:#ffffffa6}:host-context([theme=bullhorn]):hover,:host-context([theme=bullhorn]):active{background:#ffa566}:host-context([theme=pulse]){background:#3bafda;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=pulse]) item-title h6,:host-context([theme=pulse]) i{color:#3d464d}:host-context([theme=pulse]) item-content>*{color:#ffffffa6}:host-context([theme=pulse]):hover,:host-context([theme=pulse]):active{background:#91d2ea}:host-context([theme=company]){background:#3399dd;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=company]) item-title h6,:host-context([theme=company]) i{color:#fff}:host-context([theme=company]) item-content>*{color:#ffffffa6}:host-context([theme=company]):hover,:host-context([theme=company]):active{background:#8ac5ec}:host-context([theme=candidate]){background:#44bb77;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=candidate]) item-title h6,:host-context([theme=candidate]) i{color:#fff}:host-context([theme=candidate]) item-content>*{color:#ffffffa6}:host-context([theme=candidate]):hover,:host-context([theme=candidate]):active{background:#8fd6ad}:host-context([theme=lead]){background:#aa6699;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=lead]) item-title h6,:host-context([theme=lead]) i{color:#fff}:host-context([theme=lead]) item-content>*{color:#ffffffa6}:host-context([theme=lead]):hover,:host-context([theme=lead]):active{background:#cea8c5}:host-context([theme=contact]){background:#ffaa44;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=contact]) item-title h6,:host-context([theme=contact]) i{color:#fff}:host-context([theme=contact]) item-content>*{color:#ffffffa6}:host-context([theme=contact]):hover,:host-context([theme=contact]):active{background:#ffd8aa}:host-context([theme=clientcontact]){background:#ffaa44;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=clientcontact]) item-title h6,:host-context([theme=clientcontact]) i{color:#fff}:host-context([theme=clientcontact]) item-content>*{color:#ffffffa6}:host-context([theme=clientcontact]):hover,:host-context([theme=clientcontact]):active{background:#ffd8aa}:host-context([theme=opportunity]){background:#662255;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=opportunity]) item-title h6,:host-context([theme=opportunity]) i{color:#fff}:host-context([theme=opportunity]) item-content>*{color:#ffffffa6}:host-context([theme=opportunity]):hover,:host-context([theme=opportunity]):active{background:#b33c95}:host-context([theme=job]){background:#bb5566;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=job]) item-title h6,:host-context([theme=job]) i{color:#fff}:host-context([theme=job]) item-content>*{color:#ffffffa6}:host-context([theme=job]):hover,:host-context([theme=job]):active{background:#d89ea8}:host-context([theme=joborder]){background:#bb5566;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=joborder]) item-title h6,:host-context([theme=joborder]) i{color:#fff}:host-context([theme=joborder]) item-content>*{color:#ffffffa6}:host-context([theme=joborder]):hover,:host-context([theme=joborder]):active{background:#d89ea8}:host-context([theme=submission]){background:#a9adbb;color:#3d464d;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=submission]) item-title h6,:host-context([theme=submission]) i{color:#3d464d}:host-context([theme=submission]) item-content>*{color:#ffffffa6}:host-context([theme=submission]):hover,:host-context([theme=submission]):active{background:#e2e3e8}:host-context([theme=sendout]){background:#747884;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=sendout]) item-title h6,:host-context([theme=sendout]) i{color:#fff}:host-context([theme=sendout]) item-content>*{color:#ffffffa6}:host-context([theme=sendout]):hover,:host-context([theme=sendout]):active{background:#aaacb4}:host-context([theme=placement]){background:#0b344f;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=placement]) item-title h6,:host-context([theme=placement]) i{color:#fff}:host-context([theme=placement]) item-content>*{color:#ffffffa6}:host-context([theme=placement]):hover,:host-context([theme=placement]):active{background:#176fa9}:host-context([theme=note]){background:#747884;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=note]) item-title h6,:host-context([theme=note]) i{color:#fff}:host-context([theme=note]) item-content>*{color:#ffffffa6}:host-context([theme=note]):hover,:host-context([theme=note]):active{background:#aaacb4}:host-context([theme=contract]){background:#454ea0;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=contract]) item-title h6,:host-context([theme=contract]) i{color:#fff}:host-context([theme=contract]) item-content>*{color:#ffffffa6}:host-context([theme=contract]):hover,:host-context([theme=contract]):active{background:#8289c9}:host-context([theme=jobCode]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=jobCode]) item-title h6,:host-context([theme=jobCode]) i{color:#fff}:host-context([theme=jobCode]) item-content>*{color:#ffffffa6}:host-context([theme=jobCode]):hover,:host-context([theme=jobCode]):active{background:#9ea1aa}:host-context([theme=earnCode]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=earnCode]) item-title h6,:host-context([theme=earnCode]) i{color:#fff}:host-context([theme=earnCode]) item-content>*{color:#ffffffa6}:host-context([theme=earnCode]):hover,:host-context([theme=earnCode]):active{background:#9ea1aa}:host-context([theme=invoiceStatement]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=invoiceStatement]) item-title h6,:host-context([theme=invoiceStatement]) i{color:#fff}:host-context([theme=invoiceStatement]) item-content>*{color:#ffffffa6}:host-context([theme=invoiceStatement]):hover,:host-context([theme=invoiceStatement]):active{background:#9ea1aa}:host-context([theme=billableCharge]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=billableCharge]) item-title h6,:host-context([theme=billableCharge]) i{color:#fff}:host-context([theme=billableCharge]) item-content>*{color:#ffffffa6}:host-context([theme=billableCharge]):hover,:host-context([theme=billableCharge]):active{background:#9ea1aa}:host-context([theme=payableCharge]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=payableCharge]) item-title h6,:host-context([theme=payableCharge]) i{color:#fff}:host-context([theme=payableCharge]) item-content>*{color:#ffffffa6}:host-context([theme=payableCharge]):hover,:host-context([theme=payableCharge]):active{background:#9ea1aa}:host-context([theme=user]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=user]) item-title h6,:host-context([theme=user]) i{color:#fff}:host-context([theme=user]) item-content>*{color:#ffffffa6}:host-context([theme=user]):hover,:host-context([theme=user]):active{background:#9ea1aa}:host-context([theme=corporateUser]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=corporateUser]) item-title h6,:host-context([theme=corporateUser]) i{color:#fff}:host-context([theme=corporateUser]) item-content>*{color:#ffffffa6}:host-context([theme=corporateUser]):hover,:host-context([theme=corporateUser]):active{background:#9ea1aa}:host-context([theme=distributionList]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=distributionList]) item-title h6,:host-context([theme=distributionList]) i{color:#fff}:host-context([theme=distributionList]) item-content>*{color:#ffffffa6}:host-context([theme=distributionList]):hover,:host-context([theme=distributionList]):active{background:#9ea1aa}:host-context([theme=credential]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=credential]) item-title h6,:host-context([theme=credential]) i{color:#fff}:host-context([theme=credential]) item-content>*{color:#ffffffa6}:host-context([theme=credential]):hover,:host-context([theme=credential]):active{background:#9ea1aa}:host-context([theme=person]){background:#696d79;color:#fff;border:unset;border-bottom:1px solid rgba(255,255,255,.1);outline:none}:host-context([theme=person]) item-title h6,:host-context([theme=person]) i{color:#fff}:host-context([theme=person]) item-content>*{color:#ffffffa6}:host-context([theme=person]):hover,:host-context([theme=person]):active{background:#9ea1aa}:host{border-bottom:1px solid #f4f4f4;border-bottom:1px solid var(--border, #f4f4f4);padding:1rem;display:flex;flex-direction:row;outline:none}:host:hover{background:rgba(74,137,220,.2)}:host.active{background:rgba(74,137,220,.3)}:host:last-child{border-bottom:none}:host .list-item{display:flex;flex-direction:column;flex:1 0 100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _content: [{
                 type: ContentChild,
                 args: [NovoItemContentElement]

package/fesm2020/novo-elements-elements-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"novo-elements-elements-list.mjs","sources":["../../../projects/novo-elements/src/elements/list/List.ts","../../../projects/novo-elements/src/elements/list/List.module.ts","../../../projects/novo-elements/src/elements/list/novo-elements-elements-list.ts"],"sourcesContent":["// NG2\nimport { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'novo-list',\n  host: {\n    class: 'novo-list',\n    '[class.vertical-list]': 'direction === \"vertical\"',\n    '[class.horizontal-list]': 'direction === \"horizontal\"',\n    '[attr.theme]': 'theme',\n  },\n  template: ` <ng-content></ng-content> `,\n})\nexport class NovoListElement {\n  @Input()\n  theme: string;\n  @Input()\n  direction: string;\n\n  constructor(public element: ElementRef) {}\n}\n\n@Component({\n  selector: 'item-avatar, novo-item-avatar',\n  template: ` <novo-icon *ngIf=\"icon\" [color]=\"color || icon\">{{ icon }}</novo-icon> `,\n  host: {\n    class: 'novo-item-avatar',\n  },\n})\nexport class NovoItemAvatarElement {\n  @Input()\n  icon: string;\n  @Input()\n  color: string;\n}\n\n@Component({\n  selector: 'item-title, novo-item-title',\n  template: `<ng-content></ng-content>`,\n  host: {\n    class: 'novo-item-title',\n  },\n})\nexport class NovoItemTitleElement {}\n\n@Component({\n  selector: 'item-header, novo-item-header',\n  template: `\n    <novo-title class=\"novo-item-header-container\" size=\"md\">\n      <ng-content select=\"item-avatar, novo-item-avatar\"></ng-content>\n      <ng-content select=\"item-title, novo-item-title\"></ng-content>\n      <ng-content select=\"item-header-end, novo-item-header-end\"></ng-content>\n    </novo-title>\n  `,\n  host: {\n    class: 'novo-item-header',\n  },\n})\nexport class NovoItemHeaderElement {}\n\n@Component({\n  selector: 'item-header-end, novo-item-header-end',\n  template: ` <ng-content></ng-content> `,\n  host: {\n    class: 'novo-item-header-end',\n  },\n})\nexport class NovoItemDateElement {}\n\n@Component({\n  selector: 'item-content, novo-item-content',\n  host: {\n    class: 'novo-item-content',\n    '[class.vertical-list]': 'direction === \"vertical\"',\n    '[class.horizontal-list]': 'direction === \"horizontal\"',\n  },\n  template: ` <ng-content></ng-content> `,\n})\nexport class NovoItemContentElement {\n  @Input()\n  direction: string;\n}\n\n@Component({\n  selector: 'item-end, novo-item-end',\n  template: ` <ng-content></ng-content> `,\n  host: {\n    class: 'novo-item-end',\n  },\n})\nexport class NovoItemEndElement {}\n\n@Component({\n  selector: 'novo-list-item, a[list-item], button[list-item]',\n  template: `\n    <div class=\"list-item\" [ngClass]=\"{ avatar: avatar }\" *ngIf=\"_content || _header\">\n      <ng-content select=\"item-header, novo-item-header\"></ng-content>\n      <ng-content select=\"item-content, novo-item-content\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <ng-content select=\"item-end, novo-item-end\"></ng-content>\n  `,\n  host: {\n    class: 'novo-list-item',\n  },\n})\nexport class NovoListItemElement implements OnInit {\n  avatar: boolean = false;\n  @ContentChild(NovoItemContentElement) _content: NovoItemContentElement;\n  @ContentChild(NovoItemHeaderElement) _header: NovoItemHeaderElement;\n\n  constructor(private element: ElementRef) {}\n\n  ngOnInit() {\n    this.avatar = !!this.element.nativeElement.querySelector('item-avatar');\n  }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\n// APP\nimport {\n  NovoItemAvatarElement,\n  NovoItemContentElement,\n  NovoItemDateElement,\n  NovoItemEndElement,\n  NovoItemHeaderElement,\n  NovoItemTitleElement,\n  NovoListElement,\n  NovoListItemElement,\n} from './List';\n\n@NgModule({\n  imports: [CommonModule, NovoCommonModule, NovoIconModule],\n  declarations: [\n    NovoListElement,\n    NovoListItemElement,\n    NovoItemAvatarElement,\n    NovoItemTitleElement,\n    NovoItemContentElement,\n    NovoItemEndElement,\n    NovoItemHeaderElement,\n    NovoItemDateElement,\n  ],\n  exports: [\n    NovoListElement,\n    NovoListItemElement,\n    NovoItemAvatarElement,\n    NovoItemTitleElement,\n    NovoItemHeaderElement,\n    NovoItemContentElement,\n    NovoItemEndElement,\n    NovoItemDateElement,\n  ],\n})\nexport class NovoListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"novo-elements-elements-list.mjs","sources":["../../../projects/novo-elements/src/elements/list/List.ts","../../../projects/novo-elements/src/elements/list/List.module.ts","../../../projects/novo-elements/src/elements/list/novo-elements-elements-list.ts"],"sourcesContent":["// NG2\nimport { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'novo-list',\n  host: {\n    class: 'novo-list',\n    '[class.vertical-list]': 'direction === \"vertical\"',\n    '[class.horizontal-list]': 'direction === \"horizontal\"',\n    '[attr.theme]': 'theme',\n  },\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./List.scss'],\n})\nexport class NovoListElement {\n  @Input()\n  theme: string;\n  @Input()\n  direction: string;\n\n  constructor(public element: ElementRef) {}\n}\n\n@Component({\n  selector: 'item-avatar, novo-item-avatar',\n  template: ` <novo-icon *ngIf=\"icon\" [color]=\"color || icon\">{{ icon }}</novo-icon> `,\n  styleUrls: ['./list-item-header-avatar.scss'],\n  host: {\n    class: 'novo-item-avatar',\n  },\n})\nexport class NovoItemAvatarElement {\n  @Input()\n  icon: string;\n  @Input()\n  color: string;\n}\n\n@Component({\n  selector: 'item-title, novo-item-title',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./list-item-header-title.scss'],\n  host: {\n    class: 'novo-item-title',\n  },\n})\nexport class NovoItemTitleElement {}\n\n@Component({\n  selector: 'item-header, novo-item-header',\n  template: `\n    <novo-title class=\"novo-item-header-container\" size=\"md\">\n      <ng-content select=\"item-avatar, novo-item-avatar\"></ng-content>\n      <ng-content select=\"item-title, novo-item-title\"></ng-content>\n      <ng-content select=\"item-header-end, novo-item-header-end\"></ng-content>\n    </novo-title>\n  `,\n  styleUrls: ['./list-item-header.scss'],\n  host: {\n    class: 'novo-item-header',\n  },\n})\nexport class NovoItemHeaderElement {}\n\n@Component({\n  selector: 'item-header-end, novo-item-header-end',\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./list-item-header-end.scss'],\n  host: {\n    class: 'novo-item-header-end',\n  },\n})\nexport class NovoItemDateElement {}\n\n@Component({\n  selector: 'item-content, novo-item-content',\n  host: {\n    class: 'novo-item-content',\n    '[class.vertical-list]': 'direction === \"vertical\"',\n    '[class.horizontal-list]': 'direction === \"horizontal\"',\n  },\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./list-item-content.scss'],\n})\nexport class NovoItemContentElement {\n  @Input()\n  direction: string;\n}\n\n@Component({\n  selector: 'item-end, novo-item-end',\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./list-item-end.scss'],\n  host: {\n    class: 'novo-item-end',\n  },\n})\nexport class NovoItemEndElement {}\n\n@Component({\n  selector: 'novo-list-item, a[list-item], button[list-item]',\n  template: `\n    <div class=\"list-item\" [ngClass]=\"{ avatar: avatar }\" *ngIf=\"_content || _header\">\n      <ng-content select=\"item-header, novo-item-header\"></ng-content>\n      <ng-content select=\"item-content, novo-item-content\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <ng-content select=\"item-end, novo-item-end\"></ng-content>\n  `,\n  styleUrls: ['./list-item.scss'],\n  host: {\n    class: 'novo-list-item',\n  },\n})\nexport class NovoListItemElement implements OnInit {\n  avatar: boolean = false;\n  @ContentChild(NovoItemContentElement) _content: NovoItemContentElement;\n  @ContentChild(NovoItemHeaderElement) _header: NovoItemHeaderElement;\n\n  constructor(private element: ElementRef) {}\n\n  ngOnInit() {\n    this.avatar = !!this.element.nativeElement.querySelector('item-avatar');\n  }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\n// APP\nimport {\n  NovoItemAvatarElement,\n  NovoItemContentElement,\n  NovoItemDateElement,\n  NovoItemEndElement,\n  NovoItemHeaderElement,\n  NovoItemTitleElement,\n  NovoListElement,\n  NovoListItemElement,\n} from './List';\n\n@NgModule({\n  imports: [CommonModule, NovoCommonModule, NovoIconModule],\n  declarations: [\n    NovoListElement,\n    NovoListItemElement,\n    NovoItemAvatarElement,\n    NovoItemTitleElement,\n    NovoItemContentElement,\n    NovoItemEndElement,\n    NovoItemHeaderElement,\n    NovoItemDateElement,\n  ],\n  exports: [\n    NovoListElement,\n    NovoListItemElement,\n    NovoItemAvatarElement,\n    NovoItemTitleElement,\n    NovoItemHeaderElement,\n    NovoItemContentElement,\n    NovoItemEndElement,\n    NovoItemDateElement,\n  ],\n})\nexport class NovoListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/novo-elements-elements-loading.mjs

@@ -30,19 +30,16 @@ NovoLoadingElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
     <span class="dot"></span>
     <span class="dot"></span>
     <span class="dot"></span>
-  `, isInline: true });
+  `, isInline: true, styles: [":host{padding:20px;display:flex;flex-direction:row;font-size:13px;gap:.3em}:host.size-small{padding:8px;font-size:8px}:host.size-large{font-size:18px}:host span.dot{display:block;border-radius:50%;height:1em;width:1em}:host span.dot:nth-of-type(1){background-color:#4a89dc}:host span.dot:nth-of-type(2){background-color:#967adc}:host span.dot:nth-of-type(3){background-color:#da4453}:host span.dot:nth-of-type(4){background-color:#f6b042}:host span.dot:nth-of-type(5){background-color:#37bc9b}:host span.dot:nth-of-type(1){-webkit-animation:jump 1.6s ease-in-out 70ms forward infinite \"\" \"\";animation:jump 1.6s ease-in-out 70ms forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:70ms;animation-delay:70ms;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(2){-webkit-animation:jump 1.6s ease-in-out .14s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .14s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.14s;animation-delay:.14s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(3){-webkit-animation:jump 1.6s ease-in-out .21s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .21s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.21s;animation-delay:.21s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(4){-webkit-animation:jump 1.6s ease-in-out .28s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .28s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.28s;animation-delay:.28s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(5){-webkit-animation:jump 1.6s ease-in-out .35s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .35s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host.color-aqua span.dot{background-color:#3bafda}:host.color-ocean span.dot{background-color:#4a89dc}:host.color-mint span.dot{background-color:#37bc9b}:host.color-grass span.dot{background-color:#8cc152}:host.color-sunflower span.dot{background-color:#f6b042}:host.color-bittersweet span.dot{background-color:#eb6845}:host.color-grapefruit span.dot{background-color:#da4453}:host.color-carnation span.dot{background-color:#d770ad}:host.color-lavender span.dot{background-color:#967adc}:host.color-mountain span.dot{background-color:#9678b6}:host.white span.dot,:host[inverse] span.dot{background-color:#fff!important}@-webkit-keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(0);opacity:1}45%{transform:translateY(-1.2em);opacity:.5}60%{transform:translateY(.8em);opacity:.95}to{transform:translateY(0);opacity:1}}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(0);opacity:1}45%{transform:translateY(-1.2em);opacity:.5}60%{transform:translateY(.8em);opacity:.95}to{transform:translateY(0);opacity:1}}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoLoadingElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-loading',
-                    template: `
+            args: [{ selector: 'novo-loading', template: `
     <span class="dot"></span>
     <span class="dot"></span>
     <span class="dot"></span>
     <span class="dot"></span>
     <span class="dot"></span>
-  `,
-                }]
+  `, styles: [":host{padding:20px;display:flex;flex-direction:row;font-size:13px;gap:.3em}:host.size-small{padding:8px;font-size:8px}:host.size-large{font-size:18px}:host span.dot{display:block;border-radius:50%;height:1em;width:1em}:host span.dot:nth-of-type(1){background-color:#4a89dc}:host span.dot:nth-of-type(2){background-color:#967adc}:host span.dot:nth-of-type(3){background-color:#da4453}:host span.dot:nth-of-type(4){background-color:#f6b042}:host span.dot:nth-of-type(5){background-color:#37bc9b}:host span.dot:nth-of-type(1){-webkit-animation:jump 1.6s ease-in-out 70ms forward infinite \"\" \"\";animation:jump 1.6s ease-in-out 70ms forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:70ms;animation-delay:70ms;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(2){-webkit-animation:jump 1.6s ease-in-out .14s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .14s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.14s;animation-delay:.14s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(3){-webkit-animation:jump 1.6s ease-in-out .21s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .21s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.21s;animation-delay:.21s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(4){-webkit-animation:jump 1.6s ease-in-out .28s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .28s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.28s;animation-delay:.28s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host span.dot:nth-of-type(5){-webkit-animation:jump 1.6s ease-in-out .35s forward infinite \"\" \"\";animation:jump 1.6s ease-in-out .35s forward infinite \"\" \"\";-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-direction:forward;animation-direction:forward;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:\"\";animation-fill-mode:\"\";-webkit-animation-play-state:\"\";animation-play-state:\"\"}:host.color-aqua span.dot{background-color:#3bafda}:host.color-ocean span.dot{background-color:#4a89dc}:host.color-mint span.dot{background-color:#37bc9b}:host.color-grass span.dot{background-color:#8cc152}:host.color-sunflower span.dot{background-color:#f6b042}:host.color-bittersweet span.dot{background-color:#eb6845}:host.color-grapefruit span.dot{background-color:#da4453}:host.color-carnation span.dot{background-color:#d770ad}:host.color-lavender span.dot{background-color:#967adc}:host.color-mountain span.dot{background-color:#9678b6}:host.white span.dot,:host[inverse] span.dot{background-color:#fff!important}@-webkit-keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(0);opacity:1}45%{transform:translateY(-1.2em);opacity:.5}60%{transform:translateY(.8em);opacity:.95}to{transform:translateY(0);opacity:1}}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(0);opacity:1}45%{transform:translateY(-1.2em);opacity:.5}60%{transform:translateY(.8em);opacity:.95}to{transform:translateY(0);opacity:1}}\n"] }]
         }], propDecorators: { theme: [{
                 type: Input
             }], color: [{
@@ -92,12 +89,10 @@ NovoSpinnerElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
     <div class="dot10 dot"></div>
     <div class="dot11 dot"></div>
     <div class="dot12 dot"></div>
-  `, isInline: true });
+  `, isInline: true, styles: [":host{display:inline-block;width:1.8em;height:1.8em;position:relative}:host.size-small{width:1.2em;height:1.2em}:host.size-large{width:2.1em;height:2.1em}:host .dot{width:100%;height:100%;position:absolute;left:0;top:0}:host .dot:before{content:\"\";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:dotFadeDelay 1.2s infinite ease-in-out both;animation:dotFadeDelay 1.2s infinite ease-in-out both}:host.aqua .dot:before{background-color:#3bafda}:host.ocean .dot:before{background-color:#4a89dc}:host.mint .dot:before{background-color:#37bc9b}:host.grass .dot:before{background-color:#8cc152}:host.sunflower .dot:before{background-color:#f6b042}:host.bittersweet .dot:before{background-color:#eb6845}:host.grapefruit .dot:before{background-color:#da4453}:host.carnation .dot:before{background-color:#d770ad}:host.lavender .dot:before{background-color:#967adc}:host.mountain .dot:before{background-color:#9678b6}:host.multicolor .dot:nth-of-type(1):before{background-color:#3bafda}:host.multicolor .dot:nth-of-type(2):before{background-color:#4a89dc}:host.multicolor .dot:nth-of-type(3):before{background-color:#37bc9b}:host.multicolor .dot:nth-of-type(4):before{background-color:#8cc152}:host.multicolor .dot:nth-of-type(5):before{background-color:#f6b042}:host.multicolor .dot:nth-of-type(6):before{background-color:#eb6845}:host.multicolor .dot:nth-of-type(7):before{background-color:#da4453}:host.multicolor .dot:nth-of-type(8):before{background-color:#d770ad}:host.multicolor .dot:nth-of-type(9):before{background-color:#967adc}:host.multicolor .dot:nth-of-type(10):before{background-color:#9678b6}:host.white .dot:before,:host[inverse] .dot:before{background-color:#fff}:host .dot2{transform:rotate(30deg)}:host .dot3{transform:rotate(60deg)}:host .dot4{transform:rotate(90deg)}:host .dot5{transform:rotate(120deg)}:host .dot6{transform:rotate(150deg)}:host .dot7{transform:rotate(180deg)}:host .dot8{transform:rotate(210deg)}:host .dot9{transform:rotate(240deg)}:host .dot10{transform:rotate(270deg)}:host .dot11{transform:rotate(300deg)}:host .dot12{transform:rotate(330deg)}:host .dot2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}:host .dot3:before{-webkit-animation-delay:-1s;animation-delay:-1s}:host .dot4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}:host .dot5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}:host .dot6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}:host .dot7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}:host .dot8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}:host .dot9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}:host .dot10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}:host .dot11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}:host .dot12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes dotFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes dotFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoSpinnerElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-spinner',
-                    template: `
+            args: [{ selector: 'novo-spinner', template: `
     <div class="dot1 dot"></div>
     <div class="dot2 dot"></div>
     <div class="dot3 dot"></div>
@@ -110,8 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
     <div class="dot10 dot"></div>
     <div class="dot11 dot"></div>
     <div class="dot12 dot"></div>
-  `,
-                }]
+  `, styles: [":host{display:inline-block;width:1.8em;height:1.8em;position:relative}:host.size-small{width:1.2em;height:1.2em}:host.size-large{width:2.1em;height:2.1em}:host .dot{width:100%;height:100%;position:absolute;left:0;top:0}:host .dot:before{content:\"\";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:dotFadeDelay 1.2s infinite ease-in-out both;animation:dotFadeDelay 1.2s infinite ease-in-out both}:host.aqua .dot:before{background-color:#3bafda}:host.ocean .dot:before{background-color:#4a89dc}:host.mint .dot:before{background-color:#37bc9b}:host.grass .dot:before{background-color:#8cc152}:host.sunflower .dot:before{background-color:#f6b042}:host.bittersweet .dot:before{background-color:#eb6845}:host.grapefruit .dot:before{background-color:#da4453}:host.carnation .dot:before{background-color:#d770ad}:host.lavender .dot:before{background-color:#967adc}:host.mountain .dot:before{background-color:#9678b6}:host.multicolor .dot:nth-of-type(1):before{background-color:#3bafda}:host.multicolor .dot:nth-of-type(2):before{background-color:#4a89dc}:host.multicolor .dot:nth-of-type(3):before{background-color:#37bc9b}:host.multicolor .dot:nth-of-type(4):before{background-color:#8cc152}:host.multicolor .dot:nth-of-type(5):before{background-color:#f6b042}:host.multicolor .dot:nth-of-type(6):before{background-color:#eb6845}:host.multicolor .dot:nth-of-type(7):before{background-color:#da4453}:host.multicolor .dot:nth-of-type(8):before{background-color:#d770ad}:host.multicolor .dot:nth-of-type(9):before{background-color:#967adc}:host.multicolor .dot:nth-of-type(10):before{background-color:#9678b6}:host.white .dot:before,:host[inverse] .dot:before{background-color:#fff}:host .dot2{transform:rotate(30deg)}:host .dot3{transform:rotate(60deg)}:host .dot4{transform:rotate(90deg)}:host .dot5{transform:rotate(120deg)}:host .dot6{transform:rotate(150deg)}:host .dot7{transform:rotate(180deg)}:host .dot8{transform:rotate(210deg)}:host .dot9{transform:rotate(240deg)}:host .dot10{transform:rotate(270deg)}:host .dot11{transform:rotate(300deg)}:host .dot12{transform:rotate(330deg)}:host .dot2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}:host .dot3:before{-webkit-animation-delay:-1s;animation-delay:-1s}:host .dot4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}:host .dot5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}:host .dot6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}:host .dot7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}:host .dot8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}:host .dot9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}:host .dot10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}:host .dot11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}:host .dot12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes dotFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes dotFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}\n"] }]
         }], propDecorators: { theme: [{
                 type: Input
             }], color: [{