npm - novo-elements - Versions diffs - 9.0.0-next.1 → 9.0.0 - Mend

novo-elements 9.0.0-next.1 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

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

@@ -31,12 +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, styles: [":host{margin-right:.5em}:host i.black{color:#000}:host i.white{color:#fff}:host i.gray{color:#9e9e9e}:host i.grey{color:#9e9e9e}:host i.offWhite{color:#f7f7f7}:host i.bright{color:#f7f7f7}:host i.light{color:#dbdbdb}:host i.neutral{color:#4f5361}:host i.dark{color:#3d464d}:host i.orange{color:#ff6900}:host i.navigation{color:#202945}:host i.skyBlue{color:#009bdf}:host i.steel{color:#5b6770}:host i.metal{color:#637893}:host i.sand{color:#f4f4f4}:host i.silver{color:#e2e2e2}:host i.stone{color:#bebebe}:host i.ash{color:#a0a0a0}:host i.slate{color:#707070}:host i.onyx{color:#526980}:host i.charcoal{color:#282828}:host i.moonlight{color:#1a242f}:host i.midnight{color:#202945}:host i.darkness{color:#161f27}:host i.navy{color:#0d2d42}:host i.aqua{color:#3bafda}:host i.ocean{color:#4a89dc}:host i.mint{color:#37bc9b}:host i.grass{color:#8cc152}:host i.sunflower{color:#f6b042}:host i.bittersweet{color:#eb6845}:host i.grapefruit{color:#da4453}:host i.carnation{color:#d770ad}:host i.lavender{color:#967adc}:host i.mountain{color:#9678b6}:host i.info{color:#4a89dc}:host i.positive{color:#4a89dc}:host i.success{color:#8cc152}:host i.negative{color:#da4453}:host i.danger{color:#da4453}:host i.error{color:#da4453}:host i.warning{color:#f6b042}:host i.empty{color:#cccdcc}:host i.disabled{color:#bebebe}:host i.background{color:#f7f7f7}:host i.backgroundDark{color:#e2e2e2}:host i.presentation{color:#5b6770}:host i.bullhorn{color:#ff6900}:host i.pulse{color:#3bafda}:host i.company{color:#39d}:host i.candidate{color:#4b7}:host i.lead{color:#a69}:host i.contact{color:#fa4}:host i.clientcontact{color:#fa4}:host i.opportunity{color:#625}:host i.job{color:#b56}:host i.joborder{color:#b56}:host i.submission{color:#a9adbb}:host i.sendout{color:#747884}:host i.placement{color:#0b344f}:host i.note{color:#747884}:host i.contract{color:#454ea0}:host i.jobCode{color:#696d79}:host i.earnCode{color:#696d79}:host i.invoiceStatement{color:#696d79}:host i.billableCharge{color:#696d79}:host i.payableCharge{color:#696d79}:host i.user{color:#696d79}:host i.corporateUser{color:#696d79}:host i.distributionList{color:#696d79}:host i.credential{color:#696d79}:host 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"] }] });
+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: {
                         class: 'novo-item-avatar',
-                    }, styles: [":host{margin-right:.5em}:host i.black{color:#000}:host i.white{color:#fff}:host i.gray{color:#9e9e9e}:host i.grey{color:#9e9e9e}:host i.offWhite{color:#f7f7f7}:host i.bright{color:#f7f7f7}:host i.light{color:#dbdbdb}:host i.neutral{color:#4f5361}:host i.dark{color:#3d464d}:host i.orange{color:#ff6900}:host i.navigation{color:#202945}:host i.skyBlue{color:#009bdf}:host i.steel{color:#5b6770}:host i.metal{color:#637893}:host i.sand{color:#f4f4f4}:host i.silver{color:#e2e2e2}:host i.stone{color:#bebebe}:host i.ash{color:#a0a0a0}:host i.slate{color:#707070}:host i.onyx{color:#526980}:host i.charcoal{color:#282828}:host i.moonlight{color:#1a242f}:host i.midnight{color:#202945}:host i.darkness{color:#161f27}:host i.navy{color:#0d2d42}:host i.aqua{color:#3bafda}:host i.ocean{color:#4a89dc}:host i.mint{color:#37bc9b}:host i.grass{color:#8cc152}:host i.sunflower{color:#f6b042}:host i.bittersweet{color:#eb6845}:host i.grapefruit{color:#da4453}:host i.carnation{color:#d770ad}:host i.lavender{color:#967adc}:host i.mountain{color:#9678b6}:host i.info{color:#4a89dc}:host i.positive{color:#4a89dc}:host i.success{color:#8cc152}:host i.negative{color:#da4453}:host i.danger{color:#da4453}:host i.error{color:#da4453}:host i.warning{color:#f6b042}:host i.empty{color:#cccdcc}:host i.disabled{color:#bebebe}:host i.background{color:#f7f7f7}:host i.backgroundDark{color:#e2e2e2}:host i.presentation{color:#5b6770}:host i.bullhorn{color:#ff6900}:host i.pulse{color:#3bafda}:host i.company{color:#39d}:host i.candidate{color:#4b7}:host i.lead{color:#a69}:host i.contact{color:#fa4}:host i.clientcontact{color:#fa4}:host i.opportunity{color:#625}:host i.job{color:#b56}:host i.joborder{color:#b56}:host i.submission{color:#a9adbb}:host i.sendout{color:#747884}:host i.placement{color:#0b344f}:host i.note{color:#747884}:host i.contract{color:#454ea0}:host i.jobCode{color:#696d79}:host i.earnCode{color:#696d79}:host i.invoiceStatement{color:#696d79}:host i.billableCharge{color:#696d79}:host i.payableCharge{color:#696d79}:host i.user{color:#696d79}:host i.corporateUser{color:#696d79}:host i.distributionList{color:#696d79}:host i.credential{color:#696d79}:host i.person{color:#696d79}\n"] }]
+                    }, 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: [{
@@ -45,12 +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, 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:contents;color:inherit;font-size:inherit}\n"] });
+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: {
                         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:contents;color:inherit;font-size:inherit}\n"] }]
+                    }, 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 {
 }
