npm - novo-elements - Versions diffs - 13.1.0 → 13.2.0 - Mend

novo-elements 13.1.0 → 13.2.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 (230) hide show

package/fesm2022/novo-elements-elements-icon.mjs CHANGED Viewed

@@ -52,7 +52,7 @@ class NovoIconComponent {
     <i [class]="iconName"
       ><span (cdkObserveContent)="projectContentChanged($event)"><ng-content></ng-content></span
     ></i>
-  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;line-height:inherit;transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host i{display:flex;justify-content:center;align-items:center;font-size:inherit;line-height:inherit;width:1em;height:1em;color:inherit;outline:none}:host i:before{color:inherit}:host i *{display:none!important}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:1.3rem}:host.text-size-xs{font-size:1rem}:host.text-size-sm{font-size:1.2rem}:host.text-size-md{font-size:1.3rem}:host.text-size-lg{font-size:1.6rem}:host.text-size-xl{font-size:2rem}:host.text-size-2xl{font-size:2.6rem}:host.text-size-3xl{font-size:3.2rem}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:#000}:host.text-color-white{color:#fff}:host.text-color-gray{color:#9e9e9e}:host.text-color-grey{color:#9e9e9e}:host.text-color-offWhite{color:#f7f7f7}:host.text-color-bright{color:#f7f7f7}:host.text-color-light{color:#dbdbdb}:host.text-color-neutral{color:#4f5361}:host.text-color-dark{color:#3d464d}:host.text-color-orange{color:#ff6900}:host.text-color-navigation{color:#202945}:host.text-color-skyBlue{color:#009bdf}:host.text-color-steel{color:#5b6770}:host.text-color-metal{color:#637893}:host.text-color-sand{color:#f4f4f4}:host.text-color-silver{color:#e2e2e2}:host.text-color-stone{color:#bebebe}:host.text-color-ash{color:#a0a0a0}:host.text-color-slate{color:#707070}:host.text-color-onyx{color:#526980}:host.text-color-charcoal{color:#282828}:host.text-color-moonlight{color:#1a242f}:host.text-color-midnight{color:#202945}:host.text-color-darkness{color:#161f27}:host.text-color-navy{color:#0d2d42}:host.text-color-aqua{color:#3bafda}:host.text-color-ocean{color:#4a89dc}:host.text-color-mint{color:#37bc9b}:host.text-color-grass{color:#8cc152}:host.text-color-sunflower{color:#f6b042}:host.text-color-bittersweet{color:#eb6845}:host.text-color-grapefruit{color:#da4453}:host.text-color-carnation{color:#d770ad}:host.text-color-lavender{color:#967adc}:host.text-color-mountain{color:#9678b6}:host.text-color-info{color:#4a89dc}:host.text-color-positive{color:#4a89dc}:host.text-color-success{color:#8cc152}:host.text-color-negative{color:#da4453}:host.text-color-danger{color:#da4453}:host.text-color-error{color:#da4453}:host.text-color-warning{color:#f6b042}:host.text-color-empty{color:#cccdcc}:host.text-color-disabled{color:#bebebe}:host.text-color-background{color:#f7f7f7}:host.text-color-backgroundDark{color:#e2e2e2}:host.text-color-presentation{color:#5b6770}:host.text-color-bullhorn{color:#ff6900}:host.text-color-pulse{color:#3bafda}:host.text-color-company{color:#39d}:host.text-color-candidate{color:#4b7}:host.text-color-lead{color:#a69}:host.text-color-contact{color:#fa4}:host.text-color-clientcontact{color:#fa4}:host.text-color-opportunity{color:#625}:host.text-color-job{color:#b56}:host.text-color-joborder{color:#b56}:host.text-color-submission{color:#a9adbb}:host.text-color-sendout{color:#747884}:host.text-color-placement{color:#0b344f}:host.text-color-note{color:#747884}:host.text-color-contract{color:#454ea0}:host.text-color-task{color:#4f5361}:host.text-color-jobCode{color:#696d79}:host.text-color-earnCode{color:#696d79}:host.text-color-invoiceStatement{color:#696d79}:host.text-color-billableCharge{color:#696d79}:host.text-color-payableCharge{color:#696d79}:host.text-color-user{color:#696d79}:host.text-color-corporateUser{color:#696d79}:host.text-color-distributionList{color:#696d79}:host.text-color-credential{color:#696d79}:host.text-color-person{color:#696d79}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:100}:host.text-weight-thin{font-weight:200}:host.text-weight-light{font-weight:300}:host.text-weight-normal{font-weight:400}:host.text-weight-medium{font-weight:500}:host.text-weight-semibold{font-weight:600}:host.text-weight-bold{font-weight:700}:host.text-weight-extrabold{font-weight:800}:host.text-weight-heavy{font-weight:900}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host[theme=black] i{color:#fff;background:#000;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=black][shape=circle] i{border-radius:50%}:host[theme=white] i{color:#fff;background:#fff;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=white][shape=circle] i{border-radius:50%}:host[theme=gray] i{color:#fff;background:#9e9e9e;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=gray][shape=circle] i{border-radius:50%}:host[theme=grey] i{color:#fff;background:#9e9e9e;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grey][shape=circle] i{border-radius:50%}:host[theme=offWhite] i{color:#fff;background:#f7f7f7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=offWhite][shape=circle] i{border-radius:50%}:host[theme=bright] i{color:#fff;background:#f7f7f7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bright][shape=circle] i{border-radius:50%}:host[theme=light] i{color:#fff;background:#dbdbdb;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=light][shape=circle] i{border-radius:50%}:host[theme=neutral] i{color:#fff;background:#4f5361;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=neutral][shape=circle] i{border-radius:50%}:host[theme=dark] i{color:#fff;background:#3d464d;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=dark][shape=circle] i{border-radius:50%}:host[theme=orange] i{color:#fff;background:#ff6900;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=orange][shape=circle] i{border-radius:50%}:host[theme=navigation] i{color:#fff;background:#202945;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navigation][shape=circle] i{border-radius:50%}:host[theme=skyBlue] i{color:#fff;background:#009bdf;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=skyBlue][shape=circle] i{border-radius:50%}:host[theme=steel] i{color:#fff;background:#5b6770;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=steel][shape=circle] i{border-radius:50%}:host[theme=metal] i{color:#fff;background:#637893;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=metal][shape=circle] i{border-radius:50%}:host[theme=sand] i{color:#fff;background:#f4f4f4;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sand][shape=circle] i{border-radius:50%}:host[theme=silver] i{color:#fff;background:#e2e2e2;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=silver][shape=circle] i{border-radius:50%}:host[theme=stone] i{color:#fff;background:#bebebe;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=stone][shape=circle] i{border-radius:50%}:host[theme=ash] i{color:#fff;background:#a0a0a0;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ash][shape=circle] i{border-radius:50%}:host[theme=slate] i{color:#fff;background:#707070;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=slate][shape=circle] i{border-radius:50%}:host[theme=onyx] i{color:#fff;background:#526980;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=onyx][shape=circle] i{border-radius:50%}:host[theme=charcoal] i{color:#fff;background:#282828;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=charcoal][shape=circle] i{border-radius:50%}:host[theme=moonlight] i{color:#fff;background:#1a242f;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=moonlight][shape=circle] i{border-radius:50%}:host[theme=midnight] i{color:#fff;background:#202945;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=midnight][shape=circle] i{border-radius:50%}:host[theme=darkness] i{color:#fff;background:#161f27;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=darkness][shape=circle] i{border-radius:50%}:host[theme=navy] i{color:#fff;background:#0d2d42;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navy][shape=circle] i{border-radius:50%}:host[theme=aqua] i{color:#fff;background:#3bafda;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=aqua][shape=circle] i{border-radius:50%}:host[theme=ocean] i{color:#fff;background:#4a89dc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ocean][shape=circle] i{border-radius:50%}:host[theme=mint] i{color:#fff;background:#37bc9b;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mint][shape=circle] i{border-radius:50%}:host[theme=grass] i{color:#fff;background:#8cc152;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grass][shape=circle] i{border-radius:50%}:host[theme=sunflower] i{color:#fff;background:#f6b042;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sunflower][shape=circle] i{border-radius:50%}:host[theme=bittersweet] i{color:#fff;background:#eb6845;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bittersweet][shape=circle] i{border-radius:50%}:host[theme=grapefruit] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grapefruit][shape=circle] i{border-radius:50%}:host[theme=carnation] i{color:#fff;background:#d770ad;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=carnation][shape=circle] i{border-radius:50%}:host[theme=lavender] i{color:#fff;background:#967adc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lavender][shape=circle] i{border-radius:50%}:host[theme=mountain] i{color:#fff;background:#9678b6;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mountain][shape=circle] i{border-radius:50%}:host[theme=info] i{color:#fff;background:#4a89dc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=info][shape=circle] i{border-radius:50%}:host[theme=positive] i{color:#fff;background:#4a89dc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=positive][shape=circle] i{border-radius:50%}:host[theme=success] i{color:#fff;background:#8cc152;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=success][shape=circle] i{border-radius:50%}:host[theme=negative] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=negative][shape=circle] i{border-radius:50%}:host[theme=danger] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=danger][shape=circle] i{border-radius:50%}:host[theme=error] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=error][shape=circle] i{border-radius:50%}:host[theme=warning] i{color:#fff;background:#f6b042;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=warning][shape=circle] i{border-radius:50%}:host[theme=empty] i{color:#fff;background:#cccdcc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=empty][shape=circle] i{border-radius:50%}:host[theme=disabled] i{color:#fff;background:#bebebe;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=disabled][shape=circle] i{border-radius:50%}:host[theme=background] i{color:#fff;background:#f7f7f7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=background][shape=circle] i{border-radius:50%}:host[theme=backgroundDark] i{color:#fff;background:#e2e2e2;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=backgroundDark][shape=circle] i{border-radius:50%}:host[theme=presentation] i{color:#fff;background:#5b6770;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=presentation][shape=circle] i{border-radius:50%}:host[theme=bullhorn] i{color:#fff;background:#ff6900;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bullhorn][shape=circle] i{border-radius:50%}:host[theme=pulse] i{color:#fff;background:#3bafda;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=pulse][shape=circle] i{border-radius:50%}:host[theme=company] i{color:#fff;background:#39d;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=company][shape=circle] i{border-radius:50%}:host[theme=candidate] i{color:#fff;background:#4b7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=candidate][shape=circle] i{border-radius:50%}:host[theme=lead] i{color:#fff;background:#a69;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lead][shape=circle] i{border-radius:50%}:host[theme=contact] i{color:#fff;background:#fa4;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contact][shape=circle] i{border-radius:50%}:host[theme=clientcontact] i{color:#fff;background:#fa4;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=clientcontact][shape=circle] i{border-radius:50%}:host[theme=opportunity] i{color:#fff;background:#625;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=opportunity][shape=circle] i{border-radius:50%}:host[theme=job] i{color:#fff;background:#b56;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=job][shape=circle] i{border-radius:50%}:host[theme=joborder] i{color:#fff;background:#b56;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=joborder][shape=circle] i{border-radius:50%}:host[theme=submission] i{color:#fff;background:#a9adbb;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=submission][shape=circle] i{border-radius:50%}:host[theme=sendout] i{color:#fff;background:#747884;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sendout][shape=circle] i{border-radius:50%}:host[theme=placement] i{color:#fff;background:#0b344f;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=placement][shape=circle] i{border-radius:50%}:host[theme=note] i{color:#fff;background:#747884;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=note][shape=circle] i{border-radius:50%}:host[theme=contract] i{color:#fff;background:#454ea0;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contract][shape=circle] i{border-radius:50%}:host[theme=task] i{color:#fff;background:#4f5361;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=task][shape=circle] i{border-radius:50%}:host[theme=jobCode] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=jobCode][shape=circle] i{border-radius:50%}:host[theme=earnCode] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=earnCode][shape=circle] i{border-radius:50%}:host[theme=invoiceStatement] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=invoiceStatement][shape=circle] i{border-radius:50%}:host[theme=billableCharge] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=billableCharge][shape=circle] i{border-radius:50%}:host[theme=payableCharge] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=payableCharge][shape=circle] i{border-radius:50%}:host[theme=user] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=user][shape=circle] i{border-radius:50%}:host[theme=corporateUser] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=corporateUser][shape=circle] i{border-radius:50%}:host[theme=distributionList] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=distributionList][shape=circle] i{border-radius:50%}:host[theme=credential] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=credential][shape=circle] i{border-radius:50%}:host[theme=person] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=person][shape=circle] i{border-radius:50%}:host.novo-icon-raised i{box-shadow:2px 2px #0003}:host[shape=circle] i{border-radius:50%}:host.icon-size-smaller{font-size:1em}:host.icon-size-larger{font-size:1.4em}\n"], dependencies: [{ kind: "directive", type: i1.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;line-height:inherit;transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host i{display:flex;justify-content:center;align-items:center;font-size:inherit;line-height:inherit;width:1em;height:1em;color:inherit;outline:none}:host i:before{color:inherit}:host i *{display:none!important}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:var(--font-size-body)}:host.text-size-xs{font-size:var(--font-size-xs)}:host.text-size-sm{font-size:var(--font-size-sm)}:host.text-size-md{font-size:var(--font-size-md)}:host.text-size-lg{font-size:var(--font-size-lg)}:host.text-size-xl{font-size:var(--font-size-xl)}:host.text-size-2xl{font-size:var(--font-size-2xl)}:host.text-size-3xl{font-size:var(--font-size-3xl)}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:var(--color-black)}:host.text-color-white{color:var(--color-white)}:host.text-color-gray{color:var(--color-gray)}:host.text-color-grey{color:var(--color-grey)}:host.text-color-offWhite{color:var(--color-off-white)}:host.text-color-bright{color:var(--color-bright)}:host.text-color-light{color:var(--color-light)}:host.text-color-neutral{color:var(--color-neutral)}:host.text-color-dark{color:var(--color-dark)}:host.text-color-orange{color:var(--color-orange)}:host.text-color-navigation{color:var(--color-navigation)}:host.text-color-skyBlue{color:var(--color-sky-blue)}:host.text-color-steel{color:var(--color-steel)}:host.text-color-metal{color:var(--color-metal)}:host.text-color-sand{color:var(--color-sand)}:host.text-color-silver{color:var(--color-silver)}:host.text-color-stone{color:var(--color-stone)}:host.text-color-ash{color:var(--color-ash)}:host.text-color-anonymous{color:var(--color-anonymous)}:host.text-color-slate{color:var(--color-slate)}:host.text-color-onyx{color:var(--color-onyx)}:host.text-color-charcoal{color:var(--color-charcoal)}:host.text-color-moonlight{color:var(--color-moonlight)}:host.text-color-midnight{color:var(--color-midnight)}:host.text-color-darkness{color:var(--color-darkness)}:host.text-color-navy{color:var(--color-navy)}:host.text-color-aqua{color:var(--color-aqua)}:host.text-color-ocean{color:var(--color-ocean)}:host.text-color-mint{color:var(--color-mint)}:host.text-color-grass{color:var(--color-grass)}:host.text-color-sunflower{color:var(--color-sunflower)}:host.text-color-bittersweet{color:var(--color-bittersweet)}:host.text-color-grapefruit{color:var(--color-grapefruit)}:host.text-color-carnation{color:var(--color-carnation)}:host.text-color-lavender{color:var(--color-lavender)}:host.text-color-mountain{color:var(--color-mountain)}:host.text-color-info{color:var(--color-info)}:host.text-color-positive{color:var(--color-positive)}:host.text-color-success{color:var(--color-success)}:host.text-color-negative{color:var(--color-negative)}:host.text-color-danger{color:var(--color-danger)}:host.text-color-error{color:var(--color-error)}:host.text-color-warning{color:var(--color-warning)}:host.text-color-empty{color:var(--color-empty)}:host.text-color-disabled{color:var(--color-disabled)}:host.text-color-background{color:var(--color-background)}:host.text-color-backgroundDark{color:var(--color-background-dark)}:host.text-color-border{color:var(--color-border)}:host.text-color-border2{color:var(--color-border2)}:host.text-color-text{color:var(--color-text)}:host.text-color-presentation{color:var(--color-presentation)}:host.text-color-bullhorn{color:var(--color-bullhorn)}:host.text-color-pulse{color:var(--color-pulse)}:host.text-color-fastFind{color:var(--color-fast-find)}:host.text-color-toast{color:var(--color-toast)}:host.text-color-company{color:var(--color-company)}:host.text-color-candidate{color:var(--color-candidate)}:host.text-color-lead{color:var(--color-lead)}:host.text-color-contact{color:var(--color-contact)}:host.text-color-clientcontact{color:var(--color-clientcontact)}:host.text-color-opportunity{color:var(--color-opportunity)}:host.text-color-job{color:var(--color-job)}:host.text-color-joborder{color:var(--color-joborder)}:host.text-color-submission{color:var(--color-submission)}:host.text-color-sendout{color:var(--color-sendout)}:host.text-color-placement{color:var(--color-placement)}:host.text-color-note{color:var(--color-note)}:host.text-color-contract{color:var(--color-contract)}:host.text-color-task{color:var(--color-task)}:host.text-color-jobCode{color:var(--color-job-code)}:host.text-color-earnCode{color:var(--color-earn-code)}:host.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host.text-color-billableCharge{color:var(--color-billable-charge)}:host.text-color-payableCharge{color:var(--color-payable-charge)}:host.text-color-user{color:var(--color-user)}:host.text-color-corporateUser{color:var(--color-corporate-user)}:host.text-color-distributionList{color:var(--color-distribution-list)}:host.text-color-credential{color:var(--color-credential)}:host.text-color-person{color:var(--color-person)}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host.text-weight-thin{font-weight:var(--font-weight-thin)}:host.text-weight-light{font-weight:var(--font-weight-light)}:host.text-weight-normal{font-weight:var(--font-weight-normal)}:host.text-weight-medium{font-weight:var(--font-weight-medium)}:host.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host.text-weight-bold{font-weight:var(--font-weight-bold)}:host.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host[theme=border-default] i{color:#fff;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=border-default][shape=circle] i{border-radius:50%}:host[theme=black] i{color:#fff;background:var(--color-black);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=black][shape=circle] i{border-radius:50%}:host[theme=white] i{color:#fff;background:var(--color-white);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=white][shape=circle] i{border-radius:50%}:host[theme=gray] i{color:#fff;background:var(--color-gray);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=gray][shape=circle] i{border-radius:50%}:host[theme=grey] i{color:#fff;background:var(--color-grey);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grey][shape=circle] i{border-radius:50%}:host[theme=offWhite] i{color:#fff;background:var(--color-off-white);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=offWhite][shape=circle] i{border-radius:50%}:host[theme=bright] i{color:#fff;background:var(--color-bright);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bright][shape=circle] i{border-radius:50%}:host[theme=light] i{color:#fff;background:var(--color-light);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=light][shape=circle] i{border-radius:50%}:host[theme=neutral] i{color:#fff;background:var(--color-neutral);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=neutral][shape=circle] i{border-radius:50%}:host[theme=dark] i{color:#fff;background:var(--color-dark);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=dark][shape=circle] i{border-radius:50%}:host[theme=orange] i{color:#fff;background:var(--color-orange);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=orange][shape=circle] i{border-radius:50%}:host[theme=navigation] i{color:#fff;background:var(--color-navigation);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navigation][shape=circle] i{border-radius:50%}:host[theme=skyBlue] i{color:#fff;background:var(--color-sky-blue);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=skyBlue][shape=circle] i{border-radius:50%}:host[theme=steel] i{color:#fff;background:var(--color-steel);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=steel][shape=circle] i{border-radius:50%}:host[theme=metal] i{color:#fff;background:var(--color-metal);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=metal][shape=circle] i{border-radius:50%}:host[theme=sand] i{color:#fff;background:var(--color-sand);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sand][shape=circle] i{border-radius:50%}:host[theme=silver] i{color:#fff;background:var(--color-silver);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=silver][shape=circle] i{border-radius:50%}:host[theme=stone] i{color:#fff;background:var(--color-stone);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=stone][shape=circle] i{border-radius:50%}:host[theme=ash] i{color:#fff;background:var(--color-ash);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ash][shape=circle] i{border-radius:50%}:host[theme=anonymous] i{color:#fff;background:var(--color-anonymous);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=anonymous][shape=circle] i{border-radius:50%}:host[theme=slate] i{color:#fff;background:var(--color-slate);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=slate][shape=circle] i{border-radius:50%}:host[theme=onyx] i{color:#fff;background:var(--color-onyx);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=onyx][shape=circle] i{border-radius:50%}:host[theme=charcoal] i{color:#fff;background:var(--color-charcoal);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=charcoal][shape=circle] i{border-radius:50%}:host[theme=moonlight] i{color:#fff;background:var(--color-moonlight);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=moonlight][shape=circle] i{border-radius:50%}:host[theme=midnight] i{color:#fff;background:var(--color-midnight);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=midnight][shape=circle] i{border-radius:50%}:host[theme=darkness] i{color:#fff;background:var(--color-darkness);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=darkness][shape=circle] i{border-radius:50%}:host[theme=navy] i{color:#fff;background:var(--color-navy);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navy][shape=circle] i{border-radius:50%}:host[theme=aqua] i{color:#fff;background:var(--color-aqua);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=aqua][shape=circle] i{border-radius:50%}:host[theme=ocean] i{color:#fff;background:var(--color-ocean);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ocean][shape=circle] i{border-radius:50%}:host[theme=mint] i{color:#fff;background:var(--color-mint);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mint][shape=circle] i{border-radius:50%}:host[theme=grass] i{color:#fff;background:var(--color-grass);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grass][shape=circle] i{border-radius:50%}:host[theme=sunflower] i{color:#fff;background:var(--color-sunflower);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sunflower][shape=circle] i{border-radius:50%}:host[theme=bittersweet] i{color:#fff;background:var(--color-bittersweet);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bittersweet][shape=circle] i{border-radius:50%}:host[theme=grapefruit] i{color:#fff;background:var(--color-grapefruit);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grapefruit][shape=circle] i{border-radius:50%}:host[theme=carnation] i{color:#fff;background:var(--color-carnation);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=carnation][shape=circle] i{border-radius:50%}:host[theme=lavender] i{color:#fff;background:var(--color-lavender);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lavender][shape=circle] i{border-radius:50%}:host[theme=mountain] i{color:#fff;background:var(--color-mountain);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mountain][shape=circle] i{border-radius:50%}:host[theme=info] i{color:#fff;background:var(--color-info);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=info][shape=circle] i{border-radius:50%}:host[theme=positive] i{color:#fff;background:var(--color-positive);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=positive][shape=circle] i{border-radius:50%}:host[theme=success] i{color:#fff;background:var(--color-success);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=success][shape=circle] i{border-radius:50%}:host[theme=negative] i{color:#fff;background:var(--color-negative);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=negative][shape=circle] i{border-radius:50%}:host[theme=danger] i{color:#fff;background:var(--color-danger);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=danger][shape=circle] i{border-radius:50%}:host[theme=error] i{color:#fff;background:var(--color-error);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=error][shape=circle] i{border-radius:50%}:host[theme=warning] i{color:#fff;background:var(--color-warning);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=warning][shape=circle] i{border-radius:50%}:host[theme=empty] i{color:#fff;background:var(--color-empty);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=empty][shape=circle] i{border-radius:50%}:host[theme=disabled] i{color:#fff;background:var(--color-disabled);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=disabled][shape=circle] i{border-radius:50%}:host[theme=background] i{color:#fff;background:var(--color-background);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=background][shape=circle] i{border-radius:50%}:host[theme=backgroundDark] i{color:#fff;background:var(--color-background-dark);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=backgroundDark][shape=circle] i{border-radius:50%}:host[theme=border] i{color:#fff;background:var(--color-border);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=border][shape=circle] i{border-radius:50%}:host[theme=border2] i{color:#fff;background:var(--color-border2);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=border2][shape=circle] i{border-radius:50%}:host[theme=text] i{color:#fff;background:var(--color-text);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=text][shape=circle] i{border-radius:50%}:host[theme=presentation] i{color:#fff;background:var(--color-presentation);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=presentation][shape=circle] i{border-radius:50%}:host[theme=bullhorn] i{color:#fff;background:var(--color-bullhorn);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bullhorn][shape=circle] i{border-radius:50%}:host[theme=pulse] i{color:#fff;background:var(--color-pulse);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=pulse][shape=circle] i{border-radius:50%}:host[theme=fastFind] i{color:#fff;background:var(--color-fast-find);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=fastFind][shape=circle] i{border-radius:50%}:host[theme=toast] i{color:#fff;background:var(--color-toast);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=toast][shape=circle] i{border-radius:50%}:host[theme=company] i{color:#fff;background:var(--color-company);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=company][shape=circle] i{border-radius:50%}:host[theme=candidate] i{color:#fff;background:var(--color-candidate);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=candidate][shape=circle] i{border-radius:50%}:host[theme=lead] i{color:#fff;background:var(--color-lead);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lead][shape=circle] i{border-radius:50%}:host[theme=contact] i{color:#fff;background:var(--color-contact);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contact][shape=circle] i{border-radius:50%}:host[theme=clientcontact] i{color:#fff;background:var(--color-clientcontact);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=clientcontact][shape=circle] i{border-radius:50%}:host[theme=opportunity] i{color:#fff;background:var(--color-opportunity);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=opportunity][shape=circle] i{border-radius:50%}:host[theme=job] i{color:#fff;background:var(--color-job);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=job][shape=circle] i{border-radius:50%}:host[theme=joborder] i{color:#fff;background:var(--color-joborder);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=joborder][shape=circle] i{border-radius:50%}:host[theme=submission] i{color:#fff;background:var(--color-submission);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=submission][shape=circle] i{border-radius:50%}:host[theme=sendout] i{color:#fff;background:var(--color-sendout);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sendout][shape=circle] i{border-radius:50%}:host[theme=placement] i{color:#fff;background:var(--color-placement);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=placement][shape=circle] i{border-radius:50%}:host[theme=note] i{color:#fff;background:var(--color-note);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=note][shape=circle] i{border-radius:50%}:host[theme=contract] i{color:#fff;background:var(--color-contract);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contract][shape=circle] i{border-radius:50%}:host[theme=task] i{color:#fff;background:var(--color-task);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=task][shape=circle] i{border-radius:50%}:host[theme=jobCode] i{color:#fff;background:var(--color-job-code);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=jobCode][shape=circle] i{border-radius:50%}:host[theme=earnCode] i{color:#fff;background:var(--color-earn-code);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=earnCode][shape=circle] i{border-radius:50%}:host[theme=invoiceStatement] i{color:#fff;background:var(--color-invoice-statement);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=invoiceStatement][shape=circle] i{border-radius:50%}:host[theme=billableCharge] i{color:#fff;background:var(--color-billable-charge);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=billableCharge][shape=circle] i{border-radius:50%}:host[theme=payableCharge] i{color:#fff;background:var(--color-payable-charge);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=payableCharge][shape=circle] i{border-radius:50%}:host[theme=user] i{color:#fff;background:var(--color-user);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=user][shape=circle] i{border-radius:50%}:host[theme=corporateUser] i{color:#fff;background:var(--color-corporate-user);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=corporateUser][shape=circle] i{border-radius:50%}:host[theme=distributionList] i{color:#fff;background:var(--color-distribution-list);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=distributionList][shape=circle] i{border-radius:50%}:host[theme=credential] i{color:#fff;background:var(--color-credential);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=credential][shape=circle] i{border-radius:50%}:host[theme=person] i{color:#fff;background:var(--color-person);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=person][shape=circle] i{border-radius:50%}:host.novo-icon-raised i{box-shadow:2px 2px #0003}:host[shape=circle] i{border-radius:50%}:host.icon-size-smaller{font-size:1em}:host.icon-size-larger{font-size:1.4em}\n"], dependencies: [{ kind: "directive", type: i1.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     BooleanInput(),
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
     ></i>
   `, host: {
                         class: 'novo-icon',
-                    }, standalone: false, styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;line-height:inherit;transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host i{display:flex;justify-content:center;align-items:center;font-size:inherit;line-height:inherit;width:1em;height:1em;color:inherit;outline:none}:host i:before{color:inherit}:host i *{display:none!important}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:1.3rem}:host.text-size-xs{font-size:1rem}:host.text-size-sm{font-size:1.2rem}:host.text-size-md{font-size:1.3rem}:host.text-size-lg{font-size:1.6rem}:host.text-size-xl{font-size:2rem}:host.text-size-2xl{font-size:2.6rem}:host.text-size-3xl{font-size:3.2rem}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:#000}:host.text-color-white{color:#fff}:host.text-color-gray{color:#9e9e9e}:host.text-color-grey{color:#9e9e9e}:host.text-color-offWhite{color:#f7f7f7}:host.text-color-bright{color:#f7f7f7}:host.text-color-light{color:#dbdbdb}:host.text-color-neutral{color:#4f5361}:host.text-color-dark{color:#3d464d}:host.text-color-orange{color:#ff6900}:host.text-color-navigation{color:#202945}:host.text-color-skyBlue{color:#009bdf}:host.text-color-steel{color:#5b6770}:host.text-color-metal{color:#637893}:host.text-color-sand{color:#f4f4f4}:host.text-color-silver{color:#e2e2e2}:host.text-color-stone{color:#bebebe}:host.text-color-ash{color:#a0a0a0}:host.text-color-slate{color:#707070}:host.text-color-onyx{color:#526980}:host.text-color-charcoal{color:#282828}:host.text-color-moonlight{color:#1a242f}:host.text-color-midnight{color:#202945}:host.text-color-darkness{color:#161f27}:host.text-color-navy{color:#0d2d42}:host.text-color-aqua{color:#3bafda}:host.text-color-ocean{color:#4a89dc}:host.text-color-mint{color:#37bc9b}:host.text-color-grass{color:#8cc152}:host.text-color-sunflower{color:#f6b042}:host.text-color-bittersweet{color:#eb6845}:host.text-color-grapefruit{color:#da4453}:host.text-color-carnation{color:#d770ad}:host.text-color-lavender{color:#967adc}:host.text-color-mountain{color:#9678b6}:host.text-color-info{color:#4a89dc}:host.text-color-positive{color:#4a89dc}:host.text-color-success{color:#8cc152}:host.text-color-negative{color:#da4453}:host.text-color-danger{color:#da4453}:host.text-color-error{color:#da4453}:host.text-color-warning{color:#f6b042}:host.text-color-empty{color:#cccdcc}:host.text-color-disabled{color:#bebebe}:host.text-color-background{color:#f7f7f7}:host.text-color-backgroundDark{color:#e2e2e2}:host.text-color-presentation{color:#5b6770}:host.text-color-bullhorn{color:#ff6900}:host.text-color-pulse{color:#3bafda}:host.text-color-company{color:#39d}:host.text-color-candidate{color:#4b7}:host.text-color-lead{color:#a69}:host.text-color-contact{color:#fa4}:host.text-color-clientcontact{color:#fa4}:host.text-color-opportunity{color:#625}:host.text-color-job{color:#b56}:host.text-color-joborder{color:#b56}:host.text-color-submission{color:#a9adbb}:host.text-color-sendout{color:#747884}:host.text-color-placement{color:#0b344f}:host.text-color-note{color:#747884}:host.text-color-contract{color:#454ea0}:host.text-color-task{color:#4f5361}:host.text-color-jobCode{color:#696d79}:host.text-color-earnCode{color:#696d79}:host.text-color-invoiceStatement{color:#696d79}:host.text-color-billableCharge{color:#696d79}:host.text-color-payableCharge{color:#696d79}:host.text-color-user{color:#696d79}:host.text-color-corporateUser{color:#696d79}:host.text-color-distributionList{color:#696d79}:host.text-color-credential{color:#696d79}:host.text-color-person{color:#696d79}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:100}:host.text-weight-thin{font-weight:200}:host.text-weight-light{font-weight:300}:host.text-weight-normal{font-weight:400}:host.text-weight-medium{font-weight:500}:host.text-weight-semibold{font-weight:600}:host.text-weight-bold{font-weight:700}:host.text-weight-extrabold{font-weight:800}:host.text-weight-heavy{font-weight:900}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host[theme=black] i{color:#fff;background:#000;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=black][shape=circle] i{border-radius:50%}:host[theme=white] i{color:#fff;background:#fff;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=white][shape=circle] i{border-radius:50%}:host[theme=gray] i{color:#fff;background:#9e9e9e;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=gray][shape=circle] i{border-radius:50%}:host[theme=grey] i{color:#fff;background:#9e9e9e;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grey][shape=circle] i{border-radius:50%}:host[theme=offWhite] i{color:#fff;background:#f7f7f7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=offWhite][shape=circle] i{border-radius:50%}:host[theme=bright] i{color:#fff;background:#f7f7f7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bright][shape=circle] i{border-radius:50%}:host[theme=light] i{color:#fff;background:#dbdbdb;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=light][shape=circle] i{border-radius:50%}:host[theme=neutral] i{color:#fff;background:#4f5361;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=neutral][shape=circle] i{border-radius:50%}:host[theme=dark] i{color:#fff;background:#3d464d;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=dark][shape=circle] i{border-radius:50%}:host[theme=orange] i{color:#fff;background:#ff6900;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=orange][shape=circle] i{border-radius:50%}:host[theme=navigation] i{color:#fff;background:#202945;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navigation][shape=circle] i{border-radius:50%}:host[theme=skyBlue] i{color:#fff;background:#009bdf;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=skyBlue][shape=circle] i{border-radius:50%}:host[theme=steel] i{color:#fff;background:#5b6770;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=steel][shape=circle] i{border-radius:50%}:host[theme=metal] i{color:#fff;background:#637893;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=metal][shape=circle] i{border-radius:50%}:host[theme=sand] i{color:#fff;background:#f4f4f4;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sand][shape=circle] i{border-radius:50%}:host[theme=silver] i{color:#fff;background:#e2e2e2;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=silver][shape=circle] i{border-radius:50%}:host[theme=stone] i{color:#fff;background:#bebebe;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=stone][shape=circle] i{border-radius:50%}:host[theme=ash] i{color:#fff;background:#a0a0a0;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ash][shape=circle] i{border-radius:50%}:host[theme=slate] i{color:#fff;background:#707070;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=slate][shape=circle] i{border-radius:50%}:host[theme=onyx] i{color:#fff;background:#526980;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=onyx][shape=circle] i{border-radius:50%}:host[theme=charcoal] i{color:#fff;background:#282828;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=charcoal][shape=circle] i{border-radius:50%}:host[theme=moonlight] i{color:#fff;background:#1a242f;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=moonlight][shape=circle] i{border-radius:50%}:host[theme=midnight] i{color:#fff;background:#202945;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=midnight][shape=circle] i{border-radius:50%}:host[theme=darkness] i{color:#fff;background:#161f27;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=darkness][shape=circle] i{border-radius:50%}:host[theme=navy] i{color:#fff;background:#0d2d42;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navy][shape=circle] i{border-radius:50%}:host[theme=aqua] i{color:#fff;background:#3bafda;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=aqua][shape=circle] i{border-radius:50%}:host[theme=ocean] i{color:#fff;background:#4a89dc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ocean][shape=circle] i{border-radius:50%}:host[theme=mint] i{color:#fff;background:#37bc9b;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mint][shape=circle] i{border-radius:50%}:host[theme=grass] i{color:#fff;background:#8cc152;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grass][shape=circle] i{border-radius:50%}:host[theme=sunflower] i{color:#fff;background:#f6b042;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sunflower][shape=circle] i{border-radius:50%}:host[theme=bittersweet] i{color:#fff;background:#eb6845;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bittersweet][shape=circle] i{border-radius:50%}:host[theme=grapefruit] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grapefruit][shape=circle] i{border-radius:50%}:host[theme=carnation] i{color:#fff;background:#d770ad;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=carnation][shape=circle] i{border-radius:50%}:host[theme=lavender] i{color:#fff;background:#967adc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lavender][shape=circle] i{border-radius:50%}:host[theme=mountain] i{color:#fff;background:#9678b6;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mountain][shape=circle] i{border-radius:50%}:host[theme=info] i{color:#fff;background:#4a89dc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=info][shape=circle] i{border-radius:50%}:host[theme=positive] i{color:#fff;background:#4a89dc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=positive][shape=circle] i{border-radius:50%}:host[theme=success] i{color:#fff;background:#8cc152;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=success][shape=circle] i{border-radius:50%}:host[theme=negative] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=negative][shape=circle] i{border-radius:50%}:host[theme=danger] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=danger][shape=circle] i{border-radius:50%}:host[theme=error] i{color:#fff;background:#da4453;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=error][shape=circle] i{border-radius:50%}:host[theme=warning] i{color:#fff;background:#f6b042;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=warning][shape=circle] i{border-radius:50%}:host[theme=empty] i{color:#fff;background:#cccdcc;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=empty][shape=circle] i{border-radius:50%}:host[theme=disabled] i{color:#fff;background:#bebebe;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=disabled][shape=circle] i{border-radius:50%}:host[theme=background] i{color:#fff;background:#f7f7f7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=background][shape=circle] i{border-radius:50%}:host[theme=backgroundDark] i{color:#fff;background:#e2e2e2;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=backgroundDark][shape=circle] i{border-radius:50%}:host[theme=presentation] i{color:#fff;background:#5b6770;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=presentation][shape=circle] i{border-radius:50%}:host[theme=bullhorn] i{color:#fff;background:#ff6900;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bullhorn][shape=circle] i{border-radius:50%}:host[theme=pulse] i{color:#fff;background:#3bafda;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=pulse][shape=circle] i{border-radius:50%}:host[theme=company] i{color:#fff;background:#39d;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=company][shape=circle] i{border-radius:50%}:host[theme=candidate] i{color:#fff;background:#4b7;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=candidate][shape=circle] i{border-radius:50%}:host[theme=lead] i{color:#fff;background:#a69;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lead][shape=circle] i{border-radius:50%}:host[theme=contact] i{color:#fff;background:#fa4;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contact][shape=circle] i{border-radius:50%}:host[theme=clientcontact] i{color:#fff;background:#fa4;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=clientcontact][shape=circle] i{border-radius:50%}:host[theme=opportunity] i{color:#fff;background:#625;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=opportunity][shape=circle] i{border-radius:50%}:host[theme=job] i{color:#fff;background:#b56;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=job][shape=circle] i{border-radius:50%}:host[theme=joborder] i{color:#fff;background:#b56;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=joborder][shape=circle] i{border-radius:50%}:host[theme=submission] i{color:#fff;background:#a9adbb;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=submission][shape=circle] i{border-radius:50%}:host[theme=sendout] i{color:#fff;background:#747884;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sendout][shape=circle] i{border-radius:50%}:host[theme=placement] i{color:#fff;background:#0b344f;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=placement][shape=circle] i{border-radius:50%}:host[theme=note] i{color:#fff;background:#747884;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=note][shape=circle] i{border-radius:50%}:host[theme=contract] i{color:#fff;background:#454ea0;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contract][shape=circle] i{border-radius:50%}:host[theme=task] i{color:#fff;background:#4f5361;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=task][shape=circle] i{border-radius:50%}:host[theme=jobCode] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=jobCode][shape=circle] i{border-radius:50%}:host[theme=earnCode] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=earnCode][shape=circle] i{border-radius:50%}:host[theme=invoiceStatement] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=invoiceStatement][shape=circle] i{border-radius:50%}:host[theme=billableCharge] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=billableCharge][shape=circle] i{border-radius:50%}:host[theme=payableCharge] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=payableCharge][shape=circle] i{border-radius:50%}:host[theme=user] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=user][shape=circle] i{border-radius:50%}:host[theme=corporateUser] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=corporateUser][shape=circle] i{border-radius:50%}:host[theme=distributionList] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=distributionList][shape=circle] i{border-radius:50%}:host[theme=credential] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=credential][shape=circle] i{border-radius:50%}:host[theme=person] i{color:#fff;background:#696d79;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=person][shape=circle] i{border-radius:50%}:host.novo-icon-raised i{box-shadow:2px 2px #0003}:host[shape=circle] i{border-radius:50%}:host.icon-size-smaller{font-size:1em}:host.icon-size-larger{font-size:1.4em}\n"] }]
+                    }, standalone: false, styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;line-height:inherit;transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host i{display:flex;justify-content:center;align-items:center;font-size:inherit;line-height:inherit;width:1em;height:1em;color:inherit;outline:none}:host i:before{color:inherit}:host i *{display:none!important}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:var(--font-size-body)}:host.text-size-xs{font-size:var(--font-size-xs)}:host.text-size-sm{font-size:var(--font-size-sm)}:host.text-size-md{font-size:var(--font-size-md)}:host.text-size-lg{font-size:var(--font-size-lg)}:host.text-size-xl{font-size:var(--font-size-xl)}:host.text-size-2xl{font-size:var(--font-size-2xl)}:host.text-size-3xl{font-size:var(--font-size-3xl)}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:var(--color-black)}:host.text-color-white{color:var(--color-white)}:host.text-color-gray{color:var(--color-gray)}:host.text-color-grey{color:var(--color-grey)}:host.text-color-offWhite{color:var(--color-off-white)}:host.text-color-bright{color:var(--color-bright)}:host.text-color-light{color:var(--color-light)}:host.text-color-neutral{color:var(--color-neutral)}:host.text-color-dark{color:var(--color-dark)}:host.text-color-orange{color:var(--color-orange)}:host.text-color-navigation{color:var(--color-navigation)}:host.text-color-skyBlue{color:var(--color-sky-blue)}:host.text-color-steel{color:var(--color-steel)}:host.text-color-metal{color:var(--color-metal)}:host.text-color-sand{color:var(--color-sand)}:host.text-color-silver{color:var(--color-silver)}:host.text-color-stone{color:var(--color-stone)}:host.text-color-ash{color:var(--color-ash)}:host.text-color-anonymous{color:var(--color-anonymous)}:host.text-color-slate{color:var(--color-slate)}:host.text-color-onyx{color:var(--color-onyx)}:host.text-color-charcoal{color:var(--color-charcoal)}:host.text-color-moonlight{color:var(--color-moonlight)}:host.text-color-midnight{color:var(--color-midnight)}:host.text-color-darkness{color:var(--color-darkness)}:host.text-color-navy{color:var(--color-navy)}:host.text-color-aqua{color:var(--color-aqua)}:host.text-color-ocean{color:var(--color-ocean)}:host.text-color-mint{color:var(--color-mint)}:host.text-color-grass{color:var(--color-grass)}:host.text-color-sunflower{color:var(--color-sunflower)}:host.text-color-bittersweet{color:var(--color-bittersweet)}:host.text-color-grapefruit{color:var(--color-grapefruit)}:host.text-color-carnation{color:var(--color-carnation)}:host.text-color-lavender{color:var(--color-lavender)}:host.text-color-mountain{color:var(--color-mountain)}:host.text-color-info{color:var(--color-info)}:host.text-color-positive{color:var(--color-positive)}:host.text-color-success{color:var(--color-success)}:host.text-color-negative{color:var(--color-negative)}:host.text-color-danger{color:var(--color-danger)}:host.text-color-error{color:var(--color-error)}:host.text-color-warning{color:var(--color-warning)}:host.text-color-empty{color:var(--color-empty)}:host.text-color-disabled{color:var(--color-disabled)}:host.text-color-background{color:var(--color-background)}:host.text-color-backgroundDark{color:var(--color-background-dark)}:host.text-color-border{color:var(--color-border)}:host.text-color-border2{color:var(--color-border2)}:host.text-color-text{color:var(--color-text)}:host.text-color-presentation{color:var(--color-presentation)}:host.text-color-bullhorn{color:var(--color-bullhorn)}:host.text-color-pulse{color:var(--color-pulse)}:host.text-color-fastFind{color:var(--color-fast-find)}:host.text-color-toast{color:var(--color-toast)}:host.text-color-company{color:var(--color-company)}:host.text-color-candidate{color:var(--color-candidate)}:host.text-color-lead{color:var(--color-lead)}:host.text-color-contact{color:var(--color-contact)}:host.text-color-clientcontact{color:var(--color-clientcontact)}:host.text-color-opportunity{color:var(--color-opportunity)}:host.text-color-job{color:var(--color-job)}:host.text-color-joborder{color:var(--color-joborder)}:host.text-color-submission{color:var(--color-submission)}:host.text-color-sendout{color:var(--color-sendout)}:host.text-color-placement{color:var(--color-placement)}:host.text-color-note{color:var(--color-note)}:host.text-color-contract{color:var(--color-contract)}:host.text-color-task{color:var(--color-task)}:host.text-color-jobCode{color:var(--color-job-code)}:host.text-color-earnCode{color:var(--color-earn-code)}:host.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host.text-color-billableCharge{color:var(--color-billable-charge)}:host.text-color-payableCharge{color:var(--color-payable-charge)}:host.text-color-user{color:var(--color-user)}:host.text-color-corporateUser{color:var(--color-corporate-user)}:host.text-color-distributionList{color:var(--color-distribution-list)}:host.text-color-credential{color:var(--color-credential)}:host.text-color-person{color:var(--color-person)}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host.text-weight-thin{font-weight:var(--font-weight-thin)}:host.text-weight-light{font-weight:var(--font-weight-light)}:host.text-weight-normal{font-weight:var(--font-weight-normal)}:host.text-weight-medium{font-weight:var(--font-weight-medium)}:host.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host.text-weight-bold{font-weight:var(--font-weight-bold)}:host.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host[theme=border-default] i{color:#fff;border-radius:.3em;width:1.6em;height:1.6em}:host[theme=border-default][shape=circle] i{border-radius:50%}:host[theme=black] i{color:#fff;background:var(--color-black);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=black][shape=circle] i{border-radius:50%}:host[theme=white] i{color:#fff;background:var(--color-white);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=white][shape=circle] i{border-radius:50%}:host[theme=gray] i{color:#fff;background:var(--color-gray);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=gray][shape=circle] i{border-radius:50%}:host[theme=grey] i{color:#fff;background:var(--color-grey);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grey][shape=circle] i{border-radius:50%}:host[theme=offWhite] i{color:#fff;background:var(--color-off-white);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=offWhite][shape=circle] i{border-radius:50%}:host[theme=bright] i{color:#fff;background:var(--color-bright);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bright][shape=circle] i{border-radius:50%}:host[theme=light] i{color:#fff;background:var(--color-light);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=light][shape=circle] i{border-radius:50%}:host[theme=neutral] i{color:#fff;background:var(--color-neutral);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=neutral][shape=circle] i{border-radius:50%}:host[theme=dark] i{color:#fff;background:var(--color-dark);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=dark][shape=circle] i{border-radius:50%}:host[theme=orange] i{color:#fff;background:var(--color-orange);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=orange][shape=circle] i{border-radius:50%}:host[theme=navigation] i{color:#fff;background:var(--color-navigation);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navigation][shape=circle] i{border-radius:50%}:host[theme=skyBlue] i{color:#fff;background:var(--color-sky-blue);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=skyBlue][shape=circle] i{border-radius:50%}:host[theme=steel] i{color:#fff;background:var(--color-steel);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=steel][shape=circle] i{border-radius:50%}:host[theme=metal] i{color:#fff;background:var(--color-metal);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=metal][shape=circle] i{border-radius:50%}:host[theme=sand] i{color:#fff;background:var(--color-sand);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sand][shape=circle] i{border-radius:50%}:host[theme=silver] i{color:#fff;background:var(--color-silver);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=silver][shape=circle] i{border-radius:50%}:host[theme=stone] i{color:#fff;background:var(--color-stone);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=stone][shape=circle] i{border-radius:50%}:host[theme=ash] i{color:#fff;background:var(--color-ash);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ash][shape=circle] i{border-radius:50%}:host[theme=anonymous] i{color:#fff;background:var(--color-anonymous);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=anonymous][shape=circle] i{border-radius:50%}:host[theme=slate] i{color:#fff;background:var(--color-slate);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=slate][shape=circle] i{border-radius:50%}:host[theme=onyx] i{color:#fff;background:var(--color-onyx);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=onyx][shape=circle] i{border-radius:50%}:host[theme=charcoal] i{color:#fff;background:var(--color-charcoal);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=charcoal][shape=circle] i{border-radius:50%}:host[theme=moonlight] i{color:#fff;background:var(--color-moonlight);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=moonlight][shape=circle] i{border-radius:50%}:host[theme=midnight] i{color:#fff;background:var(--color-midnight);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=midnight][shape=circle] i{border-radius:50%}:host[theme=darkness] i{color:#fff;background:var(--color-darkness);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=darkness][shape=circle] i{border-radius:50%}:host[theme=navy] i{color:#fff;background:var(--color-navy);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=navy][shape=circle] i{border-radius:50%}:host[theme=aqua] i{color:#fff;background:var(--color-aqua);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=aqua][shape=circle] i{border-radius:50%}:host[theme=ocean] i{color:#fff;background:var(--color-ocean);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=ocean][shape=circle] i{border-radius:50%}:host[theme=mint] i{color:#fff;background:var(--color-mint);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mint][shape=circle] i{border-radius:50%}:host[theme=grass] i{color:#fff;background:var(--color-grass);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grass][shape=circle] i{border-radius:50%}:host[theme=sunflower] i{color:#fff;background:var(--color-sunflower);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sunflower][shape=circle] i{border-radius:50%}:host[theme=bittersweet] i{color:#fff;background:var(--color-bittersweet);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bittersweet][shape=circle] i{border-radius:50%}:host[theme=grapefruit] i{color:#fff;background:var(--color-grapefruit);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=grapefruit][shape=circle] i{border-radius:50%}:host[theme=carnation] i{color:#fff;background:var(--color-carnation);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=carnation][shape=circle] i{border-radius:50%}:host[theme=lavender] i{color:#fff;background:var(--color-lavender);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lavender][shape=circle] i{border-radius:50%}:host[theme=mountain] i{color:#fff;background:var(--color-mountain);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=mountain][shape=circle] i{border-radius:50%}:host[theme=info] i{color:#fff;background:var(--color-info);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=info][shape=circle] i{border-radius:50%}:host[theme=positive] i{color:#fff;background:var(--color-positive);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=positive][shape=circle] i{border-radius:50%}:host[theme=success] i{color:#fff;background:var(--color-success);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=success][shape=circle] i{border-radius:50%}:host[theme=negative] i{color:#fff;background:var(--color-negative);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=negative][shape=circle] i{border-radius:50%}:host[theme=danger] i{color:#fff;background:var(--color-danger);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=danger][shape=circle] i{border-radius:50%}:host[theme=error] i{color:#fff;background:var(--color-error);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=error][shape=circle] i{border-radius:50%}:host[theme=warning] i{color:#fff;background:var(--color-warning);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=warning][shape=circle] i{border-radius:50%}:host[theme=empty] i{color:#fff;background:var(--color-empty);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=empty][shape=circle] i{border-radius:50%}:host[theme=disabled] i{color:#fff;background:var(--color-disabled);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=disabled][shape=circle] i{border-radius:50%}:host[theme=background] i{color:#fff;background:var(--color-background);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=background][shape=circle] i{border-radius:50%}:host[theme=backgroundDark] i{color:#fff;background:var(--color-background-dark);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=backgroundDark][shape=circle] i{border-radius:50%}:host[theme=border] i{color:#fff;background:var(--color-border);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=border][shape=circle] i{border-radius:50%}:host[theme=border2] i{color:#fff;background:var(--color-border2);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=border2][shape=circle] i{border-radius:50%}:host[theme=text] i{color:#fff;background:var(--color-text);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=text][shape=circle] i{border-radius:50%}:host[theme=presentation] i{color:#fff;background:var(--color-presentation);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=presentation][shape=circle] i{border-radius:50%}:host[theme=bullhorn] i{color:#fff;background:var(--color-bullhorn);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=bullhorn][shape=circle] i{border-radius:50%}:host[theme=pulse] i{color:#fff;background:var(--color-pulse);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=pulse][shape=circle] i{border-radius:50%}:host[theme=fastFind] i{color:#fff;background:var(--color-fast-find);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=fastFind][shape=circle] i{border-radius:50%}:host[theme=toast] i{color:#fff;background:var(--color-toast);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=toast][shape=circle] i{border-radius:50%}:host[theme=company] i{color:#fff;background:var(--color-company);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=company][shape=circle] i{border-radius:50%}:host[theme=candidate] i{color:#fff;background:var(--color-candidate);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=candidate][shape=circle] i{border-radius:50%}:host[theme=lead] i{color:#fff;background:var(--color-lead);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=lead][shape=circle] i{border-radius:50%}:host[theme=contact] i{color:#fff;background:var(--color-contact);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contact][shape=circle] i{border-radius:50%}:host[theme=clientcontact] i{color:#fff;background:var(--color-clientcontact);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=clientcontact][shape=circle] i{border-radius:50%}:host[theme=opportunity] i{color:#fff;background:var(--color-opportunity);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=opportunity][shape=circle] i{border-radius:50%}:host[theme=job] i{color:#fff;background:var(--color-job);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=job][shape=circle] i{border-radius:50%}:host[theme=joborder] i{color:#fff;background:var(--color-joborder);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=joborder][shape=circle] i{border-radius:50%}:host[theme=submission] i{color:#fff;background:var(--color-submission);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=submission][shape=circle] i{border-radius:50%}:host[theme=sendout] i{color:#fff;background:var(--color-sendout);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=sendout][shape=circle] i{border-radius:50%}:host[theme=placement] i{color:#fff;background:var(--color-placement);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=placement][shape=circle] i{border-radius:50%}:host[theme=note] i{color:#fff;background:var(--color-note);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=note][shape=circle] i{border-radius:50%}:host[theme=contract] i{color:#fff;background:var(--color-contract);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=contract][shape=circle] i{border-radius:50%}:host[theme=task] i{color:#fff;background:var(--color-task);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=task][shape=circle] i{border-radius:50%}:host[theme=jobCode] i{color:#fff;background:var(--color-job-code);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=jobCode][shape=circle] i{border-radius:50%}:host[theme=earnCode] i{color:#fff;background:var(--color-earn-code);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=earnCode][shape=circle] i{border-radius:50%}:host[theme=invoiceStatement] i{color:#fff;background:var(--color-invoice-statement);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=invoiceStatement][shape=circle] i{border-radius:50%}:host[theme=billableCharge] i{color:#fff;background:var(--color-billable-charge);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=billableCharge][shape=circle] i{border-radius:50%}:host[theme=payableCharge] i{color:#fff;background:var(--color-payable-charge);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=payableCharge][shape=circle] i{border-radius:50%}:host[theme=user] i{color:#fff;background:var(--color-user);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=user][shape=circle] i{border-radius:50%}:host[theme=corporateUser] i{color:#fff;background:var(--color-corporate-user);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=corporateUser][shape=circle] i{border-radius:50%}:host[theme=distributionList] i{color:#fff;background:var(--color-distribution-list);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=distributionList][shape=circle] i{border-radius:50%}:host[theme=credential] i{color:#fff;background:var(--color-credential);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=credential][shape=circle] i{border-radius:50%}:host[theme=person] i{color:#fff;background:var(--color-person);border-radius:.3em;width:1.6em;height:1.6em}:host[theme=person][shape=circle] i{border-radius:50%}:host.novo-icon-raised i{box-shadow:2px 2px #0003}:host[shape=circle] i{border-radius:50%}:host.icon-size-smaller{font-size:1em}:host.icon-size-larger{font-size:1.4em}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { raised: [{
                 type: HostBinding,
                 args: ['class.novo-icon-raised']

package/fesm2022/novo-elements-elements-icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"novo-elements-elements-icon.mjs","sources":["../../../projects/novo-elements/src/elements/icon/Icon.ts","../../../projects/novo-elements/src/elements/icon/Icon.module.ts","../../../projects/novo-elements/src/elements/icon/novo-elements-elements-icon.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\nimport { TypographySize } from 'novo-elements/elements/common';\n\n@Component({\n selector: 'novo-icon',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <i [class]=\"iconName\"\n ><span (cdkObserveContent)=\"projectContentChanged($event)\"><ng-content></ng-content></span\n ></i>\n `,\n styleUrls: ['./Icon.scss'],\n host: {\n class: 'novo-icon',\n },\n standalone: false,\n})\nexport class NovoIconComponent implements AfterViewInit {\n @HostBinding('class.novo-icon-raised')\n @Input()\n public raised: boolean;\n\n @HostBinding('attr.theme')\n @Input()\n public theme: string;\n\n @HostBinding('attr.shape')\n @Input()\n public shape: string = 'box';\n\n @Input()\n public color: string;\n\n @HostBinding('attr.role')\n public role: string = 'img';\n\n @HostBinding('attr.aria-label')\n public ariaLabel: string;\n\n @Input()\n public size: TypographySize;\n\n @HostBinding('class.icon-size-smaller')\n @Input()\n @BooleanInput()\n public smaller: boolean;\n\n @HostBinding('class.icon-size-larger')\n @Input()\n @BooleanInput()\n public larger: boolean;\n\n @Input()\n set alt(value: string) {\n this.ariaLabel = value;\n }\n\n get alt(): string {\n return this.ariaLabel;\n }\n\n @Input()\n set name(iconName: string) {\n this.iconName = `bhi-${iconName}`;\n }\n\n get name(): string {\n return this.iconName;\n }\n\n @HostBinding('class')\n get hb_classBinding(): string {\n return [this.color ? `text-color-${this.color}` : null, this.size ? `text-size-${this.size}` : null].filter(Boolean).join(' ');\n }\n\n public iconName: string;\n\n constructor(public element: ElementRef, private cdr: ChangeDetectorRef) {}\n\n public ngAfterViewInit(): void {\n if (this.element.nativeElement.textContent.trim()) {\n Promise.resolve().then(() => {\n this.name = this.element.nativeElement.textContent.trim();\n this.cdr.markForCheck();\n });\n }\n }\n\n public projectContentChanged(record: MutationRecord) {\n this.name = this.element.nativeElement.textContent.trim();\n this.cdr.detectChanges();\n }\n}\n","import { ObserversModule } from '@angular/cdk/observers';\nimport { NgModule } from '@angular/core';\nimport { NovoIconComponent } from './Icon';\n\n@NgModule({\n imports: [ObserversModule],\n exports: [NovoIconComponent],\n declarations: [NovoIconComponent],\n})\nexport class NovoIconModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~46eAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AAmCM,UAAA,CAAA;AADN,IAAA,YAAY,EAAE;;AACS,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAKjB,UAAA,CAAA;AADN,IAAA,YAAY,EAAE;;AACQ,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;4FAjCZ,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAd7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,eAAA,EACJ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC;;;;GAIX,EAAA,IAAA,EAEO;AACF,wBAAA,KAAK,EAAE,WAAW;AACrB,qBAAA,EAAA,UAAA,EACW,KAAK,EAAA,MAAA,EAAA,CAAA,~~46eAAA~~,CAAA,EAAA;;sBAGlB,WAAW;uBAAC,wBAAwB;;sBACpC;;sBAGA,WAAW;uBAAC,YAAY;;sBACxB;;sBAGA,WAAW;uBAAC,YAAY;;sBACxB;;sBAGA;;sBAGA,WAAW;uBAAC,WAAW;;sBAGvB,WAAW;uBAAC,iBAAiB;;sBAG7B;;sBAGA,WAAW;uBAAC,yBAAyB;;sBACrC;;sBAIA,WAAW;uBAAC,wBAAwB;;sBACpC;;sBAIA;;sBASA;;sBASA,WAAW;uBAAC,OAAO;;;MC9DT,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,CAFV,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAFtB,eAAe,aACf,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAGhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJf,eAAe,CAAA,EAAA,CAAA,CAAA;;4FAId,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,YAAY,EAAE,CAAC,iBAAiB,CAAC;AAClC,iBAAA;;;ACRD;;AAEG;;;;"}
1	+ {"version":3,"file":"novo-elements-elements-icon.mjs","sources":["../../../projects/novo-elements/src/elements/icon/Icon.ts","../../../projects/novo-elements/src/elements/icon/Icon.module.ts","../../../projects/novo-elements/src/elements/icon/novo-elements-elements-icon.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\nimport { TypographySize } from 'novo-elements/elements/common';\n\n@Component({\n selector: 'novo-icon',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <i [class]=\"iconName\"\n ><span (cdkObserveContent)=\"projectContentChanged($event)\"><ng-content></ng-content></span\n ></i>\n `,\n styleUrls: ['./Icon.scss'],\n host: {\n class: 'novo-icon',\n },\n standalone: false,\n})\nexport class NovoIconComponent implements AfterViewInit {\n @HostBinding('class.novo-icon-raised')\n @Input()\n public raised: boolean;\n\n @HostBinding('attr.theme')\n @Input()\n public theme: string;\n\n @HostBinding('attr.shape')\n @Input()\n public shape: string = 'box';\n\n @Input()\n public color: string;\n\n @HostBinding('attr.role')\n public role: string = 'img';\n\n @HostBinding('attr.aria-label')\n public ariaLabel: string;\n\n @Input()\n public size: TypographySize;\n\n @HostBinding('class.icon-size-smaller')\n @Input()\n @BooleanInput()\n public smaller: boolean;\n\n @HostBinding('class.icon-size-larger')\n @Input()\n @BooleanInput()\n public larger: boolean;\n\n @Input()\n set alt(value: string) {\n this.ariaLabel = value;\n }\n\n get alt(): string {\n return this.ariaLabel;\n }\n\n @Input()\n set name(iconName: string) {\n this.iconName = `bhi-${iconName}`;\n }\n\n get name(): string {\n return this.iconName;\n }\n\n @HostBinding('class')\n get hb_classBinding(): string {\n return [this.color ? `text-color-${this.color}` : null, this.size ? `text-size-${this.size}` : null].filter(Boolean).join(' ');\n }\n\n public iconName: string;\n\n constructor(public element: ElementRef, private cdr: ChangeDetectorRef) {}\n\n public ngAfterViewInit(): void {\n if (this.element.nativeElement.textContent.trim()) {\n Promise.resolve().then(() => {\n this.name = this.element.nativeElement.textContent.trim();\n this.cdr.markForCheck();\n });\n }\n }\n\n public projectContentChanged(record: MutationRecord) {\n this.name = this.element.nativeElement.textContent.trim();\n this.cdr.detectChanges();\n }\n}\n","import { ObserversModule } from '@angular/cdk/observers';\nimport { NgModule } from '@angular/core';\nimport { NovoIconComponent } from './Icon';\n\n@NgModule({\n imports: [ObserversModule],\n exports: [NovoIconComponent],\n declarations: [NovoIconComponent],\n})\nexport class NovoIconModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/novo-elements-elements-layout.mjs CHANGED Viewed

@@ -1,9 +1,10 @@
+import * as i0 from '@angular/core';
+import { model, input, signal, computed, effect, HostBinding, HostListener, ViewEncapsulation, ChangeDetectionStrategy, Component, InjectionToken, Inject, EventEmitter, DOCUMENT, Output, Input, Optional, QueryList, ViewChild, ContentChild, ContentChildren, NgModule } from '@angular/core';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i1$2 from '@angular/cdk/bidi';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i1 from '@angular/cdk/overlay';
 import { CdkScrollable } from '@angular/cdk/overlay';
-import * as i0 from '@angular/core';
-import { InjectionToken, Inject, ViewEncapsulation, ChangeDetectionStrategy, Component, EventEmitter, DOCUMENT, HostListener, Output, HostBinding, Input, Optional, QueryList, ViewChild, ContentChild, ContentChildren, NgModule } from '@angular/core';
 import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
 import { Subject, fromEvent, merge } from 'rxjs';
 import { filter, map, mapTo, takeUntil, distinctUntilChanged, take, startWith, debounceTime } from 'rxjs/operators';
@@ -11,10 +12,90 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$1 from '@angular/cdk/a11y';
 import { hasModifierKey } from '@angular/cdk/keycodes';
 import * as i2 from '@angular/cdk/platform';
-import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
+/**
+ * Animation that grows/shrinks the panel width between its expanded and collapsed (icon-rail) sizes.
+ * Width is animated rather than transform because the panel shrinks in place rather than sliding away.
+ */
+const novoCollapsibleNavAnimations = {
+    expandCollapse: trigger('expandCollapse', [
+        state('expanded', style({ width: '{{ expandedWidth }}' }), { params: { expandedWidth: '18rem' } }),
+        state('collapsed', style({ width: '{{ collapsedWidth }}' }), { params: { collapsedWidth: '4rem' } }),
+        transition('expanded <=> collapsed', animate('300ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
+    ]),
+};
+/**
+ * A slide-out navigation panel that expands to a full-width panel or collapses to a narrow icon rail.
+ * Generic building block: consumers project their own header, body, and footer content.
+ */
+class NovoCollapsibleNavComponent {
+    constructor() {
+        /** Whether the panel is collapsed to the icon rail. Two-way bindable via `[(collapsed)]`. */
+        this.collapsed = model(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
+        /** Width of the panel when expanded. */
+        this.expandedWidth = input('18rem', ...(ngDevMode ? [{ debugName: "expandedWidth" }] : []));
+        /** Width of the panel when collapsed to the icon rail. */
+        this.collapsedWidth = input('4rem', ...(ngDevMode ? [{ debugName: "collapsedWidth" }] : []));
+        /** When true, hovering a collapsed panel temporarily expands it as an overlay without affecting layout. */
+        this.overlayOnHover = input(false, ...(ngDevMode ? [{ debugName: "overlayOnHover" }] : []));
+        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
+        this.effectiveCollapsed = computed(() => this.collapsed() && !(this.overlayOnHover() && this.isHovered()), ...(ngDevMode ? [{ debugName: "effectiveCollapsed" }] : []));
+        effect(() => {
+            if (this.collapsed()) {
+                this.isHovered.set(false);
+            }
+        });
+    }
+    onMouseEnter() {
+        this.isHovered.set(true);
+    }
+    onMouseLeave() {
+        this.isHovered.set(false);
+    }
+    get expandCollapseState() {
+        return {
+            value: this.effectiveCollapsed() ? 'collapsed' : 'expanded',
+            params: { expandedWidth: this.expandedWidth(), collapsedWidth: this.collapsedWidth() },
+        };
+    }
+    get isCollapsed() {
+        return this.effectiveCollapsed();
+    }
+    toggle() {
+        this.collapsed.update((collapsed) => !collapsed);
+    }
+    expand() {
+        this.collapsed.set(false);
+    }
+    collapse() {
+        this.collapsed.set(true);
+        this.isHovered.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCollapsibleNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: NovoCollapsibleNavComponent, isStandalone: false, selector: "novo-collapsible-nav", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, expandedWidth: { classPropertyName: "expandedWidth", publicName: "expandedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, overlayOnHover: { classPropertyName: "overlayOnHover", publicName: "overlayOnHover", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "@expandCollapse": "this.expandCollapseState", "class.novo-collapsible-nav-collapsed": "this.isCollapsed" }, classAttribute: "novo-collapsible-nav" }, exportAs: ["novoCollapsibleNav"], ngImport: i0, template: "<div class=\"novo-collapsible-nav-header\">\n  <ng-content select=\"[novo-collapsible-nav-header]\"></ng-content>\n</div>\n<div class=\"novo-collapsible-nav-body\">\n  <ng-content select=\"[novo-collapsible-nav-body]\"></ng-content>\n</div>\n<div class=\"novo-collapsible-nav-footer\">\n  <ng-content select=\"[novo-collapsible-nav-footer]\"></ng-content>\n</div>\n", styles: [".novo-collapsible-nav{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--background-bright)}.novo-collapsible-nav .novo-collapsible-nav-header{flex:0 0 auto}.novo-collapsible-nav .novo-collapsible-nav-body{flex:1 1 auto;overflow:hidden auto}.novo-collapsible-nav .novo-collapsible-nav-footer{flex:0 0 auto}\n"], animations: [novoCollapsibleNavAnimations.expandCollapse], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCollapsibleNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'novo-collapsible-nav', exportAs: 'novoCollapsibleNav', animations: [novoCollapsibleNavAnimations.expandCollapse], host: {
+                        class: 'novo-collapsible-nav',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"novo-collapsible-nav-header\">\n  <ng-content select=\"[novo-collapsible-nav-header]\"></ng-content>\n</div>\n<div class=\"novo-collapsible-nav-body\">\n  <ng-content select=\"[novo-collapsible-nav-body]\"></ng-content>\n</div>\n<div class=\"novo-collapsible-nav-footer\">\n  <ng-content select=\"[novo-collapsible-nav-footer]\"></ng-content>\n</div>\n", styles: [".novo-collapsible-nav{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--background-bright)}.novo-collapsible-nav .novo-collapsible-nav-header{flex:0 0 auto}.novo-collapsible-nav .novo-collapsible-nav-body{flex:1 1 auto;overflow:hidden auto}.novo-collapsible-nav .novo-collapsible-nav-footer{flex:0 0 auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], expandedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedWidth", required: false }] }], collapsedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedWidth", required: false }] }], overlayOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayOnHover", required: false }] }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], expandCollapseState: [{
+                type: HostBinding,
+                args: ['@expandCollapse']
+            }], isCollapsed: [{
+                type: HostBinding,
+                args: ['class.novo-collapsible-nav-collapsed']
+            }] } });
 /**
  * Throws an exception when two NovoSidenav are matching the same position.
  * @docs-private
@@ -436,7 +517,7 @@ class NovoSidenavComponent {
         this._animationEnd.next(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSidenavComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusTrapFactory }, { token: i1$1.FocusMonitor }, { token: i2.Platform }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }, { token: NOVO_LAYOUT_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoSidenavComponent, isStandalone: false, selector: "novo-sidenav", inputs: { fixedInViewport: "fixedInViewport", fixedTopGap: "fixedTopGap", fixedBottomGap: "fixedBottomGap", position: "position", mode: "mode", disableClose: "disableClose", autoFocus: "autoFocus", opened: "opened" }, outputs: { openedChange: "openedChange", _openedStream: "opened", openedStart: "openedStart", _closedStream: "closed", closedStart: "closedStart", onPositionChanged: "positionChanged" }, host: { attributes: { "tabIndex": "-1" }, listeners: { "@transform.start": "_animationStartListener($event)", "@transform.done": "_animationDoneListener($event)" }, properties: { "attr.align": "null", "class.novo-sidenav-end": "position === \"end\"", "class.novo-sidenav-over": "mode === \"over\"", "class.novo-sidenav-push": "mode === \"push\"", "class.novo-sidenav-side": "mode === \"side\"", "class.novo-sidenav-opened": "opened", "class.novo-sidenav-fixed": "fixedInViewport", "style.top.px": "fixedInViewport ? fixedTopGap : null", "style.bottom.px": "fixedInViewport ? fixedBottomGap : null", "@transform": "this._animationState" }, classAttribute: "novo-sidenav" }, exportAs: ["novoSidenav"], ngImport: i0, template: "<div class=\"novo-sidenav-inner-container\">\n  <ng-content></ng-content>\n</div>", styles: [".novo-sidenav-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.novo-sidenav-fixed{position:fixed}.novo-sidenav{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}.novo-sidenav[theme=black]{color:#fff;background:#000}.novo-sidenav[theme=white]{color:#3d464d;background:#fff}.novo-sidenav[theme=gray],.novo-sidenav[theme=grey]{color:#3d464d;background:#9e9e9e}.novo-sidenav[theme=offWhite],.novo-sidenav[theme=bright]{color:#3d464d;background:#f7f7f7}.novo-sidenav[theme=light]{color:#3d464d;background:#dbdbdb}.novo-sidenav[theme=neutral]{color:#fff;background:#4f5361}.novo-sidenav[theme=dark]{color:#fff;background:#3d464d}.novo-sidenav[theme=orange]{color:#3d464d;background:#ff6900}.novo-sidenav[theme=navigation]{color:#fff;background:#202945}.novo-sidenav[theme=skyBlue]{color:#fff;background:#009bdf}.novo-sidenav[theme=steel]{color:#fff;background:#5b6770}.novo-sidenav[theme=metal]{color:#fff;background:#637893}.novo-sidenav[theme=sand]{color:#3d464d;background:#f4f4f4}.novo-sidenav[theme=silver]{color:#3d464d;background:#e2e2e2}.novo-sidenav[theme=stone]{color:#3d464d;background:#bebebe}.novo-sidenav[theme=ash]{color:#3d464d;background:#a0a0a0}.novo-sidenav[theme=slate]{color:#fff;background:#707070}.novo-sidenav[theme=onyx]{color:#fff;background:#526980}.novo-sidenav[theme=charcoal]{color:#fff;background:#282828}.novo-sidenav[theme=moonlight]{color:#fff;background:#1a242f}.novo-sidenav[theme=midnight]{color:#fff;background:#202945}.novo-sidenav[theme=darkness]{color:#fff;background:#161f27}.novo-sidenav[theme=navy]{color:#fff;background:#0d2d42}.novo-sidenav[theme=aqua]{color:#3d464d;background:#3bafda}.novo-sidenav[theme=ocean]{color:#fff;background:#4a89dc}.novo-sidenav[theme=mint]{color:#3d464d;background:#37bc9b}.novo-sidenav[theme=grass]{color:#fff;background:#8cc152}.novo-sidenav[theme=sunflower]{color:#fff;background:#f6b042}.novo-sidenav[theme=bittersweet]{color:#fff;background:#eb6845}.novo-sidenav[theme=grapefruit]{color:#fff;background:#da4453}.novo-sidenav[theme=carnation]{color:#fff;background:#d770ad}.novo-sidenav[theme=lavender]{color:#fff;background:#967adc}.novo-sidenav[theme=mountain]{color:#fff;background:#9678b6}.novo-sidenav[theme=info],.novo-sidenav[theme=positive]{color:#fff;background:#4a89dc}.novo-sidenav[theme=success]{color:#fff;background:#8cc152}.novo-sidenav[theme=negative],.novo-sidenav[theme=danger],.novo-sidenav[theme=error]{color:#fff;background:#da4453}.novo-sidenav[theme=warning]{color:#fff;background:#f6b042}.novo-sidenav[theme=empty]{color:#3d464d;background:#cccdcc}.novo-sidenav[theme=disabled]{color:#3d464d;background:#bebebe}.novo-sidenav[theme=background]{color:#3d464d;background:#f7f7f7}.novo-sidenav[theme=backgroundDark]{color:#3d464d;background:#e2e2e2}.novo-sidenav[theme=presentation]{color:#fff;background:#5b6770}.novo-sidenav[theme=bullhorn]{color:#3d464d;background:#ff6900}.novo-sidenav[theme=pulse]{color:#3d464d;background:#3bafda}.novo-sidenav[theme=company]{color:#fff;background:#39d}.novo-sidenav[theme=candidate]{color:#fff;background:#4b7}.novo-sidenav[theme=lead]{color:#fff;background:#a69}.novo-sidenav[theme=contact],.novo-sidenav[theme=clientcontact]{color:#fff;background:#fa4}.novo-sidenav[theme=opportunity]{color:#fff;background:#625}.novo-sidenav[theme=job],.novo-sidenav[theme=joborder]{color:#fff;background:#b56}.novo-sidenav[theme=submission]{color:#3d464d;background:#a9adbb}.novo-sidenav[theme=sendout]{color:#fff;background:#747884}.novo-sidenav[theme=placement]{color:#fff;background:#0b344f}.novo-sidenav[theme=note]{color:#fff;background:#747884}.novo-sidenav[theme=contract]{color:#fff;background:#454ea0}.novo-sidenav[theme=task]{color:#fff;background:#4f5361}.novo-sidenav[theme=jobCode],.novo-sidenav[theme=earnCode],.novo-sidenav[theme=invoiceStatement],.novo-sidenav[theme=billableCharge],.novo-sidenav[theme=payableCharge],.novo-sidenav[theme=user],.novo-sidenav[theme=corporateUser],.novo-sidenav[theme=distributionList],.novo-sidenav[theme=credential],.novo-sidenav[theme=person]{color:#fff;background:#696d79}.novo-sidenav,[dir=rtl] .novo-sidenav.novo-sidenav-end{border-right:solid 1px var(--border)}[dir=rtl] .novo-sidenav,.novo-sidenav.novo-sidenav-end{border-left:solid 1px var(--border);border-right:none}.novo-sidenav.novo-sidenav-side{z-index:2}.novo-sidenav.novo-sidenav-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav{transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav.novo-sidenav-end{left:0;right:auto;transform:translate3d(-100%,0,0)}\n"], animations: [novoSidenavAnimations.transformDrawer], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoSidenavComponent, isStandalone: false, selector: "novo-sidenav", inputs: { fixedInViewport: "fixedInViewport", fixedTopGap: "fixedTopGap", fixedBottomGap: "fixedBottomGap", position: "position", mode: "mode", disableClose: "disableClose", autoFocus: "autoFocus", opened: "opened" }, outputs: { openedChange: "openedChange", _openedStream: "opened", openedStart: "openedStart", _closedStream: "closed", closedStart: "closedStart", onPositionChanged: "positionChanged" }, host: { attributes: { "tabIndex": "-1" }, listeners: { "@transform.start": "_animationStartListener($event)", "@transform.done": "_animationDoneListener($event)" }, properties: { "attr.align": "null", "class.novo-sidenav-end": "position === \"end\"", "class.novo-sidenav-over": "mode === \"over\"", "class.novo-sidenav-push": "mode === \"push\"", "class.novo-sidenav-side": "mode === \"side\"", "class.novo-sidenav-opened": "opened", "class.novo-sidenav-fixed": "fixedInViewport", "style.top.px": "fixedInViewport ? fixedTopGap : null", "style.bottom.px": "fixedInViewport ? fixedBottomGap : null", "@transform": "this._animationState" }, classAttribute: "novo-sidenav" }, exportAs: ["novoSidenav"], ngImport: i0, template: "<div class=\"novo-sidenav-inner-container\">\n  <ng-content></ng-content>\n</div>", styles: [".novo-sidenav-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.novo-sidenav-fixed{position:fixed}.novo-sidenav{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}.novo-sidenav[theme=border-default]{background:#dbdbdb}.novo-sidenav[theme=black]{color:var(--color-contrast-black);background:#000}.novo-sidenav[theme=white]{color:var(--color-contrast-white);background:#fff}.novo-sidenav[theme=gray]{color:var(--color-contrast-gray);background:#9e9e9e}.novo-sidenav[theme=grey]{color:var(--color-contrast-grey);background:#9e9e9e}.novo-sidenav[theme=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}.novo-sidenav[theme=bright]{color:var(--color-contrast-bright);background:#f7f7f7}.novo-sidenav[theme=light]{color:var(--color-contrast-light);background:#dbdbdb}.novo-sidenav[theme=neutral]{color:var(--color-contrast-neutral);background:#4f5361}.novo-sidenav[theme=dark]{color:var(--color-contrast-dark);background:#3d464d}.novo-sidenav[theme=orange]{color:var(--color-contrast-orange);background:#ff6900}.novo-sidenav[theme=navigation]{color:var(--color-contrast-navigation);background:#202945}.novo-sidenav[theme=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}.novo-sidenav[theme=steel]{color:var(--color-contrast-steel);background:#5b6770}.novo-sidenav[theme=metal]{color:var(--color-contrast-metal);background:#637893}.novo-sidenav[theme=sand]{color:var(--color-contrast-sand);background:#f4f4f4}.novo-sidenav[theme=silver]{color:var(--color-contrast-silver);background:#e2e2e2}.novo-sidenav[theme=stone]{color:var(--color-contrast-stone);background:#bebebe}.novo-sidenav[theme=ash]{color:var(--color-contrast-ash);background:#a0a0a0}.novo-sidenav[theme=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}.novo-sidenav[theme=slate]{color:var(--color-contrast-slate);background:#707070}.novo-sidenav[theme=onyx]{color:var(--color-contrast-onyx);background:#526980}.novo-sidenav[theme=charcoal]{color:var(--color-contrast-charcoal);background:#282828}.novo-sidenav[theme=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}.novo-sidenav[theme=midnight]{color:var(--color-contrast-midnight);background:#202945}.novo-sidenav[theme=darkness]{color:var(--color-contrast-darkness);background:#161f27}.novo-sidenav[theme=navy]{color:var(--color-contrast-navy);background:#0d2d42}.novo-sidenav[theme=aqua]{color:var(--color-contrast-aqua);background:#3bafda}.novo-sidenav[theme=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}.novo-sidenav[theme=mint]{color:var(--color-contrast-mint);background:#37bc9b}.novo-sidenav[theme=grass]{color:var(--color-contrast-grass);background:#8cc152}.novo-sidenav[theme=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}.novo-sidenav[theme=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}.novo-sidenav[theme=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}.novo-sidenav[theme=carnation]{color:var(--color-contrast-carnation);background:#d770ad}.novo-sidenav[theme=lavender]{color:var(--color-contrast-lavender);background:#967adc}.novo-sidenav[theme=mountain]{color:var(--color-contrast-mountain);background:#9678b6}.novo-sidenav[theme=info]{color:var(--color-contrast-info);background:#4a89dc}.novo-sidenav[theme=positive]{color:var(--color-contrast-positive);background:#4a89dc}.novo-sidenav[theme=success]{color:var(--color-contrast-success);background:#8cc152}.novo-sidenav[theme=negative]{color:var(--color-contrast-negative);background:#da4453}.novo-sidenav[theme=danger]{color:var(--color-contrast-danger);background:#da4453}.novo-sidenav[theme=error]{color:var(--color-contrast-error);background:#da4453}.novo-sidenav[theme=warning]{color:var(--color-contrast-warning);background:#f6b042}.novo-sidenav[theme=empty]{color:var(--color-contrast-empty);background:#cccdcc}.novo-sidenav[theme=disabled]{color:var(--color-contrast-disabled);background:#bebebe}.novo-sidenav[theme=background]{color:var(--color-contrast-background);background:#f7f7f7}.novo-sidenav[theme=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}.novo-sidenav[theme=border]{color:var(--color-contrast-border);background:#dbdbdb}.novo-sidenav[theme=border2]{color:var(--color-contrast-border2);background:#f7f7f7}.novo-sidenav[theme=text]{color:var(--color-contrast-text);background:#282828}.novo-sidenav[theme=presentation]{color:var(--color-contrast-presentation);background:#5b6770}.novo-sidenav[theme=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}.novo-sidenav[theme=pulse]{color:var(--color-contrast-pulse);background:#3bafda}.novo-sidenav[theme=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}.novo-sidenav[theme=toast]{color:var(--color-contrast-toast);background:#0d2d42}.novo-sidenav[theme=company]{color:var(--color-contrast-company);background:#39d}.novo-sidenav[theme=candidate]{color:var(--color-contrast-candidate);background:#4b7}.novo-sidenav[theme=lead]{color:var(--color-contrast-lead);background:#a69}.novo-sidenav[theme=contact]{color:var(--color-contrast-contact);background:#fa4}.novo-sidenav[theme=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}.novo-sidenav[theme=opportunity]{color:var(--color-contrast-opportunity);background:#625}.novo-sidenav[theme=job]{color:var(--color-contrast-job);background:#b56}.novo-sidenav[theme=joborder]{color:var(--color-contrast-joborder);background:#b56}.novo-sidenav[theme=submission]{color:var(--color-contrast-submission);background:#a9adbb}.novo-sidenav[theme=sendout]{color:var(--color-contrast-sendout);background:#747884}.novo-sidenav[theme=placement]{color:var(--color-contrast-placement);background:#0b344f}.novo-sidenav[theme=note]{color:var(--color-contrast-note);background:#747884}.novo-sidenav[theme=contract]{color:var(--color-contrast-contract);background:#454ea0}.novo-sidenav[theme=task]{color:var(--color-contrast-task);background:#4f5361}.novo-sidenav[theme=jobCode]{color:var(--color-contrast-job-code);background:#696d79}.novo-sidenav[theme=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}.novo-sidenav[theme=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}.novo-sidenav[theme=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}.novo-sidenav[theme=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}.novo-sidenav[theme=user]{color:var(--color-contrast-user);background:#696d79}.novo-sidenav[theme=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}.novo-sidenav[theme=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}.novo-sidenav[theme=credential]{color:var(--color-contrast-credential);background:#696d79}.novo-sidenav[theme=person]{color:var(--color-contrast-person);background:#696d79}.novo-sidenav,[dir=rtl] .novo-sidenav.novo-sidenav-end{border-right:solid 1px var(--border)}[dir=rtl] .novo-sidenav,.novo-sidenav.novo-sidenav-end{border-left:solid 1px var(--border);border-right:none}.novo-sidenav.novo-sidenav-side{z-index:2}.novo-sidenav.novo-sidenav-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav{transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav.novo-sidenav-end{left:0;right:auto;transform:translate3d(-100%,0,0)}\n"], animations: [novoSidenavAnimations.transformDrawer], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSidenavComponent, decorators: [{
             type: Component,
@@ -453,7 +534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         '[class.novo-sidenav-fixed]': 'fixedInViewport',
                         '[style.top.px]': 'fixedInViewport ? fixedTopGap : null',
                         '[style.bottom.px]': 'fixedInViewport ? fixedBottomGap : null',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"novo-sidenav-inner-container\">\n  <ng-content></ng-content>\n</div>", styles: [".novo-sidenav-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.novo-sidenav-fixed{position:fixed}.novo-sidenav{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}.novo-sidenav[theme=black]{color:#fff;background:#000}.novo-sidenav[theme=white]{color:#3d464d;background:#fff}.novo-sidenav[theme=gray],.novo-sidenav[theme=grey]{color:#3d464d;background:#9e9e9e}.novo-sidenav[theme=offWhite],.novo-sidenav[theme=bright]{color:#3d464d;background:#f7f7f7}.novo-sidenav[theme=light]{color:#3d464d;background:#dbdbdb}.novo-sidenav[theme=neutral]{color:#fff;background:#4f5361}.novo-sidenav[theme=dark]{color:#fff;background:#3d464d}.novo-sidenav[theme=orange]{color:#3d464d;background:#ff6900}.novo-sidenav[theme=navigation]{color:#fff;background:#202945}.novo-sidenav[theme=skyBlue]{color:#fff;background:#009bdf}.novo-sidenav[theme=steel]{color:#fff;background:#5b6770}.novo-sidenav[theme=metal]{color:#fff;background:#637893}.novo-sidenav[theme=sand]{color:#3d464d;background:#f4f4f4}.novo-sidenav[theme=silver]{color:#3d464d;background:#e2e2e2}.novo-sidenav[theme=stone]{color:#3d464d;background:#bebebe}.novo-sidenav[theme=ash]{color:#3d464d;background:#a0a0a0}.novo-sidenav[theme=slate]{color:#fff;background:#707070}.novo-sidenav[theme=onyx]{color:#fff;background:#526980}.novo-sidenav[theme=charcoal]{color:#fff;background:#282828}.novo-sidenav[theme=moonlight]{color:#fff;background:#1a242f}.novo-sidenav[theme=midnight]{color:#fff;background:#202945}.novo-sidenav[theme=darkness]{color:#fff;background:#161f27}.novo-sidenav[theme=navy]{color:#fff;background:#0d2d42}.novo-sidenav[theme=aqua]{color:#3d464d;background:#3bafda}.novo-sidenav[theme=ocean]{color:#fff;background:#4a89dc}.novo-sidenav[theme=mint]{color:#3d464d;background:#37bc9b}.novo-sidenav[theme=grass]{color:#fff;background:#8cc152}.novo-sidenav[theme=sunflower]{color:#fff;background:#f6b042}.novo-sidenav[theme=bittersweet]{color:#fff;background:#eb6845}.novo-sidenav[theme=grapefruit]{color:#fff;background:#da4453}.novo-sidenav[theme=carnation]{color:#fff;background:#d770ad}.novo-sidenav[theme=lavender]{color:#fff;background:#967adc}.novo-sidenav[theme=mountain]{color:#fff;background:#9678b6}.novo-sidenav[theme=info],.novo-sidenav[theme=positive]{color:#fff;background:#4a89dc}.novo-sidenav[theme=success]{color:#fff;background:#8cc152}.novo-sidenav[theme=negative],.novo-sidenav[theme=danger],.novo-sidenav[theme=error]{color:#fff;background:#da4453}.novo-sidenav[theme=warning]{color:#fff;background:#f6b042}.novo-sidenav[theme=empty]{color:#3d464d;background:#cccdcc}.novo-sidenav[theme=disabled]{color:#3d464d;background:#bebebe}.novo-sidenav[theme=background]{color:#3d464d;background:#f7f7f7}.novo-sidenav[theme=backgroundDark]{color:#3d464d;background:#e2e2e2}.novo-sidenav[theme=presentation]{color:#fff;background:#5b6770}.novo-sidenav[theme=bullhorn]{color:#3d464d;background:#ff6900}.novo-sidenav[theme=pulse]{color:#3d464d;background:#3bafda}.novo-sidenav[theme=company]{color:#fff;background:#39d}.novo-sidenav[theme=candidate]{color:#fff;background:#4b7}.novo-sidenav[theme=lead]{color:#fff;background:#a69}.novo-sidenav[theme=contact],.novo-sidenav[theme=clientcontact]{color:#fff;background:#fa4}.novo-sidenav[theme=opportunity]{color:#fff;background:#625}.novo-sidenav[theme=job],.novo-sidenav[theme=joborder]{color:#fff;background:#b56}.novo-sidenav[theme=submission]{color:#3d464d;background:#a9adbb}.novo-sidenav[theme=sendout]{color:#fff;background:#747884}.novo-sidenav[theme=placement]{color:#fff;background:#0b344f}.novo-sidenav[theme=note]{color:#fff;background:#747884}.novo-sidenav[theme=contract]{color:#fff;background:#454ea0}.novo-sidenav[theme=task]{color:#fff;background:#4f5361}.novo-sidenav[theme=jobCode],.novo-sidenav[theme=earnCode],.novo-sidenav[theme=invoiceStatement],.novo-sidenav[theme=billableCharge],.novo-sidenav[theme=payableCharge],.novo-sidenav[theme=user],.novo-sidenav[theme=corporateUser],.novo-sidenav[theme=distributionList],.novo-sidenav[theme=credential],.novo-sidenav[theme=person]{color:#fff;background:#696d79}.novo-sidenav,[dir=rtl] .novo-sidenav.novo-sidenav-end{border-right:solid 1px var(--border)}[dir=rtl] .novo-sidenav,.novo-sidenav.novo-sidenav-end{border-left:solid 1px var(--border);border-right:none}.novo-sidenav.novo-sidenav-side{z-index:2}.novo-sidenav.novo-sidenav-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav{transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav.novo-sidenav-end{left:0;right:auto;transform:translate3d(-100%,0,0)}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"novo-sidenav-inner-container\">\n  <ng-content></ng-content>\n</div>", styles: [".novo-sidenav-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.novo-sidenav-fixed{position:fixed}.novo-sidenav{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}.novo-sidenav[theme=border-default]{background:#dbdbdb}.novo-sidenav[theme=black]{color:var(--color-contrast-black);background:#000}.novo-sidenav[theme=white]{color:var(--color-contrast-white);background:#fff}.novo-sidenav[theme=gray]{color:var(--color-contrast-gray);background:#9e9e9e}.novo-sidenav[theme=grey]{color:var(--color-contrast-grey);background:#9e9e9e}.novo-sidenav[theme=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}.novo-sidenav[theme=bright]{color:var(--color-contrast-bright);background:#f7f7f7}.novo-sidenav[theme=light]{color:var(--color-contrast-light);background:#dbdbdb}.novo-sidenav[theme=neutral]{color:var(--color-contrast-neutral);background:#4f5361}.novo-sidenav[theme=dark]{color:var(--color-contrast-dark);background:#3d464d}.novo-sidenav[theme=orange]{color:var(--color-contrast-orange);background:#ff6900}.novo-sidenav[theme=navigation]{color:var(--color-contrast-navigation);background:#202945}.novo-sidenav[theme=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}.novo-sidenav[theme=steel]{color:var(--color-contrast-steel);background:#5b6770}.novo-sidenav[theme=metal]{color:var(--color-contrast-metal);background:#637893}.novo-sidenav[theme=sand]{color:var(--color-contrast-sand);background:#f4f4f4}.novo-sidenav[theme=silver]{color:var(--color-contrast-silver);background:#e2e2e2}.novo-sidenav[theme=stone]{color:var(--color-contrast-stone);background:#bebebe}.novo-sidenav[theme=ash]{color:var(--color-contrast-ash);background:#a0a0a0}.novo-sidenav[theme=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}.novo-sidenav[theme=slate]{color:var(--color-contrast-slate);background:#707070}.novo-sidenav[theme=onyx]{color:var(--color-contrast-onyx);background:#526980}.novo-sidenav[theme=charcoal]{color:var(--color-contrast-charcoal);background:#282828}.novo-sidenav[theme=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}.novo-sidenav[theme=midnight]{color:var(--color-contrast-midnight);background:#202945}.novo-sidenav[theme=darkness]{color:var(--color-contrast-darkness);background:#161f27}.novo-sidenav[theme=navy]{color:var(--color-contrast-navy);background:#0d2d42}.novo-sidenav[theme=aqua]{color:var(--color-contrast-aqua);background:#3bafda}.novo-sidenav[theme=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}.novo-sidenav[theme=mint]{color:var(--color-contrast-mint);background:#37bc9b}.novo-sidenav[theme=grass]{color:var(--color-contrast-grass);background:#8cc152}.novo-sidenav[theme=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}.novo-sidenav[theme=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}.novo-sidenav[theme=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}.novo-sidenav[theme=carnation]{color:var(--color-contrast-carnation);background:#d770ad}.novo-sidenav[theme=lavender]{color:var(--color-contrast-lavender);background:#967adc}.novo-sidenav[theme=mountain]{color:var(--color-contrast-mountain);background:#9678b6}.novo-sidenav[theme=info]{color:var(--color-contrast-info);background:#4a89dc}.novo-sidenav[theme=positive]{color:var(--color-contrast-positive);background:#4a89dc}.novo-sidenav[theme=success]{color:var(--color-contrast-success);background:#8cc152}.novo-sidenav[theme=negative]{color:var(--color-contrast-negative);background:#da4453}.novo-sidenav[theme=danger]{color:var(--color-contrast-danger);background:#da4453}.novo-sidenav[theme=error]{color:var(--color-contrast-error);background:#da4453}.novo-sidenav[theme=warning]{color:var(--color-contrast-warning);background:#f6b042}.novo-sidenav[theme=empty]{color:var(--color-contrast-empty);background:#cccdcc}.novo-sidenav[theme=disabled]{color:var(--color-contrast-disabled);background:#bebebe}.novo-sidenav[theme=background]{color:var(--color-contrast-background);background:#f7f7f7}.novo-sidenav[theme=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}.novo-sidenav[theme=border]{color:var(--color-contrast-border);background:#dbdbdb}.novo-sidenav[theme=border2]{color:var(--color-contrast-border2);background:#f7f7f7}.novo-sidenav[theme=text]{color:var(--color-contrast-text);background:#282828}.novo-sidenav[theme=presentation]{color:var(--color-contrast-presentation);background:#5b6770}.novo-sidenav[theme=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}.novo-sidenav[theme=pulse]{color:var(--color-contrast-pulse);background:#3bafda}.novo-sidenav[theme=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}.novo-sidenav[theme=toast]{color:var(--color-contrast-toast);background:#0d2d42}.novo-sidenav[theme=company]{color:var(--color-contrast-company);background:#39d}.novo-sidenav[theme=candidate]{color:var(--color-contrast-candidate);background:#4b7}.novo-sidenav[theme=lead]{color:var(--color-contrast-lead);background:#a69}.novo-sidenav[theme=contact]{color:var(--color-contrast-contact);background:#fa4}.novo-sidenav[theme=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}.novo-sidenav[theme=opportunity]{color:var(--color-contrast-opportunity);background:#625}.novo-sidenav[theme=job]{color:var(--color-contrast-job);background:#b56}.novo-sidenav[theme=joborder]{color:var(--color-contrast-joborder);background:#b56}.novo-sidenav[theme=submission]{color:var(--color-contrast-submission);background:#a9adbb}.novo-sidenav[theme=sendout]{color:var(--color-contrast-sendout);background:#747884}.novo-sidenav[theme=placement]{color:var(--color-contrast-placement);background:#0b344f}.novo-sidenav[theme=note]{color:var(--color-contrast-note);background:#747884}.novo-sidenav[theme=contract]{color:var(--color-contrast-contract);background:#454ea0}.novo-sidenav[theme=task]{color:var(--color-contrast-task);background:#4f5361}.novo-sidenav[theme=jobCode]{color:var(--color-contrast-job-code);background:#696d79}.novo-sidenav[theme=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}.novo-sidenav[theme=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}.novo-sidenav[theme=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}.novo-sidenav[theme=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}.novo-sidenav[theme=user]{color:var(--color-contrast-user);background:#696d79}.novo-sidenav[theme=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}.novo-sidenav[theme=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}.novo-sidenav[theme=credential]{color:var(--color-contrast-credential);background:#696d79}.novo-sidenav[theme=person]{color:var(--color-contrast-person);background:#696d79}.novo-sidenav,[dir=rtl] .novo-sidenav.novo-sidenav-end{border-right:solid 1px var(--border)}[dir=rtl] .novo-sidenav,.novo-sidenav.novo-sidenav-end{border-left:solid 1px var(--border);border-right:none}.novo-sidenav.novo-sidenav-side{z-index:2}.novo-sidenav.novo-sidenav-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav{transform:translate3d(100%,0,0)}[dir=rtl] .novo-sidenav.novo-sidenav-end{left:0;right:auto;transform:translate3d(-100%,0,0)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.FocusTrapFactory }, { type: i1$1.FocusMonitor }, { type: i2.Platform }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -845,15 +926,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 // NG2
 class NovoLayoutModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoLayoutModule, declarations: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent], imports: [CommonModule], exports: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoLayoutModule, declarations: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent, NovoCollapsibleNavComponent], imports: [CommonModule], exports: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent, NovoCollapsibleNavComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoLayoutModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
-                    declarations: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent],
-                    exports: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent],
+                    declarations: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent, NovoCollapsibleNavComponent],
+                    exports: [NovoLayoutContainer, NovoLayoutContent, NovoSidenavComponent, NovoRailComponent, NovoCollapsibleNavComponent],
                 }]
         }] });
@@ -861,5 +942,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { NOVO_LAYOUT_CONTAINER, NOVO_LAYOUT_DEFAULT_AUTOSIZE, NOVO_LAYOUT_DEFAULT_AUTOSIZE_FACTORY, NovoLayoutContainer, NovoLayoutContent, NovoLayoutModule, NovoRailComponent, NovoSidenavComponent, throwNovoDuplicatedSidenavError };
+export { NOVO_LAYOUT_CONTAINER, NOVO_LAYOUT_DEFAULT_AUTOSIZE, NOVO_LAYOUT_DEFAULT_AUTOSIZE_FACTORY, NovoCollapsibleNavComponent, NovoLayoutContainer, NovoLayoutContent, NovoLayoutModule, NovoRailComponent, NovoSidenavComponent, throwNovoDuplicatedSidenavError };
 //# sourceMappingURL=novo-elements-elements-layout.mjs.map