npm - novo-elements - Versions diffs - 8.0.1 → 8.1.0-next.2 - Mend

novo-elements 8.0.1 → 8.1.0-next.2

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 (211) hide show

package/fesm2015/novo-elements-elements-tabs.mjs CHANGED Viewed

@@ -97,17 +97,14 @@ class NovoNavElement {
     }
 }
 NovoNavElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NovoNavElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavElement, selector: "novo-nav", inputs: { theme: "theme", direction: "direction", outlet: "outlet", router: "router", condensed: "condensed", selectedIndex: "selectedIndex" }, outputs: { selectedIndexChange: "selectedIndexChange" }, host: { properties: { "class.condensed": "this.condensed" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+NovoNavElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavElement, selector: "novo-nav", inputs: { theme: "theme", direction: "direction", outlet: "outlet", router: "router", condensed: "condensed", selectedIndex: "selectedIndex" }, outputs: { selectedIndexChange: "selectedIndexChange" }, host: { properties: { "class.condensed": "this.condensed" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{padding:0;list-style:none;display:flex;align-items:center;justify-content:flex-start;margin:0}:host[type=button-bar]{display:inline-flex;border-radius:3px;border:2px solid #fff}:host[theme=neutral],:host[theme=color]{background:rgba(0,0,0,.2)}:host[theme=neutral][type=button-bar],:host[theme=color][type=button-bar]{border:2px solid #fff}:host[theme=white]{background-color:#fff}:host[theme=white][direction=vertical]{background:transparent}:host[theme=white][type=button-bar]{border:2px solid #dbdbdb}:host[direction=vertical]{flex-direction:column;width:auto}\n"] });
 __decorate([
     BooleanInput(),
     __metadata("design:type", Boolean)
 ], NovoNavElement.prototype, "condensed", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-nav',
-                    template: '<ng-content></ng-content>',
-                }]
+            args: [{ selector: 'novo-nav', template: '<ng-content></ng-content>', styles: [":host{padding:0;list-style:none;display:flex;align-items:center;justify-content:flex-start;margin:0}:host[type=button-bar]{display:inline-flex;border-radius:3px;border:2px solid #fff}:host[theme=neutral],:host[theme=color]{background:rgba(0,0,0,.2)}:host[theme=neutral][type=button-bar],:host[theme=color][type=button-bar]{border:2px solid #fff}:host[theme=white]{background-color:#fff}:host[theme=white][direction=vertical]{background:transparent}:host[theme=white][type=button-bar]{border:2px solid #dbdbdb}:host[direction=vertical]{flex-direction:column;width:auto}\n"] }]
         }], propDecorators: { theme: [{
                 type: Input
             }], direction: [{
@@ -162,29 +159,24 @@ NovoTabElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
       <ng-content></ng-content>
     </div>
     <span class="indicator"></span>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative}:host[color=black]{color:#000}:host[color=black] i{color:#000}:host[color=white]{color:#fff}:host[color=white] i{color:#fff}:host[color=gray]{color:#9e9e9e}:host[color=gray] i{color:#9e9e9e}:host[color=grey]{color:#9e9e9e}:host[color=grey] i{color:#9e9e9e}:host[color=offWhite]{color:#f7f7f7}:host[color=offWhite] i{color:#f7f7f7}:host[color=bright]{color:#f7f7f7}:host[color=bright] i{color:#f7f7f7}:host[color=light]{color:#dbdbdb}:host[color=light] i{color:#dbdbdb}:host[color=neutral]{color:#4f5361}:host[color=neutral] i{color:#4f5361}:host[color=dark]{color:#3d464d}:host[color=dark] i{color:#3d464d}:host[color=orange]{color:#ff6900}:host[color=orange] i{color:#ff6900}:host[color=navigation]{color:#202945}:host[color=navigation] i{color:#202945}:host[color=skyBlue]{color:#009bdf}:host[color=skyBlue] i{color:#009bdf}:host[color=steel]{color:#5b6770}:host[color=steel] i{color:#5b6770}:host[color=metal]{color:#637893}:host[color=metal] i{color:#637893}:host[color=sand]{color:#f4f4f4}:host[color=sand] i{color:#f4f4f4}:host[color=silver]{color:#e2e2e2}:host[color=silver] i{color:#e2e2e2}:host[color=stone]{color:#bebebe}:host[color=stone] i{color:#bebebe}:host[color=ash]{color:#a0a0a0}:host[color=ash] i{color:#a0a0a0}:host[color=slate]{color:#707070}:host[color=slate] i{color:#707070}:host[color=onyx]{color:#526980}:host[color=onyx] i{color:#526980}:host[color=charcoal]{color:#282828}:host[color=charcoal] i{color:#282828}:host[color=moonlight]{color:#1a242f}:host[color=moonlight] i{color:#1a242f}:host[color=midnight]{color:#202945}:host[color=midnight] i{color:#202945}:host[color=darkness]{color:#161f27}:host[color=darkness] i{color:#161f27}:host[color=navy]{color:#0d2d42}:host[color=navy] i{color:#0d2d42}:host[color=aqua]{color:#3bafda}:host[color=aqua] i{color:#3bafda}:host[color=ocean]{color:#4a89dc}:host[color=ocean] i{color:#4a89dc}:host[color=mint]{color:#37bc9b}:host[color=mint] i{color:#37bc9b}:host[color=grass]{color:#8cc152}:host[color=grass] i{color:#8cc152}:host[color=sunflower]{color:#f6b042}:host[color=sunflower] i{color:#f6b042}:host[color=bittersweet]{color:#eb6845}:host[color=bittersweet] i{color:#eb6845}:host[color=grapefruit]{color:#da4453}:host[color=grapefruit] i{color:#da4453}:host[color=carnation]{color:#d770ad}:host[color=carnation] i{color:#d770ad}:host[color=lavender]{color:#967adc}:host[color=lavender] i{color:#967adc}:host[color=mountain]{color:#9678b6}:host[color=mountain] i{color:#9678b6}:host[color=info]{color:#4a89dc}:host[color=info] i{color:#4a89dc}:host[color=positive]{color:#4a89dc}:host[color=positive] i{color:#4a89dc}:host[color=success]{color:#8cc152}:host[color=success] i{color:#8cc152}:host[color=negative]{color:#da4453}:host[color=negative] i{color:#da4453}:host[color=danger]{color:#da4453}:host[color=danger] i{color:#da4453}:host[color=error]{color:#da4453}:host[color=error] i{color:#da4453}:host[color=warning]{color:#f6b042}:host[color=warning] i{color:#f6b042}:host[color=empty]{color:#cccdcc}:host[color=empty] i{color:#cccdcc}:host[color=disabled]{color:#bebebe}:host[color=disabled] i{color:#bebebe}:host[color=background]{color:#f7f7f7}:host[color=background] i{color:#f7f7f7}:host[color=backgroundDark]{color:#e2e2e2}:host[color=backgroundDark] i{color:#e2e2e2}:host[color=presentation]{color:#5b6770}:host[color=presentation] i{color:#5b6770}:host[color=bullhorn]{color:#ff6900}:host[color=bullhorn] i{color:#ff6900}:host[color=pulse]{color:#3bafda}:host[color=pulse] i{color:#3bafda}:host[color=company]{color:#39d}:host[color=company] i{color:#39d}:host[color=candidate]{color:#4b7}:host[color=candidate] i{color:#4b7}:host[color=lead]{color:#a69}:host[color=lead] i{color:#a69}:host[color=contact]{color:#fa4}:host[color=contact] i{color:#fa4}:host[color=clientcontact]{color:#fa4}:host[color=clientcontact] i{color:#fa4}:host[color=opportunity]{color:#625}:host[color=opportunity] i{color:#625}:host[color=job]{color:#b56}:host[color=job] i{color:#b56}:host[color=joborder]{color:#b56}:host[color=joborder] i{color:#b56}:host[color=submission]{color:#a9adbb}:host[color=submission] i{color:#a9adbb}:host[color=sendout]{color:#747884}:host[color=sendout] i{color:#747884}:host[color=placement]{color:#0b344f}:host[color=placement] i{color:#0b344f}:host[color=note]{color:#747884}:host[color=note] i{color:#747884}:host[color=contract]{color:#454ea0}:host[color=contract] i{color:#454ea0}:host[color=jobCode]{color:#696d79}:host[color=jobCode] i{color:#696d79}:host[color=earnCode]{color:#696d79}:host[color=earnCode] i{color:#696d79}:host[color=invoiceStatement]{color:#696d79}:host[color=invoiceStatement] i{color:#696d79}:host[color=billableCharge]{color:#696d79}:host[color=billableCharge] i{color:#696d79}:host[color=payableCharge]{color:#696d79}:host[color=payableCharge] i{color:#696d79}:host[color=user]{color:#696d79}:host[color=user] i{color:#696d79}:host[color=corporateUser]{color:#696d79}:host[color=corporateUser] i{color:#696d79}:host[color=distributionList]{color:#696d79}:host[color=distributionList] i{color:#696d79}:host[color=credential]{color:#696d79}:host[color=credential] i{color:#696d79}:host[color=person]{color:#696d79}:host[color=person] i{color:#696d79}:host.disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host.disabled:hover .novo-tab-link{opacity:.5}:host .novo-tab-link{font-weight:500;word-break:word-break;overflow-wrap:break-word;line-height:1.375;color:var(--text-muted);font-size:var(--font-size-label);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;font-size:var(--font-size-tab);padding:1rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase}:host .novo-tab-link.text-capitalize{text-transform:capitalize}:host .novo-tab-link.text-uppercase{text-transform:uppercase}:host .novo-tab-link.text-nowrap{white-space:nowrap}:host .novo-tab-link.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-tab-link.text-size-default{font-size:inherit}:host .novo-tab-link.text-size-body{font-size:1.3rem}:host .novo-tab-link.text-size-xs{font-size:1rem}:host .novo-tab-link.text-size-sm{font-size:1.2rem}:host .novo-tab-link.text-size-md{font-size:1.3rem}:host .novo-tab-link.text-size-lg{font-size:1.6rem}:host .novo-tab-link.text-size-xl{font-size:2rem}:host .novo-tab-link.text-size-2xl{font-size:2.6rem}:host .novo-tab-link.text-size-3xl{font-size:3.2rem}:host .novo-tab-link.text-size-smaller{font-size:.8em}:host .novo-tab-link.text-size-larger{font-size:1.2em}:host .novo-tab-link.text-color-black{color:#000}:host .novo-tab-link.text-color-white{color:#fff}:host .novo-tab-link.text-color-gray{color:#9e9e9e}:host .novo-tab-link.text-color-grey{color:#9e9e9e}:host .novo-tab-link.text-color-offWhite{color:#f7f7f7}:host .novo-tab-link.text-color-bright{color:#f7f7f7}:host .novo-tab-link.text-color-light{color:#dbdbdb}:host .novo-tab-link.text-color-neutral{color:#4f5361}:host .novo-tab-link.text-color-dark{color:#3d464d}:host .novo-tab-link.text-color-orange{color:#ff6900}:host .novo-tab-link.text-color-navigation{color:#202945}:host .novo-tab-link.text-color-skyBlue{color:#009bdf}:host .novo-tab-link.text-color-steel{color:#5b6770}:host .novo-tab-link.text-color-metal{color:#637893}:host .novo-tab-link.text-color-sand{color:#f4f4f4}:host .novo-tab-link.text-color-silver{color:#e2e2e2}:host .novo-tab-link.text-color-stone{color:#bebebe}:host .novo-tab-link.text-color-ash{color:#a0a0a0}:host .novo-tab-link.text-color-slate{color:#707070}:host .novo-tab-link.text-color-onyx{color:#526980}:host .novo-tab-link.text-color-charcoal{color:#282828}:host .novo-tab-link.text-color-moonlight{color:#1a242f}:host .novo-tab-link.text-color-midnight{color:#202945}:host .novo-tab-link.text-color-darkness{color:#161f27}:host .novo-tab-link.text-color-navy{color:#0d2d42}:host .novo-tab-link.text-color-aqua{color:#3bafda}:host .novo-tab-link.text-color-ocean{color:#4a89dc}:host .novo-tab-link.text-color-mint{color:#37bc9b}:host .novo-tab-link.text-color-grass{color:#8cc152}:host .novo-tab-link.text-color-sunflower{color:#f6b042}:host .novo-tab-link.text-color-bittersweet{color:#eb6845}:host .novo-tab-link.text-color-grapefruit{color:#da4453}:host .novo-tab-link.text-color-carnation{color:#d770ad}:host .novo-tab-link.text-color-lavender{color:#967adc}:host .novo-tab-link.text-color-mountain{color:#9678b6}:host .novo-tab-link.text-color-info{color:#4a89dc}:host .novo-tab-link.text-color-positive{color:#4a89dc}:host .novo-tab-link.text-color-success{color:#8cc152}:host .novo-tab-link.text-color-negative{color:#da4453}:host .novo-tab-link.text-color-danger{color:#da4453}:host .novo-tab-link.text-color-error{color:#da4453}:host .novo-tab-link.text-color-warning{color:#f6b042}:host .novo-tab-link.text-color-empty{color:#cccdcc}:host .novo-tab-link.text-color-disabled{color:#bebebe}:host .novo-tab-link.text-color-background{color:#f7f7f7}:host .novo-tab-link.text-color-backgroundDark{color:#e2e2e2}:host .novo-tab-link.text-color-presentation{color:#5b6770}:host .novo-tab-link.text-color-bullhorn{color:#ff6900}:host .novo-tab-link.text-color-pulse{color:#3bafda}:host .novo-tab-link.text-color-company{color:#39d}:host .novo-tab-link.text-color-candidate{color:#4b7}:host .novo-tab-link.text-color-lead{color:#a69}:host .novo-tab-link.text-color-contact{color:#fa4}:host .novo-tab-link.text-color-clientcontact{color:#fa4}:host .novo-tab-link.text-color-opportunity{color:#625}:host .novo-tab-link.text-color-job{color:#b56}:host .novo-tab-link.text-color-joborder{color:#b56}:host .novo-tab-link.text-color-submission{color:#a9adbb}:host .novo-tab-link.text-color-sendout{color:#747884}:host .novo-tab-link.text-color-placement{color:#0b344f}:host .novo-tab-link.text-color-note{color:#747884}:host .novo-tab-link.text-color-contract{color:#454ea0}:host .novo-tab-link.text-color-jobCode{color:#696d79}:host .novo-tab-link.text-color-earnCode{color:#696d79}:host .novo-tab-link.text-color-invoiceStatement{color:#696d79}:host .novo-tab-link.text-color-billableCharge{color:#696d79}:host .novo-tab-link.text-color-payableCharge{color:#696d79}:host .novo-tab-link.text-color-user{color:#696d79}:host .novo-tab-link.text-color-corporateUser{color:#696d79}:host .novo-tab-link.text-color-distributionList{color:#696d79}:host .novo-tab-link.text-color-credential{color:#696d79}:host .novo-tab-link.text-color-person{color:#696d79}:host .novo-tab-link.margin-before{margin-top:.4rem}:host .novo-tab-link.margin-after{margin-bottom:.8rem}:host .novo-tab-link.text-length-small{max-width:40ch}:host .novo-tab-link.text-length-medium{max-width:55ch}:host .novo-tab-link.text-length-large{max-width:70ch}:host .novo-tab-link.text-weight-hairline{font-weight:100}:host .novo-tab-link.text-weight-thin{font-weight:200}:host .novo-tab-link.text-weight-light{font-weight:300}:host .novo-tab-link.text-weight-normal{font-weight:400}:host .novo-tab-link.text-weight-medium{font-weight:500}:host .novo-tab-link.text-weight-semibold{font-weight:600}:host .novo-tab-link.text-weight-bold{font-weight:700}:host .novo-tab-link.text-weight-extrabold{font-weight:800}:host .novo-tab-link.text-weight-heavy{font-weight:900}:host .novo-tab-link.text-weight-lighter{font-weight:lighter}:host .novo-tab-link.text-weight-bolder{font-weight:bolder}:host .novo-tab-link:focus{outline:none}:host .indicator{position:absolute;bottom:0;width:0;height:3px;display:block;background:transparent;transition:all .22s ease-in-out}:host.active .novo-tab-link,:host.router-link-active .novo-tab-link{opacity:1;font-weight:500}:host.active .indicator,:host.router-link-active .indicator{background:var(--focus);width:100%}:host:hover .novo-tab-link{opacity:1}:host:focus{outline:none}:host-context(novo-nav[direction=vertical]){display:flex;width:100%;flex-direction:row;align-items:center;min-width:12rem;justify-content:space-between;transition:all .12s ease-in-out}:host-context(novo-nav[direction=vertical]) .novo-tab-link{order:2;flex:1;width:100%;display:flex;flex-flow:row nowrap;gap:.25rem;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}:host-context(novo-nav[direction=vertical]) .indicator{order:1;width:4px;height:0;display:block;background:transparent;transition:all .22s ease-in-out}:host-context(novo-nav[direction=vertical]).active,:host-context(novo-nav[direction=vertical]).router-link-active{background:rgba(0,0,0,.05)}:host-context(novo-nav[direction=vertical]).active .novo-tab-link,:host-context(novo-nav[direction=vertical]).router-link-active .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).active .indicator,:host-context(novo-nav[direction=vertical]).router-link-active .indicator{height:100%;top:0;bottom:0}:host-context(novo-nav[direction=vertical]):hover .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[direction=vertical]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav[theme=white]){height:auto}:host-context(novo-nav[theme=white]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=white]).disabled:hover .novo-tab-link{opacity:.5;font-weight:400}:host-context(novo-nav[theme=white]) .novo-tab-link{color:var(--text-main);opacity:.75}:host-context(novo-nav[theme=white]).active,:host-context(novo-nav[theme=white]).router-link-active{color:var(--selection)}:host-context(novo-nav[theme=white]).active .novo-tab-link,:host-context(novo-nav[theme=white]).router-link-active .novo-tab-link{color:var(--selection);opacity:1}:host-context(novo-nav[theme=white]).active .indicator,:host-context(novo-nav[theme=white]).router-link-active .indicator{background:currentColor}:host-context(novo-nav[theme=white]):hover .novo-tab-link{font-weight:500}:host-context(novo-nav[theme=color]) .novo-tab-link,:host-context(novo-nav[theme=neutral]) .novo-tab-link{color:#fff}:host-context(novo-nav[theme=color]).active .indicator,:host-context(novo-nav[theme=color]).router-link-active .indicator,:host-context(novo-nav[theme=neutral]).active .indicator,:host-context(novo-nav[theme=neutral]).router-link-active .indicator{background:#fff}:host-context(novo-nav[theme=color]).disabled .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=color]).disabled:hover .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav.condensed){font-size:1rem}:host-context(novo-nav.condensed) .novo-tab-link{padding:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     BooleanInput(),
     __metadata("design:type", Boolean)
 ], NovoTabElement.prototype, "disabled", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoTabElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-tab',
-                    host: {
+            args: [{ selector: 'novo-tab', host: {
                         '(click)': 'select()',
                         '[class.active]': 'active',
                         '[class.disabled]': 'disabled',
                         '[attr.role]': 'tab',
-                    },
-                    template: `
+                    }, template: `
     <div #tablink class="novo-tab-link">
       <ng-content></ng-content>
     </div>
     <span class="indicator"></span>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative}:host[color=black]{color:#000}:host[color=black] i{color:#000}:host[color=white]{color:#fff}:host[color=white] i{color:#fff}:host[color=gray]{color:#9e9e9e}:host[color=gray] i{color:#9e9e9e}:host[color=grey]{color:#9e9e9e}:host[color=grey] i{color:#9e9e9e}:host[color=offWhite]{color:#f7f7f7}:host[color=offWhite] i{color:#f7f7f7}:host[color=bright]{color:#f7f7f7}:host[color=bright] i{color:#f7f7f7}:host[color=light]{color:#dbdbdb}:host[color=light] i{color:#dbdbdb}:host[color=neutral]{color:#4f5361}:host[color=neutral] i{color:#4f5361}:host[color=dark]{color:#3d464d}:host[color=dark] i{color:#3d464d}:host[color=orange]{color:#ff6900}:host[color=orange] i{color:#ff6900}:host[color=navigation]{color:#202945}:host[color=navigation] i{color:#202945}:host[color=skyBlue]{color:#009bdf}:host[color=skyBlue] i{color:#009bdf}:host[color=steel]{color:#5b6770}:host[color=steel] i{color:#5b6770}:host[color=metal]{color:#637893}:host[color=metal] i{color:#637893}:host[color=sand]{color:#f4f4f4}:host[color=sand] i{color:#f4f4f4}:host[color=silver]{color:#e2e2e2}:host[color=silver] i{color:#e2e2e2}:host[color=stone]{color:#bebebe}:host[color=stone] i{color:#bebebe}:host[color=ash]{color:#a0a0a0}:host[color=ash] i{color:#a0a0a0}:host[color=slate]{color:#707070}:host[color=slate] i{color:#707070}:host[color=onyx]{color:#526980}:host[color=onyx] i{color:#526980}:host[color=charcoal]{color:#282828}:host[color=charcoal] i{color:#282828}:host[color=moonlight]{color:#1a242f}:host[color=moonlight] i{color:#1a242f}:host[color=midnight]{color:#202945}:host[color=midnight] i{color:#202945}:host[color=darkness]{color:#161f27}:host[color=darkness] i{color:#161f27}:host[color=navy]{color:#0d2d42}:host[color=navy] i{color:#0d2d42}:host[color=aqua]{color:#3bafda}:host[color=aqua] i{color:#3bafda}:host[color=ocean]{color:#4a89dc}:host[color=ocean] i{color:#4a89dc}:host[color=mint]{color:#37bc9b}:host[color=mint] i{color:#37bc9b}:host[color=grass]{color:#8cc152}:host[color=grass] i{color:#8cc152}:host[color=sunflower]{color:#f6b042}:host[color=sunflower] i{color:#f6b042}:host[color=bittersweet]{color:#eb6845}:host[color=bittersweet] i{color:#eb6845}:host[color=grapefruit]{color:#da4453}:host[color=grapefruit] i{color:#da4453}:host[color=carnation]{color:#d770ad}:host[color=carnation] i{color:#d770ad}:host[color=lavender]{color:#967adc}:host[color=lavender] i{color:#967adc}:host[color=mountain]{color:#9678b6}:host[color=mountain] i{color:#9678b6}:host[color=info]{color:#4a89dc}:host[color=info] i{color:#4a89dc}:host[color=positive]{color:#4a89dc}:host[color=positive] i{color:#4a89dc}:host[color=success]{color:#8cc152}:host[color=success] i{color:#8cc152}:host[color=negative]{color:#da4453}:host[color=negative] i{color:#da4453}:host[color=danger]{color:#da4453}:host[color=danger] i{color:#da4453}:host[color=error]{color:#da4453}:host[color=error] i{color:#da4453}:host[color=warning]{color:#f6b042}:host[color=warning] i{color:#f6b042}:host[color=empty]{color:#cccdcc}:host[color=empty] i{color:#cccdcc}:host[color=disabled]{color:#bebebe}:host[color=disabled] i{color:#bebebe}:host[color=background]{color:#f7f7f7}:host[color=background] i{color:#f7f7f7}:host[color=backgroundDark]{color:#e2e2e2}:host[color=backgroundDark] i{color:#e2e2e2}:host[color=presentation]{color:#5b6770}:host[color=presentation] i{color:#5b6770}:host[color=bullhorn]{color:#ff6900}:host[color=bullhorn] i{color:#ff6900}:host[color=pulse]{color:#3bafda}:host[color=pulse] i{color:#3bafda}:host[color=company]{color:#39d}:host[color=company] i{color:#39d}:host[color=candidate]{color:#4b7}:host[color=candidate] i{color:#4b7}:host[color=lead]{color:#a69}:host[color=lead] i{color:#a69}:host[color=contact]{color:#fa4}:host[color=contact] i{color:#fa4}:host[color=clientcontact]{color:#fa4}:host[color=clientcontact] i{color:#fa4}:host[color=opportunity]{color:#625}:host[color=opportunity] i{color:#625}:host[color=job]{color:#b56}:host[color=job] i{color:#b56}:host[color=joborder]{color:#b56}:host[color=joborder] i{color:#b56}:host[color=submission]{color:#a9adbb}:host[color=submission] i{color:#a9adbb}:host[color=sendout]{color:#747884}:host[color=sendout] i{color:#747884}:host[color=placement]{color:#0b344f}:host[color=placement] i{color:#0b344f}:host[color=note]{color:#747884}:host[color=note] i{color:#747884}:host[color=contract]{color:#454ea0}:host[color=contract] i{color:#454ea0}:host[color=jobCode]{color:#696d79}:host[color=jobCode] i{color:#696d79}:host[color=earnCode]{color:#696d79}:host[color=earnCode] i{color:#696d79}:host[color=invoiceStatement]{color:#696d79}:host[color=invoiceStatement] i{color:#696d79}:host[color=billableCharge]{color:#696d79}:host[color=billableCharge] i{color:#696d79}:host[color=payableCharge]{color:#696d79}:host[color=payableCharge] i{color:#696d79}:host[color=user]{color:#696d79}:host[color=user] i{color:#696d79}:host[color=corporateUser]{color:#696d79}:host[color=corporateUser] i{color:#696d79}:host[color=distributionList]{color:#696d79}:host[color=distributionList] i{color:#696d79}:host[color=credential]{color:#696d79}:host[color=credential] i{color:#696d79}:host[color=person]{color:#696d79}:host[color=person] i{color:#696d79}:host.disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host.disabled:hover .novo-tab-link{opacity:.5}:host .novo-tab-link{font-weight:500;word-break:word-break;overflow-wrap:break-word;line-height:1.375;color:var(--text-muted);font-size:var(--font-size-label);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;font-size:var(--font-size-tab);padding:1rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase}:host .novo-tab-link.text-capitalize{text-transform:capitalize}:host .novo-tab-link.text-uppercase{text-transform:uppercase}:host .novo-tab-link.text-nowrap{white-space:nowrap}:host .novo-tab-link.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-tab-link.text-size-default{font-size:inherit}:host .novo-tab-link.text-size-body{font-size:1.3rem}:host .novo-tab-link.text-size-xs{font-size:1rem}:host .novo-tab-link.text-size-sm{font-size:1.2rem}:host .novo-tab-link.text-size-md{font-size:1.3rem}:host .novo-tab-link.text-size-lg{font-size:1.6rem}:host .novo-tab-link.text-size-xl{font-size:2rem}:host .novo-tab-link.text-size-2xl{font-size:2.6rem}:host .novo-tab-link.text-size-3xl{font-size:3.2rem}:host .novo-tab-link.text-size-smaller{font-size:.8em}:host .novo-tab-link.text-size-larger{font-size:1.2em}:host .novo-tab-link.text-color-black{color:#000}:host .novo-tab-link.text-color-white{color:#fff}:host .novo-tab-link.text-color-gray{color:#9e9e9e}:host .novo-tab-link.text-color-grey{color:#9e9e9e}:host .novo-tab-link.text-color-offWhite{color:#f7f7f7}:host .novo-tab-link.text-color-bright{color:#f7f7f7}:host .novo-tab-link.text-color-light{color:#dbdbdb}:host .novo-tab-link.text-color-neutral{color:#4f5361}:host .novo-tab-link.text-color-dark{color:#3d464d}:host .novo-tab-link.text-color-orange{color:#ff6900}:host .novo-tab-link.text-color-navigation{color:#202945}:host .novo-tab-link.text-color-skyBlue{color:#009bdf}:host .novo-tab-link.text-color-steel{color:#5b6770}:host .novo-tab-link.text-color-metal{color:#637893}:host .novo-tab-link.text-color-sand{color:#f4f4f4}:host .novo-tab-link.text-color-silver{color:#e2e2e2}:host .novo-tab-link.text-color-stone{color:#bebebe}:host .novo-tab-link.text-color-ash{color:#a0a0a0}:host .novo-tab-link.text-color-slate{color:#707070}:host .novo-tab-link.text-color-onyx{color:#526980}:host .novo-tab-link.text-color-charcoal{color:#282828}:host .novo-tab-link.text-color-moonlight{color:#1a242f}:host .novo-tab-link.text-color-midnight{color:#202945}:host .novo-tab-link.text-color-darkness{color:#161f27}:host .novo-tab-link.text-color-navy{color:#0d2d42}:host .novo-tab-link.text-color-aqua{color:#3bafda}:host .novo-tab-link.text-color-ocean{color:#4a89dc}:host .novo-tab-link.text-color-mint{color:#37bc9b}:host .novo-tab-link.text-color-grass{color:#8cc152}:host .novo-tab-link.text-color-sunflower{color:#f6b042}:host .novo-tab-link.text-color-bittersweet{color:#eb6845}:host .novo-tab-link.text-color-grapefruit{color:#da4453}:host .novo-tab-link.text-color-carnation{color:#d770ad}:host .novo-tab-link.text-color-lavender{color:#967adc}:host .novo-tab-link.text-color-mountain{color:#9678b6}:host .novo-tab-link.text-color-info{color:#4a89dc}:host .novo-tab-link.text-color-positive{color:#4a89dc}:host .novo-tab-link.text-color-success{color:#8cc152}:host .novo-tab-link.text-color-negative{color:#da4453}:host .novo-tab-link.text-color-danger{color:#da4453}:host .novo-tab-link.text-color-error{color:#da4453}:host .novo-tab-link.text-color-warning{color:#f6b042}:host .novo-tab-link.text-color-empty{color:#cccdcc}:host .novo-tab-link.text-color-disabled{color:#bebebe}:host .novo-tab-link.text-color-background{color:#f7f7f7}:host .novo-tab-link.text-color-backgroundDark{color:#e2e2e2}:host .novo-tab-link.text-color-presentation{color:#5b6770}:host .novo-tab-link.text-color-bullhorn{color:#ff6900}:host .novo-tab-link.text-color-pulse{color:#3bafda}:host .novo-tab-link.text-color-company{color:#39d}:host .novo-tab-link.text-color-candidate{color:#4b7}:host .novo-tab-link.text-color-lead{color:#a69}:host .novo-tab-link.text-color-contact{color:#fa4}:host .novo-tab-link.text-color-clientcontact{color:#fa4}:host .novo-tab-link.text-color-opportunity{color:#625}:host .novo-tab-link.text-color-job{color:#b56}:host .novo-tab-link.text-color-joborder{color:#b56}:host .novo-tab-link.text-color-submission{color:#a9adbb}:host .novo-tab-link.text-color-sendout{color:#747884}:host .novo-tab-link.text-color-placement{color:#0b344f}:host .novo-tab-link.text-color-note{color:#747884}:host .novo-tab-link.text-color-contract{color:#454ea0}:host .novo-tab-link.text-color-jobCode{color:#696d79}:host .novo-tab-link.text-color-earnCode{color:#696d79}:host .novo-tab-link.text-color-invoiceStatement{color:#696d79}:host .novo-tab-link.text-color-billableCharge{color:#696d79}:host .novo-tab-link.text-color-payableCharge{color:#696d79}:host .novo-tab-link.text-color-user{color:#696d79}:host .novo-tab-link.text-color-corporateUser{color:#696d79}:host .novo-tab-link.text-color-distributionList{color:#696d79}:host .novo-tab-link.text-color-credential{color:#696d79}:host .novo-tab-link.text-color-person{color:#696d79}:host .novo-tab-link.margin-before{margin-top:.4rem}:host .novo-tab-link.margin-after{margin-bottom:.8rem}:host .novo-tab-link.text-length-small{max-width:40ch}:host .novo-tab-link.text-length-medium{max-width:55ch}:host .novo-tab-link.text-length-large{max-width:70ch}:host .novo-tab-link.text-weight-hairline{font-weight:100}:host .novo-tab-link.text-weight-thin{font-weight:200}:host .novo-tab-link.text-weight-light{font-weight:300}:host .novo-tab-link.text-weight-normal{font-weight:400}:host .novo-tab-link.text-weight-medium{font-weight:500}:host .novo-tab-link.text-weight-semibold{font-weight:600}:host .novo-tab-link.text-weight-bold{font-weight:700}:host .novo-tab-link.text-weight-extrabold{font-weight:800}:host .novo-tab-link.text-weight-heavy{font-weight:900}:host .novo-tab-link.text-weight-lighter{font-weight:lighter}:host .novo-tab-link.text-weight-bolder{font-weight:bolder}:host .novo-tab-link:focus{outline:none}:host .indicator{position:absolute;bottom:0;width:0;height:3px;display:block;background:transparent;transition:all .22s ease-in-out}:host.active .novo-tab-link,:host.router-link-active .novo-tab-link{opacity:1;font-weight:500}:host.active .indicator,:host.router-link-active .indicator{background:var(--focus);width:100%}:host:hover .novo-tab-link{opacity:1}:host:focus{outline:none}:host-context(novo-nav[direction=vertical]){display:flex;width:100%;flex-direction:row;align-items:center;min-width:12rem;justify-content:space-between;transition:all .12s ease-in-out}:host-context(novo-nav[direction=vertical]) .novo-tab-link{order:2;flex:1;width:100%;display:flex;flex-flow:row nowrap;gap:.25rem;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}:host-context(novo-nav[direction=vertical]) .indicator{order:1;width:4px;height:0;display:block;background:transparent;transition:all .22s ease-in-out}:host-context(novo-nav[direction=vertical]).active,:host-context(novo-nav[direction=vertical]).router-link-active{background:rgba(0,0,0,.05)}:host-context(novo-nav[direction=vertical]).active .novo-tab-link,:host-context(novo-nav[direction=vertical]).router-link-active .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).active .indicator,:host-context(novo-nav[direction=vertical]).router-link-active .indicator{height:100%;top:0;bottom:0}:host-context(novo-nav[direction=vertical]):hover .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[direction=vertical]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav[theme=white]){height:auto}:host-context(novo-nav[theme=white]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=white]).disabled:hover .novo-tab-link{opacity:.5;font-weight:400}:host-context(novo-nav[theme=white]) .novo-tab-link{color:var(--text-main);opacity:.75}:host-context(novo-nav[theme=white]).active,:host-context(novo-nav[theme=white]).router-link-active{color:var(--selection)}:host-context(novo-nav[theme=white]).active .novo-tab-link,:host-context(novo-nav[theme=white]).router-link-active .novo-tab-link{color:var(--selection);opacity:1}:host-context(novo-nav[theme=white]).active .indicator,:host-context(novo-nav[theme=white]).router-link-active .indicator{background:currentColor}:host-context(novo-nav[theme=white]):hover .novo-tab-link{font-weight:500}:host-context(novo-nav[theme=color]) .novo-tab-link,:host-context(novo-nav[theme=neutral]) .novo-tab-link{color:#fff}:host-context(novo-nav[theme=color]).active .indicator,:host-context(novo-nav[theme=color]).router-link-active .indicator,:host-context(novo-nav[theme=neutral]).active .indicator,:host-context(novo-nav[theme=neutral]).router-link-active .indicator{background:#fff}:host-context(novo-nav[theme=color]).disabled .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=color]).disabled:hover .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav.condensed){font-size:1rem}:host-context(novo-nav.condensed) .novo-tab-link{padding:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: NovoNavElement }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']
@@ -218,18 +210,14 @@ class NovoTabButtonElement {
     }
 }
 NovoTabButtonElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoTabButtonElement, deps: [{ token: NovoNavElement }], target: i0.ɵɵFactoryTarget.Component });
-NovoTabButtonElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoTabButtonElement, selector: "novo-tab-button", inputs: { active: "active", disabled: "disabled" }, host: { listeners: { "click": "select()" }, properties: { "class.active": "active", "class.disabled": "disabled", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+NovoTabButtonElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoTabButtonElement, selector: "novo-tab-button", inputs: { active: "active", disabled: "disabled" }, host: { listeners: { "click": "select()" }, properties: { "class.active": "active", "class.disabled": "disabled", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{padding:var(--spacing-md);cursor:pointer;transition:all .12s ease-in-out}:host.disabled{opacity:.5;cursor:not-allowed}:host.disabled:hover{opacity:.5}:host-context(novo-nav[theme=neutral]),:host-context(novo-nav[theme=color]){color:#ffffffbf}:host-context(novo-nav[theme=neutral]).active,:host-context(novo-nav[theme=color]).active{color:#fff;background:rgba(0,0,0,.2)}:host-context(novo-nav[theme=neutral]):hover,:host-context(novo-nav[theme=color]):hover{background:rgba(0,0,0,.1)}:host-context(novo-nav[theme=neutral]).disabled,:host-context(novo-nav[theme=color]).disabled{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=neutral]).disabled:hover,:host-context(novo-nav[theme=color]).disabled:hover{opacity:.5}:host-context(novo-nav[theme=white]){color:var(--color-text);opacity:.75}:host-context(novo-nav[theme=white]).active{color:var(--color-selection);background:rgba(0,0,0,.05);opacity:1}:host-context(novo-nav[theme=white]):hover{opacity:1}:host-context(novo-nav[theme=white]).disabled{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=white]).disabled:hover{opacity:.5}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoTabButtonElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-tab-button',
-                    host: {
+            args: [{ selector: 'novo-tab-button', host: {
                         '(click)': 'select()',
                         '[class.active]': 'active',
                         '[class.disabled]': 'disabled',
-                    },
-                    template: '<ng-content></ng-content>',
-                }]
+                    }, template: '<ng-content></ng-content>', styles: [":host{padding:var(--spacing-md);cursor:pointer;transition:all .12s ease-in-out}:host.disabled{opacity:.5;cursor:not-allowed}:host.disabled:hover{opacity:.5}:host-context(novo-nav[theme=neutral]),:host-context(novo-nav[theme=color]){color:#ffffffbf}:host-context(novo-nav[theme=neutral]).active,:host-context(novo-nav[theme=color]).active{color:#fff;background:rgba(0,0,0,.2)}:host-context(novo-nav[theme=neutral]):hover,:host-context(novo-nav[theme=color]):hover{background:rgba(0,0,0,.1)}:host-context(novo-nav[theme=neutral]).disabled,:host-context(novo-nav[theme=color]).disabled{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=neutral]).disabled:hover,:host-context(novo-nav[theme=color]).disabled:hover{opacity:.5}:host-context(novo-nav[theme=white]){color:var(--color-text);opacity:.75}:host-context(novo-nav[theme=white]).active{color:var(--color-selection);background:rgba(0,0,0,.05);opacity:1}:host-context(novo-nav[theme=white]):hover{opacity:1}:host-context(novo-nav[theme=white]).disabled{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=white]).disabled:hover{opacity:.5}\n"] }]
         }], ctorParameters: function () { return [{ type: NovoNavElement }]; }, propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']
@@ -273,24 +261,19 @@ NovoTabLinkElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
       <ng-content></ng-content>
     </div>
     <span class="indicator"></span>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative}:host[color=black]{color:#000}:host[color=black] i{color:#000}:host[color=white]{color:#fff}:host[color=white] i{color:#fff}:host[color=gray]{color:#9e9e9e}:host[color=gray] i{color:#9e9e9e}:host[color=grey]{color:#9e9e9e}:host[color=grey] i{color:#9e9e9e}:host[color=offWhite]{color:#f7f7f7}:host[color=offWhite] i{color:#f7f7f7}:host[color=bright]{color:#f7f7f7}:host[color=bright] i{color:#f7f7f7}:host[color=light]{color:#dbdbdb}:host[color=light] i{color:#dbdbdb}:host[color=neutral]{color:#4f5361}:host[color=neutral] i{color:#4f5361}:host[color=dark]{color:#3d464d}:host[color=dark] i{color:#3d464d}:host[color=orange]{color:#ff6900}:host[color=orange] i{color:#ff6900}:host[color=navigation]{color:#202945}:host[color=navigation] i{color:#202945}:host[color=skyBlue]{color:#009bdf}:host[color=skyBlue] i{color:#009bdf}:host[color=steel]{color:#5b6770}:host[color=steel] i{color:#5b6770}:host[color=metal]{color:#637893}:host[color=metal] i{color:#637893}:host[color=sand]{color:#f4f4f4}:host[color=sand] i{color:#f4f4f4}:host[color=silver]{color:#e2e2e2}:host[color=silver] i{color:#e2e2e2}:host[color=stone]{color:#bebebe}:host[color=stone] i{color:#bebebe}:host[color=ash]{color:#a0a0a0}:host[color=ash] i{color:#a0a0a0}:host[color=slate]{color:#707070}:host[color=slate] i{color:#707070}:host[color=onyx]{color:#526980}:host[color=onyx] i{color:#526980}:host[color=charcoal]{color:#282828}:host[color=charcoal] i{color:#282828}:host[color=moonlight]{color:#1a242f}:host[color=moonlight] i{color:#1a242f}:host[color=midnight]{color:#202945}:host[color=midnight] i{color:#202945}:host[color=darkness]{color:#161f27}:host[color=darkness] i{color:#161f27}:host[color=navy]{color:#0d2d42}:host[color=navy] i{color:#0d2d42}:host[color=aqua]{color:#3bafda}:host[color=aqua] i{color:#3bafda}:host[color=ocean]{color:#4a89dc}:host[color=ocean] i{color:#4a89dc}:host[color=mint]{color:#37bc9b}:host[color=mint] i{color:#37bc9b}:host[color=grass]{color:#8cc152}:host[color=grass] i{color:#8cc152}:host[color=sunflower]{color:#f6b042}:host[color=sunflower] i{color:#f6b042}:host[color=bittersweet]{color:#eb6845}:host[color=bittersweet] i{color:#eb6845}:host[color=grapefruit]{color:#da4453}:host[color=grapefruit] i{color:#da4453}:host[color=carnation]{color:#d770ad}:host[color=carnation] i{color:#d770ad}:host[color=lavender]{color:#967adc}:host[color=lavender] i{color:#967adc}:host[color=mountain]{color:#9678b6}:host[color=mountain] i{color:#9678b6}:host[color=info]{color:#4a89dc}:host[color=info] i{color:#4a89dc}:host[color=positive]{color:#4a89dc}:host[color=positive] i{color:#4a89dc}:host[color=success]{color:#8cc152}:host[color=success] i{color:#8cc152}:host[color=negative]{color:#da4453}:host[color=negative] i{color:#da4453}:host[color=danger]{color:#da4453}:host[color=danger] i{color:#da4453}:host[color=error]{color:#da4453}:host[color=error] i{color:#da4453}:host[color=warning]{color:#f6b042}:host[color=warning] i{color:#f6b042}:host[color=empty]{color:#cccdcc}:host[color=empty] i{color:#cccdcc}:host[color=disabled]{color:#bebebe}:host[color=disabled] i{color:#bebebe}:host[color=background]{color:#f7f7f7}:host[color=background] i{color:#f7f7f7}:host[color=backgroundDark]{color:#e2e2e2}:host[color=backgroundDark] i{color:#e2e2e2}:host[color=presentation]{color:#5b6770}:host[color=presentation] i{color:#5b6770}:host[color=bullhorn]{color:#ff6900}:host[color=bullhorn] i{color:#ff6900}:host[color=pulse]{color:#3bafda}:host[color=pulse] i{color:#3bafda}:host[color=company]{color:#39d}:host[color=company] i{color:#39d}:host[color=candidate]{color:#4b7}:host[color=candidate] i{color:#4b7}:host[color=lead]{color:#a69}:host[color=lead] i{color:#a69}:host[color=contact]{color:#fa4}:host[color=contact] i{color:#fa4}:host[color=clientcontact]{color:#fa4}:host[color=clientcontact] i{color:#fa4}:host[color=opportunity]{color:#625}:host[color=opportunity] i{color:#625}:host[color=job]{color:#b56}:host[color=job] i{color:#b56}:host[color=joborder]{color:#b56}:host[color=joborder] i{color:#b56}:host[color=submission]{color:#a9adbb}:host[color=submission] i{color:#a9adbb}:host[color=sendout]{color:#747884}:host[color=sendout] i{color:#747884}:host[color=placement]{color:#0b344f}:host[color=placement] i{color:#0b344f}:host[color=note]{color:#747884}:host[color=note] i{color:#747884}:host[color=contract]{color:#454ea0}:host[color=contract] i{color:#454ea0}:host[color=jobCode]{color:#696d79}:host[color=jobCode] i{color:#696d79}:host[color=earnCode]{color:#696d79}:host[color=earnCode] i{color:#696d79}:host[color=invoiceStatement]{color:#696d79}:host[color=invoiceStatement] i{color:#696d79}:host[color=billableCharge]{color:#696d79}:host[color=billableCharge] i{color:#696d79}:host[color=payableCharge]{color:#696d79}:host[color=payableCharge] i{color:#696d79}:host[color=user]{color:#696d79}:host[color=user] i{color:#696d79}:host[color=corporateUser]{color:#696d79}:host[color=corporateUser] i{color:#696d79}:host[color=distributionList]{color:#696d79}:host[color=distributionList] i{color:#696d79}:host[color=credential]{color:#696d79}:host[color=credential] i{color:#696d79}:host[color=person]{color:#696d79}:host[color=person] i{color:#696d79}:host.disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host.disabled:hover .novo-tab-link{opacity:.5}:host .novo-tab-link{font-weight:500;word-break:word-break;overflow-wrap:break-word;line-height:1.375;color:var(--text-muted);font-size:var(--font-size-label);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;font-size:var(--font-size-tab);padding:1rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase}:host .novo-tab-link.text-capitalize{text-transform:capitalize}:host .novo-tab-link.text-uppercase{text-transform:uppercase}:host .novo-tab-link.text-nowrap{white-space:nowrap}:host .novo-tab-link.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-tab-link.text-size-default{font-size:inherit}:host .novo-tab-link.text-size-body{font-size:1.3rem}:host .novo-tab-link.text-size-xs{font-size:1rem}:host .novo-tab-link.text-size-sm{font-size:1.2rem}:host .novo-tab-link.text-size-md{font-size:1.3rem}:host .novo-tab-link.text-size-lg{font-size:1.6rem}:host .novo-tab-link.text-size-xl{font-size:2rem}:host .novo-tab-link.text-size-2xl{font-size:2.6rem}:host .novo-tab-link.text-size-3xl{font-size:3.2rem}:host .novo-tab-link.text-size-smaller{font-size:.8em}:host .novo-tab-link.text-size-larger{font-size:1.2em}:host .novo-tab-link.text-color-black{color:#000}:host .novo-tab-link.text-color-white{color:#fff}:host .novo-tab-link.text-color-gray{color:#9e9e9e}:host .novo-tab-link.text-color-grey{color:#9e9e9e}:host .novo-tab-link.text-color-offWhite{color:#f7f7f7}:host .novo-tab-link.text-color-bright{color:#f7f7f7}:host .novo-tab-link.text-color-light{color:#dbdbdb}:host .novo-tab-link.text-color-neutral{color:#4f5361}:host .novo-tab-link.text-color-dark{color:#3d464d}:host .novo-tab-link.text-color-orange{color:#ff6900}:host .novo-tab-link.text-color-navigation{color:#202945}:host .novo-tab-link.text-color-skyBlue{color:#009bdf}:host .novo-tab-link.text-color-steel{color:#5b6770}:host .novo-tab-link.text-color-metal{color:#637893}:host .novo-tab-link.text-color-sand{color:#f4f4f4}:host .novo-tab-link.text-color-silver{color:#e2e2e2}:host .novo-tab-link.text-color-stone{color:#bebebe}:host .novo-tab-link.text-color-ash{color:#a0a0a0}:host .novo-tab-link.text-color-slate{color:#707070}:host .novo-tab-link.text-color-onyx{color:#526980}:host .novo-tab-link.text-color-charcoal{color:#282828}:host .novo-tab-link.text-color-moonlight{color:#1a242f}:host .novo-tab-link.text-color-midnight{color:#202945}:host .novo-tab-link.text-color-darkness{color:#161f27}:host .novo-tab-link.text-color-navy{color:#0d2d42}:host .novo-tab-link.text-color-aqua{color:#3bafda}:host .novo-tab-link.text-color-ocean{color:#4a89dc}:host .novo-tab-link.text-color-mint{color:#37bc9b}:host .novo-tab-link.text-color-grass{color:#8cc152}:host .novo-tab-link.text-color-sunflower{color:#f6b042}:host .novo-tab-link.text-color-bittersweet{color:#eb6845}:host .novo-tab-link.text-color-grapefruit{color:#da4453}:host .novo-tab-link.text-color-carnation{color:#d770ad}:host .novo-tab-link.text-color-lavender{color:#967adc}:host .novo-tab-link.text-color-mountain{color:#9678b6}:host .novo-tab-link.text-color-info{color:#4a89dc}:host .novo-tab-link.text-color-positive{color:#4a89dc}:host .novo-tab-link.text-color-success{color:#8cc152}:host .novo-tab-link.text-color-negative{color:#da4453}:host .novo-tab-link.text-color-danger{color:#da4453}:host .novo-tab-link.text-color-error{color:#da4453}:host .novo-tab-link.text-color-warning{color:#f6b042}:host .novo-tab-link.text-color-empty{color:#cccdcc}:host .novo-tab-link.text-color-disabled{color:#bebebe}:host .novo-tab-link.text-color-background{color:#f7f7f7}:host .novo-tab-link.text-color-backgroundDark{color:#e2e2e2}:host .novo-tab-link.text-color-presentation{color:#5b6770}:host .novo-tab-link.text-color-bullhorn{color:#ff6900}:host .novo-tab-link.text-color-pulse{color:#3bafda}:host .novo-tab-link.text-color-company{color:#39d}:host .novo-tab-link.text-color-candidate{color:#4b7}:host .novo-tab-link.text-color-lead{color:#a69}:host .novo-tab-link.text-color-contact{color:#fa4}:host .novo-tab-link.text-color-clientcontact{color:#fa4}:host .novo-tab-link.text-color-opportunity{color:#625}:host .novo-tab-link.text-color-job{color:#b56}:host .novo-tab-link.text-color-joborder{color:#b56}:host .novo-tab-link.text-color-submission{color:#a9adbb}:host .novo-tab-link.text-color-sendout{color:#747884}:host .novo-tab-link.text-color-placement{color:#0b344f}:host .novo-tab-link.text-color-note{color:#747884}:host .novo-tab-link.text-color-contract{color:#454ea0}:host .novo-tab-link.text-color-jobCode{color:#696d79}:host .novo-tab-link.text-color-earnCode{color:#696d79}:host .novo-tab-link.text-color-invoiceStatement{color:#696d79}:host .novo-tab-link.text-color-billableCharge{color:#696d79}:host .novo-tab-link.text-color-payableCharge{color:#696d79}:host .novo-tab-link.text-color-user{color:#696d79}:host .novo-tab-link.text-color-corporateUser{color:#696d79}:host .novo-tab-link.text-color-distributionList{color:#696d79}:host .novo-tab-link.text-color-credential{color:#696d79}:host .novo-tab-link.text-color-person{color:#696d79}:host .novo-tab-link.margin-before{margin-top:.4rem}:host .novo-tab-link.margin-after{margin-bottom:.8rem}:host .novo-tab-link.text-length-small{max-width:40ch}:host .novo-tab-link.text-length-medium{max-width:55ch}:host .novo-tab-link.text-length-large{max-width:70ch}:host .novo-tab-link.text-weight-hairline{font-weight:100}:host .novo-tab-link.text-weight-thin{font-weight:200}:host .novo-tab-link.text-weight-light{font-weight:300}:host .novo-tab-link.text-weight-normal{font-weight:400}:host .novo-tab-link.text-weight-medium{font-weight:500}:host .novo-tab-link.text-weight-semibold{font-weight:600}:host .novo-tab-link.text-weight-bold{font-weight:700}:host .novo-tab-link.text-weight-extrabold{font-weight:800}:host .novo-tab-link.text-weight-heavy{font-weight:900}:host .novo-tab-link.text-weight-lighter{font-weight:lighter}:host .novo-tab-link.text-weight-bolder{font-weight:bolder}:host .novo-tab-link:focus{outline:none}:host .indicator{position:absolute;bottom:0;width:0;height:3px;display:block;background:transparent;transition:all .22s ease-in-out}:host.active .novo-tab-link,:host.router-link-active .novo-tab-link{opacity:1;font-weight:500}:host.active .indicator,:host.router-link-active .indicator{background:var(--focus);width:100%}:host:hover .novo-tab-link{opacity:1}:host:focus{outline:none}:host-context(novo-nav[direction=vertical]){display:flex;width:100%;flex-direction:row;align-items:center;min-width:12rem;justify-content:space-between;transition:all .12s ease-in-out}:host-context(novo-nav[direction=vertical]) .novo-tab-link{order:2;flex:1;width:100%;display:flex;flex-flow:row nowrap;gap:.25rem;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}:host-context(novo-nav[direction=vertical]) .indicator{order:1;width:4px;height:0;display:block;background:transparent;transition:all .22s ease-in-out}:host-context(novo-nav[direction=vertical]).active,:host-context(novo-nav[direction=vertical]).router-link-active{background:rgba(0,0,0,.05)}:host-context(novo-nav[direction=vertical]).active .novo-tab-link,:host-context(novo-nav[direction=vertical]).router-link-active .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).active .indicator,:host-context(novo-nav[direction=vertical]).router-link-active .indicator{height:100%;top:0;bottom:0}:host-context(novo-nav[direction=vertical]):hover .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[direction=vertical]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav[theme=white]){height:auto}:host-context(novo-nav[theme=white]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=white]).disabled:hover .novo-tab-link{opacity:.5;font-weight:400}:host-context(novo-nav[theme=white]) .novo-tab-link{color:var(--text-main);opacity:.75}:host-context(novo-nav[theme=white]).active,:host-context(novo-nav[theme=white]).router-link-active{color:var(--selection)}:host-context(novo-nav[theme=white]).active .novo-tab-link,:host-context(novo-nav[theme=white]).router-link-active .novo-tab-link{color:var(--selection);opacity:1}:host-context(novo-nav[theme=white]).active .indicator,:host-context(novo-nav[theme=white]).router-link-active .indicator{background:currentColor}:host-context(novo-nav[theme=white]):hover .novo-tab-link{font-weight:500}:host-context(novo-nav[theme=color]) .novo-tab-link,:host-context(novo-nav[theme=neutral]) .novo-tab-link{color:#fff}:host-context(novo-nav[theme=color]).active .indicator,:host-context(novo-nav[theme=color]).router-link-active .indicator,:host-context(novo-nav[theme=neutral]).active .indicator,:host-context(novo-nav[theme=neutral]).router-link-active .indicator{background:#fff}:host-context(novo-nav[theme=color]).disabled .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=color]).disabled:hover .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav.condensed){font-size:1rem}:host-context(novo-nav.condensed) .novo-tab-link{padding:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoTabLinkElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-tab-link',
-                    host: {
+            args: [{ selector: 'novo-tab-link', host: {
                         '(click)': 'select()',
                         '[class.active]': 'active',
                         '[class.disabled]': 'disabled',
-                    },
-                    template: `
+                    }, template: `
     <div class="novo-tab-link">
       <ng-content></ng-content>
     </div>
     <span class="indicator"></span>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative}:host[color=black]{color:#000}:host[color=black] i{color:#000}:host[color=white]{color:#fff}:host[color=white] i{color:#fff}:host[color=gray]{color:#9e9e9e}:host[color=gray] i{color:#9e9e9e}:host[color=grey]{color:#9e9e9e}:host[color=grey] i{color:#9e9e9e}:host[color=offWhite]{color:#f7f7f7}:host[color=offWhite] i{color:#f7f7f7}:host[color=bright]{color:#f7f7f7}:host[color=bright] i{color:#f7f7f7}:host[color=light]{color:#dbdbdb}:host[color=light] i{color:#dbdbdb}:host[color=neutral]{color:#4f5361}:host[color=neutral] i{color:#4f5361}:host[color=dark]{color:#3d464d}:host[color=dark] i{color:#3d464d}:host[color=orange]{color:#ff6900}:host[color=orange] i{color:#ff6900}:host[color=navigation]{color:#202945}:host[color=navigation] i{color:#202945}:host[color=skyBlue]{color:#009bdf}:host[color=skyBlue] i{color:#009bdf}:host[color=steel]{color:#5b6770}:host[color=steel] i{color:#5b6770}:host[color=metal]{color:#637893}:host[color=metal] i{color:#637893}:host[color=sand]{color:#f4f4f4}:host[color=sand] i{color:#f4f4f4}:host[color=silver]{color:#e2e2e2}:host[color=silver] i{color:#e2e2e2}:host[color=stone]{color:#bebebe}:host[color=stone] i{color:#bebebe}:host[color=ash]{color:#a0a0a0}:host[color=ash] i{color:#a0a0a0}:host[color=slate]{color:#707070}:host[color=slate] i{color:#707070}:host[color=onyx]{color:#526980}:host[color=onyx] i{color:#526980}:host[color=charcoal]{color:#282828}:host[color=charcoal] i{color:#282828}:host[color=moonlight]{color:#1a242f}:host[color=moonlight] i{color:#1a242f}:host[color=midnight]{color:#202945}:host[color=midnight] i{color:#202945}:host[color=darkness]{color:#161f27}:host[color=darkness] i{color:#161f27}:host[color=navy]{color:#0d2d42}:host[color=navy] i{color:#0d2d42}:host[color=aqua]{color:#3bafda}:host[color=aqua] i{color:#3bafda}:host[color=ocean]{color:#4a89dc}:host[color=ocean] i{color:#4a89dc}:host[color=mint]{color:#37bc9b}:host[color=mint] i{color:#37bc9b}:host[color=grass]{color:#8cc152}:host[color=grass] i{color:#8cc152}:host[color=sunflower]{color:#f6b042}:host[color=sunflower] i{color:#f6b042}:host[color=bittersweet]{color:#eb6845}:host[color=bittersweet] i{color:#eb6845}:host[color=grapefruit]{color:#da4453}:host[color=grapefruit] i{color:#da4453}:host[color=carnation]{color:#d770ad}:host[color=carnation] i{color:#d770ad}:host[color=lavender]{color:#967adc}:host[color=lavender] i{color:#967adc}:host[color=mountain]{color:#9678b6}:host[color=mountain] i{color:#9678b6}:host[color=info]{color:#4a89dc}:host[color=info] i{color:#4a89dc}:host[color=positive]{color:#4a89dc}:host[color=positive] i{color:#4a89dc}:host[color=success]{color:#8cc152}:host[color=success] i{color:#8cc152}:host[color=negative]{color:#da4453}:host[color=negative] i{color:#da4453}:host[color=danger]{color:#da4453}:host[color=danger] i{color:#da4453}:host[color=error]{color:#da4453}:host[color=error] i{color:#da4453}:host[color=warning]{color:#f6b042}:host[color=warning] i{color:#f6b042}:host[color=empty]{color:#cccdcc}:host[color=empty] i{color:#cccdcc}:host[color=disabled]{color:#bebebe}:host[color=disabled] i{color:#bebebe}:host[color=background]{color:#f7f7f7}:host[color=background] i{color:#f7f7f7}:host[color=backgroundDark]{color:#e2e2e2}:host[color=backgroundDark] i{color:#e2e2e2}:host[color=presentation]{color:#5b6770}:host[color=presentation] i{color:#5b6770}:host[color=bullhorn]{color:#ff6900}:host[color=bullhorn] i{color:#ff6900}:host[color=pulse]{color:#3bafda}:host[color=pulse] i{color:#3bafda}:host[color=company]{color:#39d}:host[color=company] i{color:#39d}:host[color=candidate]{color:#4b7}:host[color=candidate] i{color:#4b7}:host[color=lead]{color:#a69}:host[color=lead] i{color:#a69}:host[color=contact]{color:#fa4}:host[color=contact] i{color:#fa4}:host[color=clientcontact]{color:#fa4}:host[color=clientcontact] i{color:#fa4}:host[color=opportunity]{color:#625}:host[color=opportunity] i{color:#625}:host[color=job]{color:#b56}:host[color=job] i{color:#b56}:host[color=joborder]{color:#b56}:host[color=joborder] i{color:#b56}:host[color=submission]{color:#a9adbb}:host[color=submission] i{color:#a9adbb}:host[color=sendout]{color:#747884}:host[color=sendout] i{color:#747884}:host[color=placement]{color:#0b344f}:host[color=placement] i{color:#0b344f}:host[color=note]{color:#747884}:host[color=note] i{color:#747884}:host[color=contract]{color:#454ea0}:host[color=contract] i{color:#454ea0}:host[color=jobCode]{color:#696d79}:host[color=jobCode] i{color:#696d79}:host[color=earnCode]{color:#696d79}:host[color=earnCode] i{color:#696d79}:host[color=invoiceStatement]{color:#696d79}:host[color=invoiceStatement] i{color:#696d79}:host[color=billableCharge]{color:#696d79}:host[color=billableCharge] i{color:#696d79}:host[color=payableCharge]{color:#696d79}:host[color=payableCharge] i{color:#696d79}:host[color=user]{color:#696d79}:host[color=user] i{color:#696d79}:host[color=corporateUser]{color:#696d79}:host[color=corporateUser] i{color:#696d79}:host[color=distributionList]{color:#696d79}:host[color=distributionList] i{color:#696d79}:host[color=credential]{color:#696d79}:host[color=credential] i{color:#696d79}:host[color=person]{color:#696d79}:host[color=person] i{color:#696d79}:host.disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host.disabled:hover .novo-tab-link{opacity:.5}:host .novo-tab-link{font-weight:500;word-break:word-break;overflow-wrap:break-word;line-height:1.375;color:var(--text-muted);font-size:var(--font-size-label);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;font-size:var(--font-size-tab);padding:1rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase}:host .novo-tab-link.text-capitalize{text-transform:capitalize}:host .novo-tab-link.text-uppercase{text-transform:uppercase}:host .novo-tab-link.text-nowrap{white-space:nowrap}:host .novo-tab-link.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-tab-link.text-size-default{font-size:inherit}:host .novo-tab-link.text-size-body{font-size:1.3rem}:host .novo-tab-link.text-size-xs{font-size:1rem}:host .novo-tab-link.text-size-sm{font-size:1.2rem}:host .novo-tab-link.text-size-md{font-size:1.3rem}:host .novo-tab-link.text-size-lg{font-size:1.6rem}:host .novo-tab-link.text-size-xl{font-size:2rem}:host .novo-tab-link.text-size-2xl{font-size:2.6rem}:host .novo-tab-link.text-size-3xl{font-size:3.2rem}:host .novo-tab-link.text-size-smaller{font-size:.8em}:host .novo-tab-link.text-size-larger{font-size:1.2em}:host .novo-tab-link.text-color-black{color:#000}:host .novo-tab-link.text-color-white{color:#fff}:host .novo-tab-link.text-color-gray{color:#9e9e9e}:host .novo-tab-link.text-color-grey{color:#9e9e9e}:host .novo-tab-link.text-color-offWhite{color:#f7f7f7}:host .novo-tab-link.text-color-bright{color:#f7f7f7}:host .novo-tab-link.text-color-light{color:#dbdbdb}:host .novo-tab-link.text-color-neutral{color:#4f5361}:host .novo-tab-link.text-color-dark{color:#3d464d}:host .novo-tab-link.text-color-orange{color:#ff6900}:host .novo-tab-link.text-color-navigation{color:#202945}:host .novo-tab-link.text-color-skyBlue{color:#009bdf}:host .novo-tab-link.text-color-steel{color:#5b6770}:host .novo-tab-link.text-color-metal{color:#637893}:host .novo-tab-link.text-color-sand{color:#f4f4f4}:host .novo-tab-link.text-color-silver{color:#e2e2e2}:host .novo-tab-link.text-color-stone{color:#bebebe}:host .novo-tab-link.text-color-ash{color:#a0a0a0}:host .novo-tab-link.text-color-slate{color:#707070}:host .novo-tab-link.text-color-onyx{color:#526980}:host .novo-tab-link.text-color-charcoal{color:#282828}:host .novo-tab-link.text-color-moonlight{color:#1a242f}:host .novo-tab-link.text-color-midnight{color:#202945}:host .novo-tab-link.text-color-darkness{color:#161f27}:host .novo-tab-link.text-color-navy{color:#0d2d42}:host .novo-tab-link.text-color-aqua{color:#3bafda}:host .novo-tab-link.text-color-ocean{color:#4a89dc}:host .novo-tab-link.text-color-mint{color:#37bc9b}:host .novo-tab-link.text-color-grass{color:#8cc152}:host .novo-tab-link.text-color-sunflower{color:#f6b042}:host .novo-tab-link.text-color-bittersweet{color:#eb6845}:host .novo-tab-link.text-color-grapefruit{color:#da4453}:host .novo-tab-link.text-color-carnation{color:#d770ad}:host .novo-tab-link.text-color-lavender{color:#967adc}:host .novo-tab-link.text-color-mountain{color:#9678b6}:host .novo-tab-link.text-color-info{color:#4a89dc}:host .novo-tab-link.text-color-positive{color:#4a89dc}:host .novo-tab-link.text-color-success{color:#8cc152}:host .novo-tab-link.text-color-negative{color:#da4453}:host .novo-tab-link.text-color-danger{color:#da4453}:host .novo-tab-link.text-color-error{color:#da4453}:host .novo-tab-link.text-color-warning{color:#f6b042}:host .novo-tab-link.text-color-empty{color:#cccdcc}:host .novo-tab-link.text-color-disabled{color:#bebebe}:host .novo-tab-link.text-color-background{color:#f7f7f7}:host .novo-tab-link.text-color-backgroundDark{color:#e2e2e2}:host .novo-tab-link.text-color-presentation{color:#5b6770}:host .novo-tab-link.text-color-bullhorn{color:#ff6900}:host .novo-tab-link.text-color-pulse{color:#3bafda}:host .novo-tab-link.text-color-company{color:#39d}:host .novo-tab-link.text-color-candidate{color:#4b7}:host .novo-tab-link.text-color-lead{color:#a69}:host .novo-tab-link.text-color-contact{color:#fa4}:host .novo-tab-link.text-color-clientcontact{color:#fa4}:host .novo-tab-link.text-color-opportunity{color:#625}:host .novo-tab-link.text-color-job{color:#b56}:host .novo-tab-link.text-color-joborder{color:#b56}:host .novo-tab-link.text-color-submission{color:#a9adbb}:host .novo-tab-link.text-color-sendout{color:#747884}:host .novo-tab-link.text-color-placement{color:#0b344f}:host .novo-tab-link.text-color-note{color:#747884}:host .novo-tab-link.text-color-contract{color:#454ea0}:host .novo-tab-link.text-color-jobCode{color:#696d79}:host .novo-tab-link.text-color-earnCode{color:#696d79}:host .novo-tab-link.text-color-invoiceStatement{color:#696d79}:host .novo-tab-link.text-color-billableCharge{color:#696d79}:host .novo-tab-link.text-color-payableCharge{color:#696d79}:host .novo-tab-link.text-color-user{color:#696d79}:host .novo-tab-link.text-color-corporateUser{color:#696d79}:host .novo-tab-link.text-color-distributionList{color:#696d79}:host .novo-tab-link.text-color-credential{color:#696d79}:host .novo-tab-link.text-color-person{color:#696d79}:host .novo-tab-link.margin-before{margin-top:.4rem}:host .novo-tab-link.margin-after{margin-bottom:.8rem}:host .novo-tab-link.text-length-small{max-width:40ch}:host .novo-tab-link.text-length-medium{max-width:55ch}:host .novo-tab-link.text-length-large{max-width:70ch}:host .novo-tab-link.text-weight-hairline{font-weight:100}:host .novo-tab-link.text-weight-thin{font-weight:200}:host .novo-tab-link.text-weight-light{font-weight:300}:host .novo-tab-link.text-weight-normal{font-weight:400}:host .novo-tab-link.text-weight-medium{font-weight:500}:host .novo-tab-link.text-weight-semibold{font-weight:600}:host .novo-tab-link.text-weight-bold{font-weight:700}:host .novo-tab-link.text-weight-extrabold{font-weight:800}:host .novo-tab-link.text-weight-heavy{font-weight:900}:host .novo-tab-link.text-weight-lighter{font-weight:lighter}:host .novo-tab-link.text-weight-bolder{font-weight:bolder}:host .novo-tab-link:focus{outline:none}:host .indicator{position:absolute;bottom:0;width:0;height:3px;display:block;background:transparent;transition:all .22s ease-in-out}:host.active .novo-tab-link,:host.router-link-active .novo-tab-link{opacity:1;font-weight:500}:host.active .indicator,:host.router-link-active .indicator{background:var(--focus);width:100%}:host:hover .novo-tab-link{opacity:1}:host:focus{outline:none}:host-context(novo-nav[direction=vertical]){display:flex;width:100%;flex-direction:row;align-items:center;min-width:12rem;justify-content:space-between;transition:all .12s ease-in-out}:host-context(novo-nav[direction=vertical]) .novo-tab-link{order:2;flex:1;width:100%;display:flex;flex-flow:row nowrap;gap:.25rem;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}:host-context(novo-nav[direction=vertical]) .indicator{order:1;width:4px;height:0;display:block;background:transparent;transition:all .22s ease-in-out}:host-context(novo-nav[direction=vertical]).active,:host-context(novo-nav[direction=vertical]).router-link-active{background:rgba(0,0,0,.05)}:host-context(novo-nav[direction=vertical]).active .novo-tab-link,:host-context(novo-nav[direction=vertical]).router-link-active .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).active .indicator,:host-context(novo-nav[direction=vertical]).router-link-active .indicator{height:100%;top:0;bottom:0}:host-context(novo-nav[direction=vertical]):hover .novo-tab-link{opacity:1}:host-context(novo-nav[direction=vertical]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[direction=vertical]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav[theme=white]){height:auto}:host-context(novo-nav[theme=white]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=white]).disabled:hover .novo-tab-link{opacity:.5;font-weight:400}:host-context(novo-nav[theme=white]) .novo-tab-link{color:var(--text-main);opacity:.75}:host-context(novo-nav[theme=white]).active,:host-context(novo-nav[theme=white]).router-link-active{color:var(--selection)}:host-context(novo-nav[theme=white]).active .novo-tab-link,:host-context(novo-nav[theme=white]).router-link-active .novo-tab-link{color:var(--selection);opacity:1}:host-context(novo-nav[theme=white]).active .indicator,:host-context(novo-nav[theme=white]).router-link-active .indicator{background:currentColor}:host-context(novo-nav[theme=white]):hover .novo-tab-link{font-weight:500}:host-context(novo-nav[theme=color]) .novo-tab-link,:host-context(novo-nav[theme=neutral]) .novo-tab-link{color:#fff}:host-context(novo-nav[theme=color]).active .indicator,:host-context(novo-nav[theme=color]).router-link-active .indicator,:host-context(novo-nav[theme=neutral]).active .indicator,:host-context(novo-nav[theme=neutral]).router-link-active .indicator{background:#fff}:host-context(novo-nav[theme=color]).disabled .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled .novo-tab-link{opacity:.5;cursor:not-allowed}:host-context(novo-nav[theme=color]).disabled:hover .novo-tab-link,:host-context(novo-nav[theme=neutral]).disabled:hover .novo-tab-link{opacity:.5}:host-context(novo-nav.condensed){font-size:1rem}:host-context(novo-nav.condensed) .novo-tab-link{padding:.5rem}\n"] }]
         }], ctorParameters: function () {
         return [{ type: NovoNavElement }, { type: i1.Router }, { type: i0.ChangeDetectorRef }, { type: i1.RouterLink, decorators: [{
                         type: Optional
@@ -334,13 +317,10 @@ class NovoNavOutletElement {
     }
 }
 NovoNavOutletElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavOutletElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NovoNavOutletElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavOutletElement, selector: "novo-nav-outlet", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+NovoNavOutletElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavOutletElement, selector: "novo-nav-outlet", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavOutletElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-nav-outlet',
-                    template: '<ng-content></ng-content>',
-                }]
+            args: [{ selector: 'novo-nav-outlet', template: '<ng-content></ng-content>', styles: [":host{display:block}\n"] }]
         }] });
 class NovoNavContentElement {
     constructor(outlet) {
@@ -349,16 +329,12 @@ class NovoNavContentElement {
     }
 }
 NovoNavContentElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavContentElement, deps: [{ token: NovoNavOutletElement }], target: i0.ɵɵFactoryTarget.Component });
-NovoNavContentElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavContentElement, selector: "novo-nav-content", inputs: { active: "active" }, host: { properties: { "class.active": "active" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+NovoNavContentElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavContentElement, selector: "novo-nav-content", inputs: { active: "active" }, host: { properties: { "class.active": "active" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:none}:host.active{display:block}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavContentElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-nav-content',
-                    host: {
+            args: [{ selector: 'novo-nav-content', host: {
                         '[class.active]': 'active',
-                    },
-                    template: '<ng-content></ng-content>',
-                }]
+                    }, template: '<ng-content></ng-content>', styles: [":host{display:none}:host.active{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: NovoNavOutletElement }]; }, propDecorators: { active: [{
                 type: Input
             }] } });
@@ -382,17 +358,13 @@ class NovoNavHeaderElement {
     }
 }
 NovoNavHeaderElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavHeaderElement, deps: [{ token: NovoNavOutletElement }], target: i0.ɵɵFactoryTarget.Component });
-NovoNavHeaderElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavHeaderElement, selector: "novo-nav-header", inputs: { active: "active", forElement: ["for", "forElement"] }, host: { listeners: { "click": "show($event)" }, properties: { "class.active": "active", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+NovoNavHeaderElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoNavHeaderElement, selector: "novo-nav-header", inputs: { active: "active", forElement: ["for", "forElement"] }, host: { listeners: { "click": "show($event)" }, properties: { "class.active": "active", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;padding:var(--spacing-sm);margin:var(--spacing-sm);border:1px solid #333}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoNavHeaderElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-nav-header',
-                    host: {
+            args: [{ selector: 'novo-nav-header', host: {
                         '[class.active]': 'active',
                         '(click)': 'show($event)',
-                    },
-                    template: '<ng-content></ng-content>',
-                }]
+                    }, template: '<ng-content></ng-content>', styles: [":host{display:block;padding:var(--spacing-sm);margin:var(--spacing-sm);border:1px solid #333}\n"] }]
         }], ctorParameters: function () { return [{ type: NovoNavOutletElement }]; }, propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']

package/fesm2015/novo-elements-elements-tabs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"novo-elements-elements-tabs.mjs","sources":["../../../projects/novo-elements/src/elements/tabs/Tabs.ts","../../../projects/novo-elements/src/elements/tabs/Tabs.module.ts","../../../projects/novo-elements/src/elements/tabs/novo-elements-elements-tabs.ts"],"sourcesContent":["// NG2\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n AfterContentChecked,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n OnInit,\n Optional,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { Router, RouterLink } from '@angular/router';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-nav',\n template: '<ng-content></ng-content>',\n})\nexport class NovoNavElement implements AfterContentChecked {\n @Input()\n theme: string = '';\n @Input()\n direction: string = '';\n @Input()\n outlet: any;\n @Input()\n router: string;\n @HostBinding('class.condensed')\n @Input()\n @BooleanInput()\n condensed: boolean = false;\n\n items: Array<any> = [];\n\n /** The index of the active tab. /\n @Input()\n get selectedIndex(): number \| null {\n return this._selectedIndex;\n }\n set selectedIndex(value: number \| null) {\n this._indexToSelect = coerceNumberProperty(value, null);\n }\n private _selectedIndex: number \| null = null;\n /* The tab index that should be selected after the content has been checked. /\n private _indexToSelect: number \| null = 0;\n /* Output to enable support for two-way binding on `[(selectedIndex)]` /\n @Output() readonly selectedIndexChange: EventEmitter<number> = new EventEmitter<number>();\n\n ngAfterContentChecked() {\n // Don't clamp the `indexToSelect` immediately in the setter because it can happen that\n // the amount of tabs changes before the actual change detection runs.\n const indexToSelect = (this._indexToSelect = this._clampTabIndex(this._indexToSelect));\n if (this._selectedIndex !== indexToSelect) {\n const isFirstRun = this._selectedIndex == null;\n // Changing these values after change detection has run\n // since the checked content may contain references to them.\n Promise.resolve().then(() => {\n this._deactivateAllItems(this.items);\n this._activateSelectedItem(indexToSelect);\n this._showActiveContent(indexToSelect);\n if (!isFirstRun) {\n this.selectedIndexChange.emit(indexToSelect);\n }\n });\n\n this._selectedIndex = indexToSelect;\n }\n }\n\n select(item) {\n const indexToSelect = this.items.indexOf(item);\n // Deactivate all other tabs\n this._deactivateAllItems(this.items);\n this._activateSelectedItem(indexToSelect);\n this._showActiveContent(indexToSelect);\n this.selectedIndexChange.emit(indexToSelect);\n }\n\n add(item) {\n if (this.items.length === 0) {\n item.active = true;\n // item.selected.next();\n }\n this.items.push(item);\n }\n\n private _activateSelectedItem(indexToSelect: number) {\n const item = this.items[indexToSelect];\n if (item) {\n item.active = true;\n }\n }\n\n private _showActiveContent(indexToSelect: number) {\n if (this.outlet) {\n this.outlet.show(indexToSelect);\n }\n }\n\n private _deactivateAllItems(items: Array<any>) {\n items.forEach((t) => {\n if (t.active === true) {\n // t.deselected.next();\n }\n t.active = false;\n });\n }\n\n /* Clamps the given index to the bounds of 0 and the tabs length. /\n private _clampTabIndex(index: number \| null): number {\n return Math.min(this.items.length - 1, Math.max(index \|\| 0, 0));\n }\n}\n\n@Component({\n selector: 'novo-tab',\n host: {\n '(click)': 'select()',\n '[class.active]': 'active',\n '[class.disabled]': 'disabled',\n '[attr.role]': 'tab',\n },\n template: `\n <div #tablink class=\"novo-tab-link\">\n <ng-content></ng-content>\n </div>\n <span class=\"indicator\"></span>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoTabElement {\n @HostBinding('attr.role')\n public role = 'tab';\n\n @Input()\n active: boolean = false;\n\n @Input()\n color: string;\n\n @Input()\n @BooleanInput()\n disabled: boolean = false;\n\n @Output()\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n onlyText = true;\n @HostBinding('class.text-only')\n get hb_textOnly() {\n return this.onlyText;\n }\n\n @ViewChild('tablink')\n tablink;\n\n nav: any;\n\n constructor(nav: NovoNavElement, private el: ElementRef, private cdr: ChangeDetectorRef) {\n this.nav = nav;\n this.nav.add(this);\n const tablink = el.nativeElement.querySelector('.novo-tab-link');\n if (tablink) {\n for (let i = 0; i < tablink.childNodes.length; i++) {\n if (tablink.childNodes[i].nodeType !== Node.TEXT_NODE) this.onlyText = false;\n }\n }\n }\n\n select() {\n if (!this.disabled) {\n this.activeChange.emit(true);\n this.nav.select(this);\n }\n this.cdr.detectChanges();\n }\n}\n\n@Component({\n selector: 'novo-tab-button',\n host: {\n '(click)': 'select()',\n '[class.active]': 'active',\n '[class.disabled]': 'disabled',\n },\n template: '<ng-content></ng-content>',\n})\nexport class NovoTabButtonElement {\n @HostBinding('attr.role')\n public role = 'tab';\n @Input()\n active: boolean = false;\n @Input()\n disabled: boolean = false;\n\n nav: any;\n\n constructor(nav: NovoNavElement) {\n this.nav = nav;\n this.nav.add(this);\n }\n\n select() {\n if (!this.disabled) {\n this.nav.select(this);\n }\n }\n}\n\n@Component({\n selector: 'novo-tab-link',\n host: {\n '(click)': 'select()',\n '[class.active]': 'active',\n '[class.disabled]': 'disabled',\n },\n template: `\n <div class=\"novo-tab-link\">\n <ng-content></ng-content>\n </div>\n <span class=\"indicator\"></span>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoTabLinkElement implements OnInit {\n @HostBinding('attr.role')\n public role = 'tab';\n @Input()\n active: boolean = false;\n @Input()\n disabled: boolean = false;\n @Input()\n spy: string;\n\n nav: any;\n\n constructor(nav: NovoNavElement, private router: Router, private cdr: ChangeDetectorRef, @Optional() private link?: RouterLink) {\n this.nav = nav;\n this.nav.add(this);\n }\n\n ngOnInit(): void {\n if (this.isLinkActive(this.link)) {\n this.nav.select(this);\n }\n }\n\n select() {\n if (!this.disabled) {\n this.nav.select(this);\n if (this.spy) {\n const el = document.querySelector(`#${this.spy}`);\n el?.scrollIntoView(true);\n }\n }\n }\n\n private isLinkActive(link: RouterLink) {\n return link && link.urlTree ? this.router.isActive(link.urlTree, false) : false;\n }\n}\n\n@Component({\n selector: 'novo-nav-outlet',\n template: '<ng-content></ng-content>',\n})\nexport class NovoNavOutletElement {\n items: Array<any> = [];\n\n show(index) {\n const item = this.items[index];\n\n /\n Deactivates other tab items\n * @param items - deactivated items\n /\n function _deactivateAllItems(items) {\n items.forEach((t) => {\n if (t.active === true) {\n // t.deselected.next();\n }\n t.active = false;\n });\n }\n\n _deactivateAllItems(this.items);\n item.active = true;\n }\n\n add(item) {\n if (this.items.length === 0) {\n item.active = true;\n }\n this.items.push(item);\n }\n}\n\n@Component({\n selector: 'novo-nav-content',\n host: {\n '[class.active]': 'active',\n },\n template: '<ng-content></ng-content>',\n})\nexport class NovoNavContentElement {\n @Input()\n active: boolean = false;\n\n constructor(outlet: NovoNavOutletElement) {\n outlet.add(this);\n }\n}\n\n@Component({\n selector: 'novo-nav-header',\n host: {\n '[class.active]': 'active',\n '(click)': 'show($event)',\n },\n template: '<ng-content></ng-content>',\n})\nexport class NovoNavHeaderElement {\n @HostBinding('attr.role')\n public role = 'tabpanel';\n @Input()\n active: boolean = false;\n @Input('for')\n forElement: any;\n outlet: any;\n\n constructor(outlet: NovoNavOutletElement) {\n this.active = this.active \|\| false;\n this.outlet = outlet;\n }\n\n show(event?: any) {\n try {\n const INDEX = this.outlet.items.indexOf(this.forElement);\n if (INDEX > -1) {\n this.outlet.show(INDEX);\n }\n } catch (err) {\n // do nothing\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport {\n NovoNavContentElement,\n NovoNavElement,\n NovoNavHeaderElement,\n NovoNavOutletElement,\n NovoTabButtonElement,\n NovoTabElement,\n NovoTabLinkElement,\n} from './Tabs';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [\n NovoNavElement,\n NovoTabElement,\n NovoTabButtonElement,\n NovoTabLinkElement,\n NovoNavOutletElement,\n NovoNavContentElement,\n NovoNavHeaderElement,\n ],\n exports: [\n NovoNavElement,\n NovoTabElement,\n NovoTabButtonElement,\n NovoTabLinkElement,\n NovoNavOutletElement,\n NovoNavContentElement,\n NovoNavHeaderElement,\n ],\n})\nexport class NovoTabModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"novo-elements-elements-tabs.mjs","sources":["../../../projects/novo-elements/src/elements/tabs/Tabs.ts","../../../projects/novo-elements/src/elements/tabs/Tabs.module.ts","../../../projects/novo-elements/src/elements/tabs/novo-elements-elements-tabs.ts"],"sourcesContent":["// NG2\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n AfterContentChecked,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n OnInit,\n Optional,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { Router, RouterLink } from '@angular/router';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-nav',\n template: '<ng-content></ng-content>',\n styleUrls: ['./tab-nav.scss'],\n})\nexport class NovoNavElement implements AfterContentChecked {\n @Input()\n theme: string = '';\n @Input()\n direction: string = '';\n @Input()\n outlet: any;\n @Input()\n router: string;\n @HostBinding('class.condensed')\n @Input()\n @BooleanInput()\n condensed: boolean = false;\n\n items: Array<any> = [];\n\n /** The index of the active tab. /\n @Input()\n get selectedIndex(): number \| null {\n return this._selectedIndex;\n }\n set selectedIndex(value: number \| null) {\n this._indexToSelect = coerceNumberProperty(value, null);\n }\n private _selectedIndex: number \| null = null;\n /* The tab index that should be selected after the content has been checked. /\n private _indexToSelect: number \| null = 0;\n /* Output to enable support for two-way binding on `[(selectedIndex)]` /\n @Output() readonly selectedIndexChange: EventEmitter<number> = new EventEmitter<number>();\n\n ngAfterContentChecked() {\n // Don't clamp the `indexToSelect` immediately in the setter because it can happen that\n // the amount of tabs changes before the actual change detection runs.\n const indexToSelect = (this._indexToSelect = this._clampTabIndex(this._indexToSelect));\n if (this._selectedIndex !== indexToSelect) {\n const isFirstRun = this._selectedIndex == null;\n // Changing these values after change detection has run\n // since the checked content may contain references to them.\n Promise.resolve().then(() => {\n this._deactivateAllItems(this.items);\n this._activateSelectedItem(indexToSelect);\n this._showActiveContent(indexToSelect);\n if (!isFirstRun) {\n this.selectedIndexChange.emit(indexToSelect);\n }\n });\n\n this._selectedIndex = indexToSelect;\n }\n }\n\n select(item) {\n const indexToSelect = this.items.indexOf(item);\n // Deactivate all other tabs\n this._deactivateAllItems(this.items);\n this._activateSelectedItem(indexToSelect);\n this._showActiveContent(indexToSelect);\n this.selectedIndexChange.emit(indexToSelect);\n }\n\n add(item) {\n if (this.items.length === 0) {\n item.active = true;\n // item.selected.next();\n }\n this.items.push(item);\n }\n\n private _activateSelectedItem(indexToSelect: number) {\n const item = this.items[indexToSelect];\n if (item) {\n item.active = true;\n }\n }\n\n private _showActiveContent(indexToSelect: number) {\n if (this.outlet) {\n this.outlet.show(indexToSelect);\n }\n }\n\n private _deactivateAllItems(items: Array<any>) {\n items.forEach((t) => {\n if (t.active === true) {\n // t.deselected.next();\n }\n t.active = false;\n });\n }\n\n /* Clamps the given index to the bounds of 0 and the tabs length. /\n private _clampTabIndex(index: number \| null): number {\n return Math.min(this.items.length - 1, Math.max(index \|\| 0, 0));\n }\n}\n\n@Component({\n selector: 'novo-tab',\n host: {\n '(click)': 'select()',\n '[class.active]': 'active',\n '[class.disabled]': 'disabled',\n '[attr.role]': 'tab',\n },\n template: `\n <div #tablink class=\"novo-tab-link\">\n <ng-content></ng-content>\n </div>\n <span class=\"indicator\"></span>\n `,\n styleUrls: ['./tab.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoTabElement {\n @HostBinding('attr.role')\n public role = 'tab';\n\n @Input()\n active: boolean = false;\n\n @Input()\n color: string;\n\n @Input()\n @BooleanInput()\n disabled: boolean = false;\n\n @Output()\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n onlyText = true;\n @HostBinding('class.text-only')\n get hb_textOnly() {\n return this.onlyText;\n }\n\n @ViewChild('tablink')\n tablink;\n\n nav: any;\n\n constructor(nav: NovoNavElement, private el: ElementRef, private cdr: ChangeDetectorRef) {\n this.nav = nav;\n this.nav.add(this);\n const tablink = el.nativeElement.querySelector('.novo-tab-link');\n if (tablink) {\n for (let i = 0; i < tablink.childNodes.length; i++) {\n if (tablink.childNodes[i].nodeType !== Node.TEXT_NODE) this.onlyText = false;\n }\n }\n }\n\n select() {\n if (!this.disabled) {\n this.activeChange.emit(true);\n this.nav.select(this);\n }\n this.cdr.detectChanges();\n }\n}\n\n@Component({\n selector: 'novo-tab-button',\n host: {\n '(click)': 'select()',\n '[class.active]': 'active',\n '[class.disabled]': 'disabled',\n },\n template: '<ng-content></ng-content>',\n styleUrls: ['./tab-button.scss'],\n})\nexport class NovoTabButtonElement {\n @HostBinding('attr.role')\n public role = 'tab';\n @Input()\n active: boolean = false;\n @Input()\n disabled: boolean = false;\n\n nav: any;\n\n constructor(nav: NovoNavElement) {\n this.nav = nav;\n this.nav.add(this);\n }\n\n select() {\n if (!this.disabled) {\n this.nav.select(this);\n }\n }\n}\n\n@Component({\n selector: 'novo-tab-link',\n host: {\n '(click)': 'select()',\n '[class.active]': 'active',\n '[class.disabled]': 'disabled',\n },\n template: `\n <div class=\"novo-tab-link\">\n <ng-content></ng-content>\n </div>\n <span class=\"indicator\"></span>\n `,\n styleUrls: ['./tab.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoTabLinkElement implements OnInit {\n @HostBinding('attr.role')\n public role = 'tab';\n @Input()\n active: boolean = false;\n @Input()\n disabled: boolean = false;\n @Input()\n spy: string;\n\n nav: any;\n\n constructor(nav: NovoNavElement, private router: Router, private cdr: ChangeDetectorRef, @Optional() private link?: RouterLink) {\n this.nav = nav;\n this.nav.add(this);\n }\n\n ngOnInit(): void {\n if (this.isLinkActive(this.link)) {\n this.nav.select(this);\n }\n }\n\n select() {\n if (!this.disabled) {\n this.nav.select(this);\n if (this.spy) {\n const el = document.querySelector(`#${this.spy}`);\n el?.scrollIntoView(true);\n }\n }\n }\n\n private isLinkActive(link: RouterLink) {\n return link && link.urlTree ? this.router.isActive(link.urlTree, false) : false;\n }\n}\n\n@Component({\n selector: 'novo-nav-outlet',\n template: '<ng-content></ng-content>',\n styleUrls: ['./tab-outlet.scss'],\n})\nexport class NovoNavOutletElement {\n items: Array<any> = [];\n\n show(index) {\n const item = this.items[index];\n\n /\n Deactivates other tab items\n * @param items - deactivated items\n /\n function _deactivateAllItems(items) {\n items.forEach((t) => {\n if (t.active === true) {\n // t.deselected.next();\n }\n t.active = false;\n });\n }\n\n _deactivateAllItems(this.items);\n item.active = true;\n }\n\n add(item) {\n if (this.items.length === 0) {\n item.active = true;\n }\n this.items.push(item);\n }\n}\n\n@Component({\n selector: 'novo-nav-content',\n host: {\n '[class.active]': 'active',\n },\n template: '<ng-content></ng-content>',\n styleUrls: ['./tab-content.scss'],\n})\nexport class NovoNavContentElement {\n @Input()\n active: boolean = false;\n\n constructor(outlet: NovoNavOutletElement) {\n outlet.add(this);\n }\n}\n\n@Component({\n selector: 'novo-nav-header',\n host: {\n '[class.active]': 'active',\n '(click)': 'show($event)',\n },\n template: '<ng-content></ng-content>',\n styleUrls: ['./tab-header.scss'],\n})\nexport class NovoNavHeaderElement {\n @HostBinding('attr.role')\n public role = 'tabpanel';\n @Input()\n active: boolean = false;\n @Input('for')\n forElement: any;\n outlet: any;\n\n constructor(outlet: NovoNavOutletElement) {\n this.active = this.active \|\| false;\n this.outlet = outlet;\n }\n\n show(event?: any) {\n try {\n const INDEX = this.outlet.items.indexOf(this.forElement);\n if (INDEX > -1) {\n this.outlet.show(INDEX);\n }\n } catch (err) {\n // do nothing\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport {\n NovoNavContentElement,\n NovoNavElement,\n NovoNavHeaderElement,\n NovoNavOutletElement,\n NovoTabButtonElement,\n NovoTabElement,\n NovoTabLinkElement,\n} from './Tabs';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [\n NovoNavElement,\n NovoTabElement,\n NovoTabButtonElement,\n NovoTabLinkElement,\n NovoNavOutletElement,\n NovoNavContentElement,\n NovoNavHeaderElement,\n ],\n exports: [\n NovoNavElement,\n NovoTabElement,\n NovoTabButtonElement,\n NovoTabLinkElement,\n NovoNavOutletElement,\n NovoNavContentElement,\n NovoNavHeaderElement,\n ],\n})\nexport class NovoTabModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/novo-elements-elements-tiles.mjs CHANGED Viewed

@@ -134,13 +134,10 @@ NovoTilesElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         </label>
       </div>
     </div>
-  `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:inline-block;position:relative;color:#4a89dc}:host input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;height:0!important;border:none!important;position:absolute}:host>.tile-container{display:flex;text-align:center;background-color:var(--background-bright);border:solid thin #4a89dc;border-radius:3px;position:relative;align-items:center}:host>.tile-container .tile{padding:0 1rem;line-height:3.2rem;height:100%;z-index:1;position:relative;cursor:pointer;letter-spacing:.02em}:host>.tile-container .tile:not(:last-child){border-right:solid thin #4a89dc}:host>.tile-container .tile:not(.disabled).active{box-shadow:inset 3px 2px 4px #0000004d;color:#fff;background:#4a89dc}:host>.tile-container .tile:not(.disabled):hover{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host>.tile-container .tile.active{font-weight:600}:host>.tile-container .tile.disabled{cursor:not-allowed;opacity:.4}:host>.tile-container .tile label{z-index:1;position:relative;cursor:inherit}:host>.tile-container.active{color:#4a89dc;border-color:#4a89dc;box-shadow:0 0 15px 3px #4a89dc40}:host>.tile-container.disabled{border-color:#d1d1d1;opacity:.4;pointer-events:auto;cursor:not-allowed}:host>.tile-container.disabled .tile{pointer-events:none;opacity:1}:host>.tile-container.disabled .tile:hover{box-shadow:none}:host>.tile-container.disabled .tile.active{box-shadow:inset 3px 2px 4px #0000004d}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoTilesElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-tiles',
-                    providers: [TILES_VALUE_ACCESSOR],
-                    template: `
+            args: [{ selector: 'novo-tiles', providers: [TILES_VALUE_ACCESSOR], template: `
     <div class="tile-container" [class.active]="focused" [class.disabled]="disabled">
       <div
         class="tile"
@@ -165,9 +162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         </label>
       </div>
     </div>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;position:relative;color:#4a89dc}:host input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;height:0!important;border:none!important;position:absolute}:host>.tile-container{display:flex;text-align:center;background-color:var(--background-bright);border:solid thin #4a89dc;border-radius:3px;position:relative;align-items:center}:host>.tile-container .tile{padding:0 1rem;line-height:3.2rem;height:100%;z-index:1;position:relative;cursor:pointer;letter-spacing:.02em}:host>.tile-container .tile:not(:last-child){border-right:solid thin #4a89dc}:host>.tile-container .tile:not(.disabled).active{box-shadow:inset 3px 2px 4px #0000004d;color:#fff;background:#4a89dc}:host>.tile-container .tile:not(.disabled):hover{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host>.tile-container .tile.active{font-weight:600}:host>.tile-container .tile.disabled{cursor:not-allowed;opacity:.4}:host>.tile-container .tile label{z-index:1;position:relative;cursor:inherit}:host>.tile-container.active{color:#4a89dc;border-color:#4a89dc;box-shadow:0 0 15px 3px #4a89dc40}:host>.tile-container.disabled{border-color:#d1d1d1;opacity:.4;pointer-events:auto;cursor:not-allowed}:host>.tile-container.disabled .tile{pointer-events:none;opacity:1}:host>.tile-container.disabled .tile:hover{box-shadow:none}:host>.tile-container.disabled .tile.active{box-shadow:inset 3px 2px 4px #0000004d}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
                 type: Input
             }], options: [{

package/fesm2015/novo-elements-elements-tiles.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"novo-elements-elements-tiles.mjs","sources":["../../../projects/novo-elements/src/elements/tiles/Tiles.ts","../../../projects/novo-elements/src/elements/tiles/Tiles.module.ts","../../../projects/novo-elements/src/elements/tiles/novo-elements-elements-tiles.ts"],"sourcesContent":["// NG2\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n// APP\nimport { Helpers } from 'novo-elements/utils';\n\n// Value accessor for the component (supports ngModel)\nconst TILES_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NovoTilesElement),\n multi: true,\n};\n\n@Component({\n selector: 'novo-tiles',\n providers: [TILES_VALUE_ACCESSOR],\n template: `\n <div class=\"tile-container\" [class.active]=\"focused\" [class.disabled]=\"disabled\">\n <div\n class=\"tile\"\n ngFor=\"let option of _options; let i = index\"\n [ngClass]=\"{ active: option.checked, disabled: option.disabled }\"\n (click)=\"select($event, option)\"\n [attr.data-automation-id]=\"option.label \|\| option\"\n >\n <input\n class=\"tiles-input\"\n [name]=\"name\"\n type=\"radio\"\n [value]=\"option.checked \|\| option.value \|\| option\"\n [attr.id]=\"name + i\"\n (change)=\"select($event, option)\"\n (focus)=\"setFocus(true)\"\n (blur)=\"setFocus(false)\"\n [disabled]=\"disabled\"\n />\n <label [attr.for]=\"name + i\" [attr.data-automation-id]=\"option.label \|\| option\">\n {{ option.label \|\| option }}\n </label>\n </div>\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoTilesElement implements ControlValueAccessor, AfterContentInit, OnChanges {\n @Input()\n name: string = new Date().getTime().toString();\n @Input()\n options: any;\n @Input()\n required: boolean;\n @Input('controlDisabled')\n disabled: boolean = false;\n @Output()\n onChange: EventEmitter<any> = new EventEmitter();\n @Output()\n onSelectedOptionClick: EventEmitter<any> = new EventEmitter();\n @Output()\n onDisabledOptionClick: EventEmitter<any> = new EventEmitter();\n\n _options: Array<any> = [];\n public activeTile: any = null;\n public focused: boolean = false;\n\n model: any;\n onModelChange: Function = () => {};\n onModelTouched: Function = () => {};\n\n constructor(private element: ElementRef, private ref: ChangeDetectorRef) {}\n\n public setFocus(focus: boolean): void {\n this.focused = focus;\n }\n\n ngAfterContentInit() {\n this.name = this.name \|\| '';\n this.setupOptions();\n }\n\n ngOnChanges(change: SimpleChanges) {\n if (change.options && change.options.currentValue && !change.options.firstChange) {\n this.name = this.name \|\| '';\n this._options = [];\n this.setupOptions();\n }\n }\n\n setupOptions() {\n if (this.options && this.options.length && (this.options[0].value === undefined \|\| this.options[0].value === null)) {\n this._options = this.options.map((x) => {\n const item = { value: x, label: x, checked: this.model === x };\n if (item.checked) {\n this.setTile(item);\n }\n return item;\n });\n } else {\n this._options = this.options.map((x) => {\n x.checked = this.model === x.value \|\| (this.model && this.model.id === x.value);\n if (x.checked) {\n this.setTile(x);\n }\n return x;\n });\n }\n this.ref.markForCheck();\n }\n\n select(event, item) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (!item.disabled) {\n if (item.checked) {\n this.onSelectedOptionClick.emit(item);\n return;\n }\n\n for (const option of this._options) {\n option.checked = false;\n }\n\n item.checked = !item.checked;\n this.onChange.emit(item.value);\n this.onModelChange(item.value);\n this.setTile(item);\n this.model = item.value;\n } else {\n this.onDisabledOptionClick.emit(item);\n }\n this.ref.markForCheck();\n }\n\n setTile(item) {\n if (item) {\n this.activeTile = item.value;\n this.ref.markForCheck();\n }\n }\n\n writeValue(model: any): void {\n this.model = model;\n if (!Helpers.isBlank(model)) {\n this.setupOptions();\n }\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n\n setDisabledState(disabled: boolean): void {\n this.disabled = disabled;\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n// APP\nimport { NovoTilesElement } from './Tiles';\n\n@NgModule({\n imports: [CommonModule, ReactiveFormsModule],\n declarations: [NovoTilesElement],\n exports: [NovoTilesElement],\n})\nexport class NovoTilesModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"novo-elements-elements-tiles.mjs","sources":["../../../projects/novo-elements/src/elements/tiles/Tiles.ts","../../../projects/novo-elements/src/elements/tiles/Tiles.module.ts","../../../projects/novo-elements/src/elements/tiles/novo-elements-elements-tiles.ts"],"sourcesContent":["// NG2\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n// APP\nimport { Helpers } from 'novo-elements/utils';\n\n// Value accessor for the component (supports ngModel)\nconst TILES_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NovoTilesElement),\n multi: true,\n};\n\n@Component({\n selector: 'novo-tiles',\n providers: [TILES_VALUE_ACCESSOR],\n template: `\n <div class=\"tile-container\" [class.active]=\"focused\" [class.disabled]=\"disabled\">\n <div\n class=\"tile\"\n ngFor=\"let option of _options; let i = index\"\n [ngClass]=\"{ active: option.checked, disabled: option.disabled }\"\n (click)=\"select($event, option)\"\n [attr.data-automation-id]=\"option.label \|\| option\"\n >\n <input\n class=\"tiles-input\"\n [name]=\"name\"\n type=\"radio\"\n [value]=\"option.checked \|\| option.value \|\| option\"\n [attr.id]=\"name + i\"\n (change)=\"select($event, option)\"\n (focus)=\"setFocus(true)\"\n (blur)=\"setFocus(false)\"\n [disabled]=\"disabled\"\n />\n <label [attr.for]=\"name + i\" [attr.data-automation-id]=\"option.label \|\| option\">\n {{ option.label \|\| option }}\n </label>\n </div>\n </div>\n `,\n styleUrls: ['./Tiles.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoTilesElement implements ControlValueAccessor, AfterContentInit, OnChanges {\n @Input()\n name: string = new Date().getTime().toString();\n @Input()\n options: any;\n @Input()\n required: boolean;\n @Input('controlDisabled')\n disabled: boolean = false;\n @Output()\n onChange: EventEmitter<any> = new EventEmitter();\n @Output()\n onSelectedOptionClick: EventEmitter<any> = new EventEmitter();\n @Output()\n onDisabledOptionClick: EventEmitter<any> = new EventEmitter();\n\n _options: Array<any> = [];\n public activeTile: any = null;\n public focused: boolean = false;\n\n model: any;\n onModelChange: Function = () => {};\n onModelTouched: Function = () => {};\n\n constructor(private element: ElementRef, private ref: ChangeDetectorRef) {}\n\n public setFocus(focus: boolean): void {\n this.focused = focus;\n }\n\n ngAfterContentInit() {\n this.name = this.name \|\| '';\n this.setupOptions();\n }\n\n ngOnChanges(change: SimpleChanges) {\n if (change.options && change.options.currentValue && !change.options.firstChange) {\n this.name = this.name \|\| '';\n this._options = [];\n this.setupOptions();\n }\n }\n\n setupOptions() {\n if (this.options && this.options.length && (this.options[0].value === undefined \|\| this.options[0].value === null)) {\n this._options = this.options.map((x) => {\n const item = { value: x, label: x, checked: this.model === x };\n if (item.checked) {\n this.setTile(item);\n }\n return item;\n });\n } else {\n this._options = this.options.map((x) => {\n x.checked = this.model === x.value \|\| (this.model && this.model.id === x.value);\n if (x.checked) {\n this.setTile(x);\n }\n return x;\n });\n }\n this.ref.markForCheck();\n }\n\n select(event, item) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (!item.disabled) {\n if (item.checked) {\n this.onSelectedOptionClick.emit(item);\n return;\n }\n\n for (const option of this._options) {\n option.checked = false;\n }\n\n item.checked = !item.checked;\n this.onChange.emit(item.value);\n this.onModelChange(item.value);\n this.setTile(item);\n this.model = item.value;\n } else {\n this.onDisabledOptionClick.emit(item);\n }\n this.ref.markForCheck();\n }\n\n setTile(item) {\n if (item) {\n this.activeTile = item.value;\n this.ref.markForCheck();\n }\n }\n\n writeValue(model: any): void {\n this.model = model;\n if (!Helpers.isBlank(model)) {\n this.setupOptions();\n }\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n\n setDisabledState(disabled: boolean): void {\n this.disabled = disabled;\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n// APP\nimport { NovoTilesElement } from './Tiles';\n\n@NgModule({\n imports: [CommonModule, ReactiveFormsModule],\n declarations: [NovoTilesElement],\n exports: [NovoTilesElement],\n})\nexport class NovoTilesModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}