@@ -87,14 +87,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 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, 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>*{color:#434343d9}: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}:host.vertical-list{flex-direction:column}:host.horizontal-list{flex-direction:row}\n"] });
+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]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=white]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=gray]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=grey]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=offWhite]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=bright]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=light]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=neutral]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=dark]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=orange]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=navigation]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=skyBlue]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=steel]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=metal]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=sand]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=silver]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=stone]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=ash]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=slate]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=onyx]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=charcoal]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=moonlight]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=midnight]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=darkness]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=navy]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=aqua]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=ocean]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=mint]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=grass]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=sunflower]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=bittersweet]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=grapefruit]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=carnation]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=lavender]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=mountain]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=info]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=positive]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=success]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=negative]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=danger]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=error]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=warning]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=empty]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=disabled]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=background]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=backgroundDark]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=presentation]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=bullhorn]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=pulse]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=company]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=candidate]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=lead]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=contact]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=clientcontact]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=opportunity]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=job]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=joborder]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=submission]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=sendout]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=placement]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=note]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=contract]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=jobCode]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=earnCode]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=invoiceStatement]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=billableCharge]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=payableCharge]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=user]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=corporateUser]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=distributionList]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=credential]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=person]).novo-item-content>::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: {
                         class: 'novo-item-content',
                         '[class.vertical-list]': 'direction === "vertical"',
                         '[class.horizontal-list]': 'direction === "horizontal"',
-                    }, 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>*{color:#434343d9}: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}:host.vertical-list{flex-direction:column}:host.horizontal-list{flex-direction:row}\n"] }]
+                    }, template: ` <ng-content></ng-content> `, styles: [":host-context([theme=black]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=white]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=gray]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=grey]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=offWhite]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=bright]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=light]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=neutral]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=dark]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=orange]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=navigation]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=skyBlue]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=steel]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=metal]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=sand]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=silver]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=stone]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=ash]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=slate]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=onyx]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=charcoal]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=moonlight]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=midnight]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=darkness]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=navy]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=aqua]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=ocean]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=mint]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=grass]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=sunflower]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=bittersweet]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=grapefruit]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=carnation]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=lavender]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=mountain]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=info]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=positive]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=success]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=negative]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=danger]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=error]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=warning]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=empty]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=disabled]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=background]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=backgroundDark]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=presentation]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=bullhorn]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=pulse]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=company]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=candidate]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=lead]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=contact]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=clientcontact]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=opportunity]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=job]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=joborder]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=submission]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=sendout]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=placement]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=note]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=contract]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=jobCode]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=earnCode]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=invoiceStatement]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=billableCharge]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=payableCharge]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=user]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=corporateUser]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=distributionList]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=credential]).novo-item-content>::ng-deep *{color:#ffffffa6}:host-context([theme=person]).novo-item-content>::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
             }] } });

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

	@@ -1 +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 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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"}
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 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-modal.mjs CHANGED Viewed

@@ -107,7 +107,7 @@ NovoModalElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
     <ng-content select="header,novo-header,novo-card-header"></ng-content>
     <ng-content select="section,novo-card-content"></ng-content>
     <footer class="novo-modal-footer"><ng-content select="button,novo-button"></ng-content></footer>
-  `, isInline: true, styles: [":host{display:block;background-color:var(--background-bright);border-radius:4px;box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:1.5rem;top:1.5rem}:host>::ng-deep header{border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:1.3rem}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:1rem}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:1.2rem}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:1.3rem}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:1.6rem}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:2rem}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:2.6rem}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:3.2rem}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:#000}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:#fff}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:#9e9e9e}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:#9e9e9e}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:#f7f7f7}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:#f7f7f7}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:#dbdbdb}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:#4f5361}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:#3d464d}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:#ff6900}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:#202945}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:#009bdf}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:#5b6770}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:#637893}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:#f4f4f4}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:#e2e2e2}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:#bebebe}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:#a0a0a0}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:#707070}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:#526980}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:#282828}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:#1a242f}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:#202945}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:#161f27}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:#0d2d42}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:#3bafda}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:#4a89dc}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:#37bc9b}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:#8cc152}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:#f6b042}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:#eb6845}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:#da4453}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:#d770ad}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:#967adc}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:#9678b6}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:#4a89dc}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:#4a89dc}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:#8cc152}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:#da4453}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:#da4453}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:#da4453}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:#f6b042}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:#cccdcc}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:#bebebe}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:#f7f7f7}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:#e2e2e2}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:#5b6770}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:#ff6900}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:#3bafda}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:#39d}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:#4b7}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:#a69}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:#fa4}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:#fa4}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:#625}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:#b56}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:#b56}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:#a9adbb}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:#747884}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:#0b344f}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:#747884}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:#454ea0}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:#696d79}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:#696d79}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:#696d79}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:#696d79}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:#696d79}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:#696d79}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:#696d79}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:#696d79}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:#696d79}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:#696d79}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:100}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:200}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:300}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:400}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:500}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:600}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:700}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:800}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:900}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:1rem 1.5rem;max-height:500px;overflow:auto}:host .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;gap:1rem}:host .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] });
+  `, isInline: true, styles: [":host{display:block;background-color:var(--background-bright);border-radius:4px;box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:1.5rem;top:1.5rem}:host>::ng-deep header{border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:1.3rem}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:1rem}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:1.2rem}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:1.3rem}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:1.6rem}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:2rem}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:2.6rem}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:3.2rem}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:#000}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:#fff}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:#9e9e9e}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:#9e9e9e}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:#f7f7f7}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:#f7f7f7}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:#dbdbdb}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:#4f5361}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:#3d464d}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:#ff6900}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:#202945}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:#009bdf}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:#5b6770}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:#637893}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:#f4f4f4}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:#e2e2e2}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:#bebebe}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:#a0a0a0}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:#707070}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:#526980}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:#282828}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:#1a242f}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:#202945}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:#161f27}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:#0d2d42}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:#3bafda}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:#4a89dc}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:#37bc9b}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:#8cc152}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:#f6b042}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:#eb6845}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:#da4453}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:#d770ad}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:#967adc}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:#9678b6}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:#4a89dc}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:#4a89dc}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:#8cc152}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:#da4453}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:#da4453}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:#da4453}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:#f6b042}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:#cccdcc}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:#bebebe}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:#f7f7f7}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:#e2e2e2}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:#5b6770}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:#ff6900}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:#3bafda}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:#39d}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:#4b7}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:#a69}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:#fa4}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:#fa4}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:#625}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:#b56}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:#b56}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:#a9adbb}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:#747884}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:#0b344f}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:#747884}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:#454ea0}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:#696d79}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:#696d79}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:#696d79}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:#696d79}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:#696d79}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:#696d79}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:#696d79}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:#696d79}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:#696d79}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:#696d79}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:100}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:200}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:300}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:400}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:500}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:600}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:700}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:800}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:900}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:1rem 1.5rem;max-height:500px;overflow:auto}:host ::ng-deep .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;gap:1rem}:host ::ng-deep .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoModalElement, decorators: [{
             type: Component,
             args: [{ selector: 'novo-modal', template: `
@@ -116,7 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
     <footer class="novo-modal-footer"><ng-content select="button,novo-button"></ng-content></footer>
   `, host: {
                         class: 'novo-modal',
-                    }, styles: [":host{display:block;background-color:var(--background-bright);border-radius:4px;box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:1.5rem;top:1.5rem}:host>::ng-deep header{border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:1.3rem}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:1rem}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:1.2rem}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:1.3rem}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:1.6rem}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:2rem}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:2.6rem}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:3.2rem}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:#000}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:#fff}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:#9e9e9e}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:#9e9e9e}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:#f7f7f7}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:#f7f7f7}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:#dbdbdb}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:#4f5361}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:#3d464d}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:#ff6900}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:#202945}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:#009bdf}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:#5b6770}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:#637893}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:#f4f4f4}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:#e2e2e2}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:#bebebe}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:#a0a0a0}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:#707070}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:#526980}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:#282828}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:#1a242f}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:#202945}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:#161f27}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:#0d2d42}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:#3bafda}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:#4a89dc}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:#37bc9b}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:#8cc152}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:#f6b042}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:#eb6845}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:#da4453}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:#d770ad}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:#967adc}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:#9678b6}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:#4a89dc}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:#4a89dc}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:#8cc152}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:#da4453}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:#da4453}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:#da4453}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:#f6b042}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:#cccdcc}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:#bebebe}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:#f7f7f7}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:#e2e2e2}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:#5b6770}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:#ff6900}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:#3bafda}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:#39d}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:#4b7}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:#a69}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:#fa4}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:#fa4}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:#625}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:#b56}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:#b56}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:#a9adbb}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:#747884}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:#0b344f}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:#747884}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:#454ea0}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:#696d79}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:#696d79}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:#696d79}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:#696d79}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:#696d79}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:#696d79}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:#696d79}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:#696d79}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:#696d79}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:#696d79}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:100}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:200}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:300}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:400}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:500}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:600}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:700}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:800}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:900}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:1rem 1.5rem;max-height:500px;overflow:auto}:host .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;gap:1rem}:host .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] }]
+                    }, styles: [":host{display:block;background-color:var(--background-bright);border-radius:4px;box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:1.5rem;top:1.5rem}:host>::ng-deep header{border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:#3d464d;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:1.3rem}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:1rem}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:1.2rem}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:1.3rem}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:1.6rem}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:2rem}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:2.6rem}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:3.2rem}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:#000}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:#fff}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:#9e9e9e}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:#9e9e9e}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:#f7f7f7}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:#f7f7f7}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:#dbdbdb}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:#4f5361}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:#3d464d}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:#ff6900}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:#202945}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:#009bdf}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:#5b6770}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:#637893}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:#f4f4f4}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:#e2e2e2}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:#bebebe}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:#a0a0a0}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:#707070}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:#526980}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:#282828}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:#1a242f}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:#202945}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:#161f27}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:#0d2d42}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:#3bafda}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:#4a89dc}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:#37bc9b}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:#8cc152}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:#f6b042}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:#eb6845}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:#da4453}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:#d770ad}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:#967adc}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:#9678b6}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:#4a89dc}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:#4a89dc}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:#8cc152}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:#da4453}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:#da4453}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:#da4453}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:#f6b042}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:#cccdcc}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:#bebebe}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:#f7f7f7}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:#e2e2e2}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:#5b6770}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:#ff6900}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:#3bafda}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:#39d}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:#4b7}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:#a69}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:#fa4}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:#fa4}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:#625}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:#b56}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:#b56}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:#a9adbb}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:#747884}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:#0b344f}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:#747884}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:#454ea0}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:#696d79}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:#696d79}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:#696d79}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:#696d79}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:#696d79}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:#696d79}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:#696d79}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:#696d79}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:#696d79}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:#696d79}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:100}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:200}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:300}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:400}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:500}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:600}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:700}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:800}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:900}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:1rem 1.5rem;max-height:500px;overflow:auto}:host ::ng-deep .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;gap:1rem}:host ::ng-deep .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] }]
         }], ctorParameters: function () { return [{ type: NovoModalRef }]; } });
 class NovoModalNotificationElement {
     constructor(modalRef) {

package/fesm2020/novo-elements-elements-modal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"novo-elements-elements-modal.mjs","sources":["../../../projects/novo-elements/src/elements/modal/modal-ref.ts","../../../projects/novo-elements/src/elements/modal/modal.animation.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.html","../../../projects/novo-elements/src/elements/modal/modal.component.ts","../../../projects/novo-elements/src/elements/modal/modal.service.ts","../../../projects/novo-elements/src/elements/modal/modal.module.ts","../../../projects/novo-elements/src/elements/modal/novo-elements-elements-modal.ts"],"sourcesContent":["import { OverlayRef } from '@angular/cdk/overlay';\nimport { Observable, Subject } from 'rxjs';\nimport { filter, take } from 'rxjs/operators';\nimport { NovoModalContainerComponent } from './modal-container.component';\n\n/*\n Params that can be passed to the Modal\n /\n\nexport interface ModalParams {\n [propName: string]: any;\n}\nexport class NovoModalParams implements ModalParams {}\n\nexport class NovoModalRef<T = any, R = any> {\n constructor(public component: any, public params: T, private overlayRef: OverlayRef) {}\n\n private _beforeClose = new Subject<R>();\n private _afterClosed = new Subject<R>();\n\n componentInstance: NovoModalContainerComponent;\n isClosed: boolean = false;\n\n // Gets a promise that is resolved when the dialog is closed.\n get onClosed(): Promise<R> {\n return this._afterClosed.toPromise();\n }\n\n afterClosed(): Observable<R> {\n return this._afterClosed.asObservable();\n }\n\n beforeClose(): Observable<R> {\n return this._beforeClose.asObservable();\n }\n\n close(result?: R): void {\n // Listen for animation 'start' events\n this.componentInstance.animationStateChanged\n .pipe(\n filter((event) => event.phaseName === 'start'),\n take(1),\n )\n .subscribe(() => {\n this._beforeClose.next(result);\n this._beforeClose.complete();\n this.overlayRef.detachBackdrop();\n });\n\n // Listen for animation 'done' events\n this.componentInstance.animationStateChanged\n .pipe(\n filter((event) => event.phaseName === 'done' && event.toState === 'leave'),\n take(1),\n )\n .subscribe(() => {\n this.isClosed = true;\n this.overlayRef.dispose();\n this._afterClosed.next(result);\n this._afterClosed.complete();\n // Make sure to also clear the reference to the\n // component instance to avoid memory leaks\n this.componentInstance = null;\n });\n\n // Start exit animation\n this.componentInstance.startExitAnimation();\n }\n}\n","import { animate, style, transition, trigger } from '@angular/animations';\n\nexport const zoomInOut = trigger('zoomInOut', [\n transition('void => ', [style({ transform: 'scale3d(.3, .3, .3)' }), animate(50)]),\n transition('* => void', [animate(50, style({ transform: 'scale3d(.0, .0, .0)' }))]),\n]);\n","import { AnimationEvent } from '@angular/animations';\nimport { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Component, EventEmitter, HostBinding, Injector, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\nimport { zoomInOut } from './modal.animation';\n\n@Component({\n selector: 'novo-modal-container',\n templateUrl: './modal-container.component.html',\n styleUrls: ['./modal-container.component.scss'],\n animations: [zoomInOut],\n})\nexport class NovoModalContainerComponent {\n @Output() animationStateChanged = new EventEmitter<AnimationEvent>();\n animationState: 'void' \| 'enter' \| 'leave' = 'enter';\n component: Portal<any>;\n initTimestamp = Date.now();\n @HostBinding('id') id = `modal-container-${this.initTimestamp}`;\n\n constructor(private injector: Injector, private modalRef: NovoModalRef) {\n this.component = new ComponentPortal(modalRef.component, null, injector);\n }\n\n onAnimationStart(event: AnimationEvent) {\n this.animationStateChanged.emit(event);\n }\n\n onAnimationDone(event: AnimationEvent) {\n this.animationStateChanged.emit(event);\n }\n\n startExitAnimation() {\n this.animationState = 'leave';\n }\n}\n","<div class=\"modal-container\"\n [@zoomInOut]=\"animationState\"\n (@zoomInOut.start)=\"onAnimationStart($event)\"\n (@zoomInOut.done)=\"onAnimationDone($event)\">\n <ng-template [cdkPortalOutlet]=\"component\"></ng-template>\n</div>","// NG2\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\n\n@Component({\n selector: 'novo-modal',\n template: `\n <ng-content select=\"header,novo-header,novo-card-header\"></ng-content>\n <ng-content select=\"section,novo-card-content\"></ng-content>\n <footer class=\"novo-modal-footer\"><ng-content select=\"button,novo-button\"></ng-content></footer>\n `,\n styleUrls: ['./modal.component.scss'],\n host: {\n class: 'novo-modal',\n },\n})\nexport class NovoModalElement {\n constructor(private modalRef: NovoModalRef) {}\n}\n\n@Component({\n selector: 'novo-notification',\n template: `\n <novo-button class=\"modal-close\" theme=\"icon\" icon=\"x\" (click)=\"close()\"></novo-button>\n <header class=\"novo-notification-header\"><ng-content select=\"label,novo-label\"></ng-content></header>\n <section class=\"novo-notification-body notification-body\">\n <i class=\"indicator\" [ngClass]=\"iconType\" ngIf=\"iconType\"></i>\n <ng-content select=\"h1\"></ng-content>\n <ng-content select=\"h2\"></ng-content>\n <ng-content select=\"p\"></ng-content>\n </section>\n <footer class=\"novo-notification-footer\"><ng-content select=\"button,novo-button\"></ng-content></footer>\n `,\n styleUrls: ['./notification.component.scss'],\n host: {\n class: 'novo-notification',\n },\n})\nexport class NovoModalNotificationElement implements OnInit {\n @Input()\n type: string;\n @Input()\n icon: string;\n\n @Output()\n cancel: EventEmitter<any> = new EventEmitter();\n\n iconType: string;\n\n constructor(private modalRef: NovoModalRef) {\n this.modalRef = modalRef;\n }\n\n close() {\n this.cancel.emit();\n this.modalRef.close();\n }\n\n ngOnInit() {\n switch (this.type) {\n case 'success':\n this.iconType = 'bhi-check';\n break;\n case 'warning':\n this.iconType = 'bhi-caution-o';\n break;\n case 'error':\n this.iconType = 'bhi-caution-o';\n break;\n case 'custom':\n this.iconType = `bhi-${this.icon}`;\n break;\n default:\n break;\n }\n }\n}\n","// NG2\nimport { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal, PortalInjector } from '@angular/cdk/portal';\nimport { ComponentRef, Injectable, Injector, ViewContainerRef } from '@angular/core';\nimport { NovoModalContainerComponent } from './modal-container.component';\n// APP\nimport { NovoModalParams, NovoModalRef } from './modal-ref';\n\ninterface ModalConfig {\n panelClass?: string;\n hasBackdrop?: boolean;\n backdropClass?: string;\n}\n\nconst DEFAULT_CONFIG: ModalConfig = {\n hasBackdrop: true,\n backdropClass: 'modal-overlay-backdrop',\n panelClass: 'modal-overlay-panel',\n};\n\n@Injectable({ providedIn: 'root' })\nexport class NovoModalService {\n _parentViewContainer: ViewContainerRef;\n\n set parentViewContainer(view: ViewContainerRef) {\n console.warn('parentViewContainer is deprecated');\n this._parentViewContainer = view;\n }\n\n constructor(private injector: Injector, private overlay: Overlay) {}\n\n open<T extends Record<string, any>>(component, params: Partial<T> = {}) {\n // Override default configuration\n const modalConfig = DEFAULT_CONFIG;\n\n // Returns an OverlayRef which is a PortalHost\n const overlayRef = this.createOverlay(modalConfig);\n\n // Instantiate remote control\n const modalRef = new NovoModalRef<typeof params>(component, params, overlayRef);\n\n const overlayComponent = this.attachModalContainer(NovoModalContainerComponent, overlayRef, modalConfig, modalRef);\n\n // Pass the instance of the overlay component to the remote control\n modalRef.componentInstance = overlayComponent;\n\n overlayRef.backdropClick().subscribe(() => modalRef.close());\n\n return modalRef;\n }\n\n private createOverlay(config: ModalConfig) {\n const overlayConfig = this.getOverlayConfig(config);\n return this.overlay.create(overlayConfig);\n }\n\n private attachModalContainer(component, overlayRef: OverlayRef, config: ModalConfig, modalRef: NovoModalRef) {\n const injector = this.createInjector(config, modalRef);\n const containerPortal = new ComponentPortal(component, null, injector);\n const containerRef: ComponentRef<any> = overlayRef.attach(containerPortal);\n\n return containerRef.instance;\n }\n\n private createInjector(config: ModalConfig, modalRef: NovoModalRef): PortalInjector {\n const injectionTokens = new WeakMap();\n\n injectionTokens.set(NovoModalRef, modalRef);\n // Support backwards compatability\n injectionTokens.set(NovoModalParams, modalRef.params);\n\n return new PortalInjector(this.injector, injectionTokens);\n }\n\n private getOverlayConfig(config: ModalConfig): OverlayConfig {\n const positionStrategy = this.overlay.position().global().centerHorizontally().centerVertically();\n\n const overlayConfig = new OverlayConfig({\n positionStrategy,\n hasBackdrop: config.hasBackdrop,\n backdropClass: config.backdropClass,\n panelClass: config.panelClass,\n });\n\n return overlayConfig;\n }\n}\n","// NG2\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoModalContainerComponent } from './modal-container.component';\nimport { NovoModalElement, NovoModalNotificationElement } from './modal.component';\nimport { NovoModalService } from './modal.service';\n\n@NgModule({\n imports: [OverlayModule, PortalModule, CommonModule, NovoButtonModule],\n declarations: [NovoModalContainerComponent, NovoModalElement, NovoModalNotificationElement],\n exports: [NovoModalElement, NovoModalNotificationElement],\n providers: [NovoModalService],\n})\nexport class NovoModalModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1.NovoModalRef","i2"],"mappings":"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"}
1	+ {"version":3,"file":"novo-elements-elements-modal.mjs","sources":["../../../projects/novo-elements/src/elements/modal/modal-ref.ts","../../../projects/novo-elements/src/elements/modal/modal.animation.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.html","../../../projects/novo-elements/src/elements/modal/modal.component.ts","../../../projects/novo-elements/src/elements/modal/modal.service.ts","../../../projects/novo-elements/src/elements/modal/modal.module.ts","../../../projects/novo-elements/src/elements/modal/novo-elements-elements-modal.ts"],"sourcesContent":["import { OverlayRef } from '@angular/cdk/overlay';\nimport { Observable, Subject } from 'rxjs';\nimport { filter, take } from 'rxjs/operators';\nimport { NovoModalContainerComponent } from './modal-container.component';\n\n/*\n Params that can be passed to the Modal\n /\n\nexport interface ModalParams {\n [propName: string]: any;\n}\nexport class NovoModalParams implements ModalParams {}\n\nexport class NovoModalRef<T = any, R = any> {\n constructor(public component: any, public params: T, private overlayRef: OverlayRef) {}\n\n private _beforeClose = new Subject<R>();\n private _afterClosed = new Subject<R>();\n\n componentInstance: NovoModalContainerComponent;\n isClosed: boolean = false;\n\n // Gets a promise that is resolved when the dialog is closed.\n get onClosed(): Promise<R> {\n return this._afterClosed.toPromise();\n }\n\n afterClosed(): Observable<R> {\n return this._afterClosed.asObservable();\n }\n\n beforeClose(): Observable<R> {\n return this._beforeClose.asObservable();\n }\n\n close(result?: R): void {\n // Listen for animation 'start' events\n this.componentInstance.animationStateChanged\n .pipe(\n filter((event) => event.phaseName === 'start'),\n take(1),\n )\n .subscribe(() => {\n this._beforeClose.next(result);\n this._beforeClose.complete();\n this.overlayRef.detachBackdrop();\n });\n\n // Listen for animation 'done' events\n this.componentInstance.animationStateChanged\n .pipe(\n filter((event) => event.phaseName === 'done' && event.toState === 'leave'),\n take(1),\n )\n .subscribe(() => {\n this.isClosed = true;\n this.overlayRef.dispose();\n this._afterClosed.next(result);\n this._afterClosed.complete();\n // Make sure to also clear the reference to the\n // component instance to avoid memory leaks\n this.componentInstance = null;\n });\n\n // Start exit animation\n this.componentInstance.startExitAnimation();\n }\n}\n","import { animate, style, transition, trigger } from '@angular/animations';\n\nexport const zoomInOut = trigger('zoomInOut', [\n transition('void => ', [style({ transform: 'scale3d(.3, .3, .3)' }), animate(50)]),\n transition('* => void', [animate(50, style({ transform: 'scale3d(.0, .0, .0)' }))]),\n]);\n","import { AnimationEvent } from '@angular/animations';\nimport { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Component, EventEmitter, HostBinding, Injector, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\nimport { zoomInOut } from './modal.animation';\n\n@Component({\n selector: 'novo-modal-container',\n templateUrl: './modal-container.component.html',\n styleUrls: ['./modal-container.component.scss'],\n animations: [zoomInOut],\n})\nexport class NovoModalContainerComponent {\n @Output() animationStateChanged = new EventEmitter<AnimationEvent>();\n animationState: 'void' \| 'enter' \| 'leave' = 'enter';\n component: Portal<any>;\n initTimestamp = Date.now();\n @HostBinding('id') id = `modal-container-${this.initTimestamp}`;\n\n constructor(private injector: Injector, private modalRef: NovoModalRef) {\n this.component = new ComponentPortal(modalRef.component, null, injector);\n }\n\n onAnimationStart(event: AnimationEvent) {\n this.animationStateChanged.emit(event);\n }\n\n onAnimationDone(event: AnimationEvent) {\n this.animationStateChanged.emit(event);\n }\n\n startExitAnimation() {\n this.animationState = 'leave';\n }\n}\n","<div class=\"modal-container\"\n [@zoomInOut]=\"animationState\"\n (@zoomInOut.start)=\"onAnimationStart($event)\"\n (@zoomInOut.done)=\"onAnimationDone($event)\">\n <ng-template [cdkPortalOutlet]=\"component\"></ng-template>\n</div>","// NG2\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\n\n@Component({\n selector: 'novo-modal',\n template: `\n <ng-content select=\"header,novo-header,novo-card-header\"></ng-content>\n <ng-content select=\"section,novo-card-content\"></ng-content>\n <footer class=\"novo-modal-footer\"><ng-content select=\"button,novo-button\"></ng-content></footer>\n `,\n styleUrls: ['./modal.component.scss'],\n host: {\n class: 'novo-modal',\n },\n})\nexport class NovoModalElement {\n constructor(private modalRef: NovoModalRef) {}\n}\n\n@Component({\n selector: 'novo-notification',\n template: `\n <novo-button class=\"modal-close\" theme=\"icon\" icon=\"x\" (click)=\"close()\"></novo-button>\n <header class=\"novo-notification-header\"><ng-content select=\"label,novo-label\"></ng-content></header>\n <section class=\"novo-notification-body notification-body\">\n <i class=\"indicator\" [ngClass]=\"iconType\" ngIf=\"iconType\"></i>\n <ng-content select=\"h1\"></ng-content>\n <ng-content select=\"h2\"></ng-content>\n <ng-content select=\"p\"></ng-content>\n </section>\n <footer class=\"novo-notification-footer\"><ng-content select=\"button,novo-button\"></ng-content></footer>\n `,\n styleUrls: ['./notification.component.scss'],\n host: {\n class: 'novo-notification',\n },\n})\nexport class NovoModalNotificationElement implements OnInit {\n @Input()\n type: string;\n @Input()\n icon: string;\n\n @Output()\n cancel: EventEmitter<any> = new EventEmitter();\n\n iconType: string;\n\n constructor(private modalRef: NovoModalRef) {\n this.modalRef = modalRef;\n }\n\n close() {\n this.cancel.emit();\n this.modalRef.close();\n }\n\n ngOnInit() {\n switch (this.type) {\n case 'success':\n this.iconType = 'bhi-check';\n break;\n case 'warning':\n this.iconType = 'bhi-caution-o';\n break;\n case 'error':\n this.iconType = 'bhi-caution-o';\n break;\n case 'custom':\n this.iconType = `bhi-${this.icon}`;\n break;\n default:\n break;\n }\n }\n}\n","// NG2\nimport { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal, PortalInjector } from '@angular/cdk/portal';\nimport { ComponentRef, Injectable, Injector, ViewContainerRef } from '@angular/core';\nimport { NovoModalContainerComponent } from './modal-container.component';\n// APP\nimport { NovoModalParams, NovoModalRef } from './modal-ref';\n\ninterface ModalConfig {\n panelClass?: string;\n hasBackdrop?: boolean;\n backdropClass?: string;\n}\n\nconst DEFAULT_CONFIG: ModalConfig = {\n hasBackdrop: true,\n backdropClass: 'modal-overlay-backdrop',\n panelClass: 'modal-overlay-panel',\n};\n\n@Injectable({ providedIn: 'root' })\nexport class NovoModalService {\n _parentViewContainer: ViewContainerRef;\n\n set parentViewContainer(view: ViewContainerRef) {\n console.warn('parentViewContainer is deprecated');\n this._parentViewContainer = view;\n }\n\n constructor(private injector: Injector, private overlay: Overlay) {}\n\n open<T extends Record<string, any>>(component, params: Partial<T> = {}) {\n // Override default configuration\n const modalConfig = DEFAULT_CONFIG;\n\n // Returns an OverlayRef which is a PortalHost\n const overlayRef = this.createOverlay(modalConfig);\n\n // Instantiate remote control\n const modalRef = new NovoModalRef<typeof params>(component, params, overlayRef);\n\n const overlayComponent = this.attachModalContainer(NovoModalContainerComponent, overlayRef, modalConfig, modalRef);\n\n // Pass the instance of the overlay component to the remote control\n modalRef.componentInstance = overlayComponent;\n\n overlayRef.backdropClick().subscribe(() => modalRef.close());\n\n return modalRef;\n }\n\n private createOverlay(config: ModalConfig) {\n const overlayConfig = this.getOverlayConfig(config);\n return this.overlay.create(overlayConfig);\n }\n\n private attachModalContainer(component, overlayRef: OverlayRef, config: ModalConfig, modalRef: NovoModalRef) {\n const injector = this.createInjector(config, modalRef);\n const containerPortal = new ComponentPortal(component, null, injector);\n const containerRef: ComponentRef<any> = overlayRef.attach(containerPortal);\n\n return containerRef.instance;\n }\n\n private createInjector(config: ModalConfig, modalRef: NovoModalRef): PortalInjector {\n const injectionTokens = new WeakMap();\n\n injectionTokens.set(NovoModalRef, modalRef);\n // Support backwards compatability\n injectionTokens.set(NovoModalParams, modalRef.params);\n\n return new PortalInjector(this.injector, injectionTokens);\n }\n\n private getOverlayConfig(config: ModalConfig): OverlayConfig {\n const positionStrategy = this.overlay.position().global().centerHorizontally().centerVertically();\n\n const overlayConfig = new OverlayConfig({\n positionStrategy,\n hasBackdrop: config.hasBackdrop,\n backdropClass: config.backdropClass,\n panelClass: config.panelClass,\n });\n\n return overlayConfig;\n }\n}\n","// NG2\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoModalContainerComponent } from './modal-container.component';\nimport { NovoModalElement, NovoModalNotificationElement } from './modal.component';\nimport { NovoModalService } from './modal.service';\n\n@NgModule({\n imports: [OverlayModule, PortalModule, CommonModule, NovoButtonModule],\n declarations: [NovoModalContainerComponent, NovoModalElement, NovoModalNotificationElement],\n exports: [NovoModalElement, NovoModalNotificationElement],\n providers: [NovoModalService],\n})\nexport class NovoModalModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1.NovoModalRef","i2"],"mappings":";;;;;;;;;;;;;;MAYa,eAAe,CAAA;AAA0B,CAAA;MAEzC,YAAY,CAAA;AACvB,IAAA,WAAA,CAAmB,SAAc,EAAS,MAAS,EAAU,UAAsB,EAAA;QAAhE,IAAS,CAAA,SAAA,GAAT,SAAS,CAAK;QAAS,IAAM,CAAA,MAAA,GAAN,MAAM,CAAG;QAAU,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AAE3E,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAK,CAAC;AAChC,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAK,CAAC;QAGxC,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;KAN6D;;AASvF,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;KACtC;IAED,WAAW,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;KACzC;IAED,WAAW,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;KACzC;AAED,IAAA,KAAK,CAAC,MAAU,EAAA;;QAEd,IAAI,CAAC,iBAAiB,CAAC,qBAAqB;AACzC,aAAA,IAAI,CACH,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,EAC9C,IAAI,CAAC,CAAC,CAAC,CACR;aACA,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;AAC7B,YAAA,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;AACnC,SAAC,CAAC,CAAC;;QAGL,IAAI,CAAC,iBAAiB,CAAC,qBAAqB;aACzC,IAAI,CACH,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,EAC1E,IAAI,CAAC,CAAC,CAAC,CACR;aACA,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;;;AAG7B,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAChC,SAAC,CAAC,CAAC;;AAGL,QAAA,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,CAAC;KAC7C;AACF;;AClEY,MAAA,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE;AAC5C,IAAA,UAAU,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;AACnF,IAAA,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,CAAC;AACpF,CAAA;;MCOY,2BAA2B,CAAA;IAOtC,WAAoB,CAAA,QAAkB,EAAU,QAAsB,EAAA;QAAlD,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAU;QAAU,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAc;AAN5D,QAAA,IAAA,CAAA,qBAAqB,GAAG,IAAI,YAAY,EAAkB,CAAC;QACrE,IAAc,CAAA,cAAA,GAA+B,OAAO,CAAC;AAErD,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;AACR,QAAA,IAAA,CAAA,EAAE,GAAG,CAAmB,gBAAA,EAAA,IAAI,CAAC,aAAa,EAAE,CAAC;AAG9D,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC1E;AAED,IAAA,gBAAgB,CAAC,KAAqB,EAAA;AACpC,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxC;AAED,IAAA,eAAe,CAAC,KAAqB,EAAA;AACnC,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxC;IAED,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;KAC/B;;yHArBU,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,2BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,ECZxC,QAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wPAKM,EDKQ,MAAA,EAAA,CAAA,iLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,SAAS,CAAC,EAAA,CAAA,CAAA;4FAEZ,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;+BACE,sBAAsB,EAAA,UAAA,EAGpB,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,wPAAA,EAAA,MAAA,EAAA,CAAA,iLAAA,CAAA,EAAA,CAAA;uHAGb,qBAAqB,EAAA,CAAA;sBAA9B,MAAM;gBAIY,EAAE,EAAA,CAAA;sBAApB,WAAW;uBAAC,IAAI,CAAA;;;AEjBnB;MAgBa,gBAAgB,CAAA;AAC3B,IAAA,WAAA,CAAoB,QAAsB,EAAA;QAAtB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAc;KAAI;;8GADnC,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAVjB,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,i2WAAA,CAAA,EAAA,CAAA,CAAA;4FAMU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EACZ,QAAA,EAAA,CAAA;;;;GAIT,EAEK,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,MAAA,EAAA,CAAA,i2WAAA,CAAA,EAAA,CAAA;;MAwBU,4BAA4B,CAAA;AAWvC,IAAA,WAAA,CAAoB,QAAsB,EAAA;QAAtB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAc;AAJ1C,QAAA,IAAA,CAAA,MAAM,GAAsB,IAAI,YAAY,EAAE,CAAC;AAK7C,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;KAC1B;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AACnB,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;KACvB;IAED,QAAQ,GAAA;QACN,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC;gBAC5B,MAAM;AACR,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;gBAChC,MAAM;AACR,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;gBAChC,MAAM;AACR,YAAA,KAAK,QAAQ;gBACX,IAAI,CAAC,QAAQ,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,IAAI,EAAE,CAAC;gBACnC,MAAM;AACR,YAAA;gBACE,MAAM;AACT,SAAA;KACF;;0HArCU,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAhB7B,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mlDAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FAMU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAlBxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EACnB,QAAA,EAAA,CAAA;;;;;;;;;;GAUT,EAEK,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,mBAAmB;AAC3B,qBAAA,EAAA,MAAA,EAAA,CAAA,mlDAAA,CAAA,EAAA,CAAA;gGAID,IAAI,EAAA,CAAA;sBADH,KAAK;gBAGN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AC5CT;AAcA,MAAM,cAAc,GAAgB;AAClC,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,aAAa,EAAE,wBAAwB;AACvC,IAAA,UAAU,EAAE,qBAAqB;CAClC,CAAC;MAGW,gBAAgB,CAAA;IAQ3B,WAAoB,CAAA,QAAkB,EAAU,OAAgB,EAAA;QAA5C,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAU;QAAU,IAAO,CAAA,OAAA,GAAP,OAAO,CAAS;KAAI;IALpE,IAAI,mBAAmB,CAAC,IAAsB,EAAA;AAC5C,QAAA,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;AAClD,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;KAClC;AAID,IAAA,IAAI,CAAgC,SAAS,EAAE,MAAA,GAAqB,EAAE,EAAA;;QAEpE,MAAM,WAAW,GAAG,cAAc,CAAC;;QAGnC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;;QAGnD,MAAM,QAAQ,GAAG,IAAI,YAAY,CAAgB,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAEhF,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;;AAGnH,QAAA,QAAQ,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;AAE9C,QAAA,UAAU,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;AAE7D,QAAA,OAAO,QAAQ,CAAC;KACjB;AAEO,IAAA,aAAa,CAAC,MAAmB,EAAA;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACpD,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAC3C;AAEO,IAAA,oBAAoB,CAAC,SAAS,EAAE,UAAsB,EAAE,MAAmB,EAAE,QAAsB,EAAA;QACzG,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvD,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;QACvE,MAAM,YAAY,GAAsB,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QAE3E,OAAO,YAAY,CAAC,QAAQ,CAAC;KAC9B;IAEO,cAAc,CAAC,MAAmB,EAAE,QAAsB,EAAA;AAChE,QAAA,MAAM,eAAe,GAAG,IAAI,OAAO,EAAE,CAAC;AAEtC,QAAA,eAAe,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;;QAE5C,eAAe,CAAC,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEtD,OAAO,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;KAC3D;AAEO,IAAA,gBAAgB,CAAC,MAAmB,EAAA;AAC1C,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,gBAAgB,EAAE,CAAC;AAElG,QAAA,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC;YACtC,gBAAgB;YAChB,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,aAAa,EAAE,MAAM,CAAC,aAAa;YACnC,UAAU,EAAE,MAAM,CAAC,UAAU;AAC9B,SAAA,CAAC,CAAC;AAEH,QAAA,OAAO,aAAa,CAAC;KACtB;;8GAhEU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,OAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA,CAAA;4FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;;ACpBlC;MAiBa,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBAJX,2BAA2B,EAAE,gBAAgB,EAAE,4BAA4B,CADhF,EAAA,OAAA,EAAA,CAAA,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAE3D,EAAA,OAAA,EAAA,CAAA,gBAAgB,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;AAG7C,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAFf,SAAA,EAAA,CAAC,gBAAgB,CAAC,EAHpB,OAAA,EAAA,CAAA,CAAC,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAA,EAAA,CAAA,CAAA;4FAK3D,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC;AACtE,oBAAA,YAAY,EAAE,CAAC,2BAA2B,EAAE,gBAAgB,EAAE,4BAA4B,CAAC;AAC3F,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,4BAA4B,CAAC;oBACzD,SAAS,EAAE,CAAC,gBAAgB,CAAC;AAC9B,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

package/fesm2020/novo-elements-elements-multi-picker.mjs CHANGED Viewed

@@ -581,13 +581,10 @@ NovoMultiPickerElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
     </div>
     <i class="bhi-search" [class.has-value]="items.length"></i>
     <label class="clear-all" *ngIf="items.length" (click)="clearValue()">{{ labels.clearAll }} <i class="bhi-times"></i></label>
-  `, isInline: true, components: [{ type: i2.NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { type: i3.NovoPickerElement, selector: "novo-picker", inputs: ["config", "placeholder", "clearValueOnSelect", "closeOnSelect", "selected", "appendToBody", "parentScrollSelector", "parentScrollAction", "containerClass", "side", "autoSelectFirstOption", "overrideElement", "maxlength", "disablePickerInput"], outputs: ["changed", "select", "focus", "blur", "typing"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "slice": i4.SlicePipe, "async": i4.AsyncPipe } });
+  `, isInline: true, styles: [":host{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid #afb9c0;transition:all .2s ease-in-out;position:relative;padding:2px 0}:host.with-value{margin-bottom:20px}:host:hover{border-bottom:1px solid #5f6d78}:host.selected,:host.selected:hover{border-bottom:1px solid #4a89dc}:host.selected+i,:host.selected:hover+i{color:#4a89dc}:host.disabled{border-bottom-style:dashed!important}:host .chip-input-container{flex-grow:4}:host .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}:host .chip-input-container input:focus{outline:none}:host .novo-chip-container{display:flex;flex-flow:row wrap;gap:.4rem}:host label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:#da4453;cursor:pointer;display:flex;align-items:center}:host label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}:host i.bhi-search{position:absolute;bottom:8px;right:0;font-size:1.1em;color:#3d464d}:host+i{position:absolute;right:0;bottom:7px}:host.with-value{margin-bottom:0}:host novo-picker{position:inherit;padding-bottom:0}:host novo-picker>::ng-deep input{border:none;border-bottom:none!important}:host novo-picker>::ng-deep input:disabled{border-bottom:none!important}:host novo-picker>::ng-deep i{display:none}:host novo-picker div.picker-results-container{left:0}:host picker-results{position:absolute;color:#000}:host picker-results novo-list{max-height:49vh;overflow:auto}:host picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}:host picker-results novo-list novo-list-item>div{width:100%}:host picker-results novo-list novo-list-item.active{background-color:#e0ebf9}:host picker-results novo-list novo-list-item:hover{background-color:#e0ebf9}:host picker-results novo-list novo-list-item item-content{flex-flow:row wrap}:host picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}:host picker-results .error-results,:host picker-results .no-recents,:host picker-results .null-results{text-align:center;padding:1em 0 4em}:host picker-results .error-results>i,:host picker-results .no-recents>i,:host picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}:host picker-results .error-results>h4,:host picker-results .error-results>p,:host picker-results .no-recents>h4,:host picker-results .no-recents>p,:host picker-results .null-results>h4,:host picker-results .null-results>p{margin:0;max-width:none;padding:0}:host picker-results .error-results>h4,:host picker-results .no-recents>h4,:host picker-results .null-results>h4{font-weight:500}:host picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}:host .preview-container entity-picker-result{background:#ffffff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}:host .preview-container entity-picker-result .novo-list-item{flex:0 0}:host .preview-container entity-picker-result .novo-list-item>div{width:100%}:host .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}:host .chip-input-container{padding-top:10px}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host novo-picker li.header{text-transform:uppercase;font-weight:400;border-top:1px solid #e8e8e8;padding-bottom:0}:host novo-picker li label{color:#9e9e9e;text-transform:capitalize}:host novo-picker li label:hover i.bhi-checkbox-empty,:host novo-picker li label:hover i.bhi-checkbox-indeterminate{color:#4a89dc}:host novo-picker li.checked label{color:#393939}:host novo-picker i{margin-right:5px}:host novo-picker i.bhi-checkbox-empty{color:#d2d2d2}:host novo-picker i.bhi-checkbox-filled,:host novo-picker i.bhi-checkbox-indeterminate{color:#4a89dc}:host chip span{text-transform:capitalize}\n"], components: [{ type: i2.NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { type: i3.NovoPickerElement, selector: "novo-picker", inputs: ["config", "placeholder", "clearValueOnSelect", "closeOnSelect", "selected", "appendToBody", "parentScrollSelector", "parentScrollAction", "containerClass", "side", "autoSelectFirstOption", "overrideElement", "maxlength", "allowCustomValues", "disablePickerInput"], outputs: ["changed", "select", "focus", "blur", "typing"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "slice": i4.SlicePipe, "async": i4.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoMultiPickerElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'multi-picker',
-                    providers: [CHIPS_VALUE_ACCESSOR],
-                    template: `
+            args: [{ selector: 'multi-picker', providers: [CHIPS_VALUE_ACCESSOR], template: `
     <novo-chip
       *ngFor="let item of _items | async | slice: 0:chipsCount"
       [type]="item.type"
@@ -617,11 +614,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
     </div>
     <i class="bhi-search" [class.has-value]="items.length"></i>
     <label class="clear-all" *ngIf="items.length" (click)="clearValue()">{{ labels.clearAll }} <i class="bhi-times"></i></label>
-  `,
-                    host: {
+  `, host: {
                         '[class.with-value]': 'items.length > 0',
-                    },
-                }]
+                    }, styles: [":host{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid #afb9c0;transition:all .2s ease-in-out;position:relative;padding:2px 0}:host.with-value{margin-bottom:20px}:host:hover{border-bottom:1px solid #5f6d78}:host.selected,:host.selected:hover{border-bottom:1px solid #4a89dc}:host.selected+i,:host.selected:hover+i{color:#4a89dc}:host.disabled{border-bottom-style:dashed!important}:host .chip-input-container{flex-grow:4}:host .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}:host .chip-input-container input:focus{outline:none}:host .novo-chip-container{display:flex;flex-flow:row wrap;gap:.4rem}:host label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:#da4453;cursor:pointer;display:flex;align-items:center}:host label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}:host i.bhi-search{position:absolute;bottom:8px;right:0;font-size:1.1em;color:#3d464d}:host+i{position:absolute;right:0;bottom:7px}:host.with-value{margin-bottom:0}:host novo-picker{position:inherit;padding-bottom:0}:host novo-picker>::ng-deep input{border:none;border-bottom:none!important}:host novo-picker>::ng-deep input:disabled{border-bottom:none!important}:host novo-picker>::ng-deep i{display:none}:host novo-picker div.picker-results-container{left:0}:host picker-results{position:absolute;color:#000}:host picker-results novo-list{max-height:49vh;overflow:auto}:host picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}:host picker-results novo-list novo-list-item>div{width:100%}:host picker-results novo-list novo-list-item.active{background-color:#e0ebf9}:host picker-results novo-list novo-list-item:hover{background-color:#e0ebf9}:host picker-results novo-list novo-list-item item-content{flex-flow:row wrap}:host picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}:host picker-results .error-results,:host picker-results .no-recents,:host picker-results .null-results{text-align:center;padding:1em 0 4em}:host picker-results .error-results>i,:host picker-results .no-recents>i,:host picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}:host picker-results .error-results>h4,:host picker-results .error-results>p,:host picker-results .no-recents>h4,:host picker-results .no-recents>p,:host picker-results .null-results>h4,:host picker-results .null-results>p{margin:0;max-width:none;padding:0}:host picker-results .error-results>h4,:host picker-results .no-recents>h4,:host picker-results .null-results>h4{font-weight:500}:host picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}:host .preview-container entity-picker-result{background:#ffffff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}:host .preview-container entity-picker-result .novo-list-item{flex:0 0}:host .preview-container entity-picker-result .novo-list-item>div{width:100%}:host .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}:host .chip-input-container{padding-top:10px}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host novo-picker li.header{text-transform:uppercase;font-weight:400;border-top:1px solid #e8e8e8;padding-bottom:0}:host novo-picker li label{color:#9e9e9e;text-transform:capitalize}:host novo-picker li label:hover i.bhi-checkbox-empty,:host novo-picker li label:hover i.bhi-checkbox-indeterminate{color:#4a89dc}:host novo-picker li.checked label{color:#393939}:host novo-picker i{margin-right:5px}:host novo-picker i.bhi-checkbox-empty{color:#d2d2d2}:host novo-picker i.bhi-checkbox-filled,:host novo-picker i.bhi-checkbox-indeterminate{color:#4a89dc}:host chip span{text-transform:capitalize}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NovoLabelService }]; }, propDecorators: { source: [{
                 type: Input
             }], placeholder: [{