novo-elements 13.2.0-next.4 → 13.2.0-next.5

package/elements/checkbox/CheckList.scss

@@ -88,3 +88,72 @@
     }
   }
 }
+
+// bh2026: CSS-based checkbox rendering — replaces icon font glyphs
+:host-context([data-theme='bh2026']) {
+  .novo-checkbox-group {
+    label i.bhi-checkbox-empty,
+    label i.bhi-checkbox-filled {
+      font-size: 0;
+      display: inline-flex;
+      align-self: center;
+      width: 16px;
+      height: 16px;
+      position: relative;
+      flex-shrink: 0;
+    }
+
+    label i.bhi-checkbox-empty {
+      &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        border: 1px solid var(--color-border-control);
+        border-radius: 2px;
+        background: white;
+      }
+    }
+
+    label i.bhi-checkbox-filled {
+      &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: var(--color-background-utility-positive);
+        border: 1px solid var(--color-utility-blue-600);
+        border-radius: 2px;
+      }
+      &::after {
+        content: '';
+        position: absolute;
+        left: 3px;
+        top: 4px;
+        width: 9px;
+        height: 5px;
+        border-left: 2px solid var(--color-utility-blue-600);
+        border-bottom: 2px solid var(--color-utility-blue-600);
+        transform: rotate(-45deg);
+      }
+    }
+
+    &.disabled {
+      label {
+        opacity: 1;
+      }
+      label i.bhi-checkbox-empty {
+        &::before {
+          background: var(--color-background-utility-positive);
+          border-color: var(--color-border-input-disabled);
+        }
+      }
+      label i.bhi-checkbox-filled {
+        &::before {
+          border-color: var(--color-border-input-disabled);
+        }
+        &::after {
+          border-color: var(--color-border-input-disabled);
+        }
+      }
+    }
+  }
+}

package/elements/checkbox/Checkbox.scss

@@ -91,3 +91,107 @@
     }
   }
 }
+
+// bh2026: CSS-based checkbox rendering — replaces icon font glyphs
+:host-context([data-theme='bh2026']) {
+  .novo-checkbox-group {
+    // Suppress glyph and establish box dimensions for all box-style states
+    label i.bhi-checkbox-empty,
+    label i.bhi-checkbox-filled,
+    label i.bhi-checkbox-indeterminate {
+      font-size: 0;
+      display: inline-flex;
+      align-self: center;
+      width: 16px;
+      height: 16px;
+      position: relative;
+      flex-shrink: 0;
+    }
+
+    // Unchecked: white box with gray border
+    label i.bhi-checkbox-empty {
+      &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        border: 1px solid var(--color-border-control);
+        border-radius: 2px;
+        background: white;
+      }
+    }
+
+    // Checked: light-blue box with brand-blue border and checkmark
+    label i.bhi-checkbox-filled {
+      &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: var(--color-background-utility-positive);
+        border: 1px solid var(--color-utility-blue-600);
+        border-radius: 2px;
+      }
+      &::after {
+        content: '';
+        position: absolute;
+        left: 3px;
+        top: 4px;
+        width: 9px;
+        height: 5px;
+        border-left: 2px solid var(--color-utility-blue-600);
+        border-bottom: 2px solid var(--color-utility-blue-600);
+        transform: rotate(-45deg);
+      }
+    }
+
+    // Indeterminate: light-blue box with brand-blue border and dash
+    label i.bhi-checkbox-indeterminate {
+      &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: var(--color-background-utility-positive);
+        border: 1px solid var(--color-utility-blue-600);
+        border-radius: 2px;
+      }
+      &::after {
+        content: '';
+        position: absolute;
+        left: 4px;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 8px;
+        height: 2px;
+        background: var(--color-utility-blue-600);
+      }
+    }
+
+    // Disabled: override the base opacity:0.4 and use explicit muted colors
+    &.disabled {
+      label {
+        opacity: 1;
+      }
+      label i.bhi-checkbox-empty {
+        &::before {
+          background: var(--color-background-utility-positive);
+          border-color: var(--color-border-input-disabled);
+        }
+      }
+      label i.bhi-checkbox-filled {
+        &::before {
+          border-color: var(--color-border-input-disabled);
+        }
+        &::after {
+          border-color: var(--color-border-input-disabled);
+        }
+      }
+      label i.bhi-checkbox-indeterminate {
+        &::before {
+          border-color: var(--color-border-input-disabled);
+        }
+        &::after {
+          background: var(--color-border-input-disabled);
+        }
+      }
+    }
+  }
+}

package/elements/data-table/pagination/data-table-pagination.component.scss

@@ -107,6 +107,7 @@ $breakpoint: 1000px;
         font-size: var(--font-size-text);
         border-radius: var(--border-radius-xsm, 2px);
         list-style-type: none;
+        margin-top: 3px;
         cursor: pointer;
         color: var(--color-company);
         &.disabled {
@@ -126,3 +127,75 @@ $breakpoint: 1000px;
     }
   }
 }
+
+:host-context([data-theme='bh2026']) {
+  &.standard {
+    align-items: center;
+    border-top: 1px solid var(--pagination-color-border-default, var(--border));
+    padding: var(--spacing-padding-sm) var(--spacing-padding-sm) 0 var(--spacing-padding-md);
+
+    > * {
+      margin: 0;
+    }
+
+    h5.rows {
+      color: var(--pagination-color-content-label, var(--text-muted));
+      font-size: var(--typography-font-size-12);
+      font-weight: var(--typography-meta-sm-font-weight);
+      letter-spacing: var(--typography-meta-sm-letter-spacing);
+      line-height: var(--typography-meta-sm-line-height);
+      margin-right: var(--spacing-gap-sm);
+      opacity: 1;
+      padding: 0;
+      text-transform: uppercase;
+      white-space: nowrap;
+    }
+
+    novo-select {
+      color: var(--text-muted);
+      max-width: 60px;
+      min-width: 60px;
+      margin-right: var(--spacing-gap-sm);
+
+      ::ng-deep .novo-select-trigger {
+        height: var(--spacing-padding-xlg);
+        width: 5rem;
+
+        i.bhi-collapse::before {
+          content: "\f226"; // bhi-sort-desc - all code points are fixed in bullhorn-icons
+        }
+
+        span.text-ellipsis {
+          color: var(--button-color-select-color-content-value, var(--text-secondary));
+          font-size: var(--typography-button-default-font-size, var(--font-size-body));
+          font-weight: var(--typography-button-default-font-weight, var(--typography-body-default-font-weight));
+          letter-spacing: var(--typography-button-default-letter-spacing, var(--typography-body-default-letter-spacing));
+          line-height: var(--typography-button-default-line-height, var(--typography-line-height-20));
+        }
+      }
+    }
+
+    .novo-data-table-of-total-amount {
+      color: var(--pagination-color-content-label, var(--text-muted));
+      font-size: var(--typography-font-size-12);
+      font-weight: var(--typography-meta-sm-font-weight);
+    }
+
+    .pager {
+      gap: var(--data-table-spacing-gap, 0);
+
+      .page {
+        border-radius: var(--border-radius-xsm);
+        color: var(--pagination-color-content-label, var(--text-muted));
+        font-size: var(--typography-font-size-12);
+        font-weight: var(--typography-meta-sm-font-weight);
+
+        &.active {
+          background: var(--color-background-subtle, var(--background-muted));
+          border: 1px solid var(--pagination-color-border-default, var(--border));
+          opacity: 1;
+        }
+      }
+    }
+  }
+}

package/elements/header/Header.scss

@@ -168,7 +168,7 @@
   }
 
   &[class*='novo-accent-'] {
-    background: var(--color-transparency-white-90);
+    background: var(--header-background, var(--color-transparency-white-90));
     backdrop-filter: blur(12px);
     box-shadow: 0 1px 2px var(--color-transparency-black-10);
     padding-top: var(--spacing-md);

package/elements/list/list-item-content.scss

@@ -3,12 +3,7 @@
 @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
   // Wonky deprecation: For 2026, stringently avoid using * selectors to apply font/color changes - prefer inherit functionality
   // This setup made it very hard to provide overrides.
-  :host-context([theme="#{$name}"]):host-context(:root:not([data-theme='bh2026'])) {
-    &.novo-item-content > ::ng-deep *:not(.xxxx) {
-    color: rgba(#fff, 0.65);
-    }
-  }
-  :host-context([theme="#{$name}"]):host-context(:root[data-theme='bh2026']).novo-item-content {
+  :host-context([theme="#{$name}"]).novo-item-content {
     color: rgba(#fff, 0.65);
   }
 }
@@ -21,16 +16,13 @@
   display: flex;
   margin-left: 0.2em;
   
-  :root:not([data-theme='bh2026']) &.novo-item-content > ::ng-deep *:not(.yyy) {
+  &.novo-item-content {
     color: rgba(#434343, 0.85);
-  }
-  :root[data-theme='bh2026'] &.novo-item-content {
-    color: rgba(#434343, 0.85);
-  }
-  &.novo-item-content ::ng-deep i {
-    @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
-      &.#{$name} {
-        color: getCssVarname($name);
+    ::ng-deep i {
+      @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
+        &.#{$name} {
+          color: getCssVarname($name);
+        }
       }
     }
   }

package/elements/search/SearchBox.scss

@@ -70,7 +70,7 @@
   }
 }
 
-:host(.has-search-button) {
+:host(.has-border) {
   display: flex;
   align-items: center;
   gap: var(--spacing-8, 0.8rem);
@@ -86,6 +86,19 @@
     color: var(--color-text-subtle, var(--text-muted));
   }
 
+  [novo-search-trailing-action] {
+    flex-shrink: 0;
+    cursor: pointer;
+    color: var(--color-text-subtle, var(--text-muted));
+  }
+
+  ::ng-deep [novo-search-leading-content] {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+  }
+
   > input {
     flex: 1 1 0;
     min-width: 0;
@@ -97,8 +110,14 @@
   }
 }
 
+:host(.has-border.has-leading-content) {
+  > input {
+    display: none;
+  }
+}
+
 :host-context([data-theme='bh2026']) {
-  &.has-search-button {
+  &.has-border {
     border: 1px solid var(--color-border-default);
     border-radius: var(--button-radius);
   }

package/elements/search/index.d.ts

@@ -1,15 +1,22 @@
 import * as i0 from '@angular/core';
-import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone } from '@angular/core';
+import { OnInit, AfterContentChecked, ElementRef, EventEmitter, ChangeDetectorRef, NgZone } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { NovoLabelService } from 'novo-elements/services';
 import * as i2 from '@angular/common';
-import * as i3 from 'novo-elements/elements/button';
-import * as i4 from 'novo-elements/elements/icon';
-import * as i5 from 'novo-elements/elements/picker';
-import * as i6 from 'novo-elements/elements/tooltip';
-import * as i7 from 'novo-elements/elements/common';
+import * as i3 from 'novo-elements/elements/icon';
+import * as i4 from 'novo-elements/elements/picker';
+import * as i5 from 'novo-elements/elements/tooltip';
+import * as i6 from 'novo-elements/elements/common';
 
-declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit {
+/**
+ * Marker directive for content projected into the leading (left) area of `novo-search`.
+ * When present, the text input is hidden and the projected content fills its space.
+ */
+declare class NovoSearchLeadingContentDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoSearchLeadingContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NovoSearchLeadingContentDirective, "[novo-search-leading-content]", never, {}, {}, never, never, false, never>;
+}
+declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit, AfterContentChecked {
     element: ElementRef;
     labels: NovoLabelService;
     private _changeDetectorRef;
@@ -19,9 +26,8 @@ declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit {
     position: string;
     placeholder: string;
     alwaysOpen: boolean;
-    submitButton: boolean;
-    submitLabel: string;
-    submitButtonAutomationId: string;
+    bordered: boolean;
+    get hasBorder(): boolean;
     theme: string;
     color: string;
     closeOnSelect: boolean;
@@ -36,6 +42,8 @@ declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit {
     applySearch: EventEmitter<KeyboardEvent>;
     focused: boolean;
     value: any;
+    leadingContent: NovoSearchLeadingContentDirective;
+    get hasLeadingContent(): boolean;
     /** View -> model callback called when value changes */
     _onChange: (value: any) => void;
     /** View -> model callback called when autocomplete has been touched */
@@ -44,12 +52,10 @@ declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit {
     overlay: any;
     input: any;
     private debounceSearchChange;
+    private _hasLeadingContent;
     constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef, _zone: NgZone);
     ngOnInit(): void;
-    /**
-     * @name showFasterFind
-     * @description This function shows the picker and adds the active class (for animation)
-     */
+    ngAfterContentChecked(): void;
     showSearch(event?: any, forceClose?: boolean): void;
     onFocus(): void;
     onBlur(): void;
@@ -60,7 +66,6 @@ declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit {
     get panelOpen(): boolean;
     get active(): boolean;
     /** END: Convenient Panel Methods. */
-    onSubmitClick(event: MouseEvent): void;
     _handleKeydown(event: KeyboardEvent): void;
     _handleInput(event: KeyboardEvent): void;
     writeValue(value: any): void;
@@ -78,13 +83,13 @@ declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit {
      */
     clearValue(skip: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoSearchBoxElement, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NovoSearchBoxElement, "novo-search", never, { "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "position": { "alias": "position"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; }; "submitButton": { "alias": "submitButton"; "required": false; }; "submitLabel": { "alias": "submitLabel"; "required": false; }; "submitButtonAutomationId": { "alias": "submitButtonAutomationId"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "color": { "alias": "color"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "keepOpen": { "alias": "keepOpen"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "allowPropagation": { "alias": "allowPropagation"; "required": false; }; "overrideElement": { "alias": "overrideElement"; "required": false; }; }, { "searchChanged": "searchChanged"; "applySearch": "applySearch"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoSearchBoxElement, "novo-search", never, { "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "position": { "alias": "position"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "color": { "alias": "color"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "keepOpen": { "alias": "keepOpen"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "allowPropagation": { "alias": "allowPropagation"; "required": false; }; "overrideElement": { "alias": "overrideElement"; "required": false; }; }, { "searchChanged": "searchChanged"; "applySearch": "applySearch"; }, ["leadingContent"], ["[novo-search-leading-content]", "[novo-search-trailing-action]", "*"], false, never>;
 }
 
 declare class NovoSearchBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoSearchBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoSearchBoxModule, [typeof NovoSearchBoxElement], [typeof i2.CommonModule, typeof i3.NovoButtonModule, typeof i4.NovoIconModule, typeof i5.NovoPickerModule, typeof i6.NovoTooltipModule, typeof i7.NovoOverlayModule], [typeof NovoSearchBoxElement]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoSearchBoxModule, [typeof NovoSearchBoxElement, typeof NovoSearchLeadingContentDirective], [typeof i2.CommonModule, typeof i3.NovoIconModule, typeof i4.NovoPickerModule, typeof i5.NovoTooltipModule, typeof i6.NovoOverlayModule], [typeof NovoSearchBoxElement, typeof NovoSearchLeadingContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoSearchBoxModule>;
 }
 
-export { NovoSearchBoxElement, NovoSearchBoxModule };
+export { NovoSearchBoxElement, NovoSearchBoxModule, NovoSearchLeadingContentDirective };

package/elements/switch/Switch.scss

@@ -142,10 +142,46 @@ $switch-thumb-size: 20px !default;
   }
 }
 
-// bh2026: outlined toggle — white track + 1px neutral border in the off state
+// bh2026: 32×20 pill track, 16×16 thumb, always white — per Figma spec
 :host-context([data-theme='bh2026']) {
+  .novo-switch-container {
+    width: 32px;
+    height: 20px;
+  }
   .novo-switch-bar {
-    background-color: var(--toggle-color-background, #ffffff);
-    border: 1px solid var(--toggle-color-border, var(--color-border-default, #f0f5f9));
+    top: 0;
+    left: 0;
+    width: 32px;
+    height: 20px;
+    border-radius: 10px;
+    background-color: white;
+    border: 1px solid var(--color-border-input);
+  }
+  .novo-switch-thumb-container {
+    top: 2px;
+    left: 2px;
+    width: 12px; // travel: 32 - 16 - 4px padding = 12px
+  }
+  .novo-switch-thumb {
+    height: 16px;
+    width: 16px;
+    background-color: white;
+    border: 1px solid var(--color-border-input);
+    box-shadow: 0px 2px 4px 0px var(--color-transparency-charcoal-04);
+
+    novo-icon {
+      display: none;
+    }
+  }
+
+  &[aria-checked="true"] {
+    .novo-switch-bar {
+      background-color: var(--color-utility-blue-600);
+      border: none;
+    }
+    .novo-switch-thumb {
+      background-color: white;
+      border: none;
+    }
   }
 }

package/fesm2022/novo-elements-elements-breadcrumbs.mjs

@@ -64,7 +64,7 @@ class BreadcrumbItemElement {
         this.breadcrumbService.navigateTo($event, item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BreadcrumbItemElement, deps: [{ token: BreadcrumbService }, { token: NOVO_BREADCRUMB_REF }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BreadcrumbItemElement, isStandalone: false, selector: "novo-breadcrumb-item", inputs: { showMenu: "showMenu", customMenuTemplate: "customMenuTemplate", menuList: "menuList", isSearch: "isSearch" }, outputs: { toggleEvent: "toggleEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"showMenu; else breadcrumbContentTpl\">\n  <span [ngClass]=\"{ 'novo-breadcrumb-item-active': isOpen }\" #origin\n    class=\"novo-dropdown-no-border novo-dropdown-origin novo-breadcrumb-dropdown-origin\">\n    <ng-template [ngTemplateOutlet]=\"breadcrumbContentTpl\"></ng-template>\n    <novo-dropdown>\n      <novo-button theme=\"icon\" icon=\"collapse\" size=\"small\"></novo-button>\n      <novo-optgroup class=\"novo-breadcrumb-dropdown-menu\">\n        <div *ngIf=\"isSearch\" class=\"dropdown-search-container\">\n          <novo-search alwaysOpen=\"true\" (searchFn)=\"searchEvent($event)\" [class]=\"'search-in-dropdown'\"></novo-search>\n        </div>\n        <novo-option *ngFor=\"let item of menuListDisplay\" title=\"{{ item.name }}\">\n          <a *ngIf=\"!item.linkType || item.linkType === 'hrefLink'\" [href]=\"item.link\" rel=\"noopener\"\n            [target]=\"item.target ? item.target : '_self'\">{{ item.name }}</a>\n          <a *ngIf=\"item.linkType === 'routerLink'\" rel=\"noopener\" [target]=\"item.target\" [href]=\"item.link\"\n            (click)=\"navigateTo($event, item)\">{{ item.name }}</a>\n        </novo-option>\n      </novo-optgroup>\n    </novo-dropdown>\n  </span>\n</ng-container>\n\n<ng-template #breadcrumbContentTpl>\n  <span class=\"novo-breadcrumb-item\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n<ng-template #dropDownMenuTpl>\n  <div>test</div>\n\n</ng-template>\n\n<span class=\"novo-breadcrumb-separator\">\n  <ng-template\n    [ngTemplateOutlet]=\"breadcrumbComponent.separatorIcon ? breadcrumbComponent.separatorIcon : defaultSeparator\"\n    [ngTemplateOutletContext]=\"{\n    $implicit: this\n  }\">\n  </ng-template>\n</span>\n\n<ng-template #defaultSeparator>\n  <span class=\"novo-breadcrumb-separator\">\n    /\n  </span>\n</ng-template>", styles: [".novo-breadcrumb-font-style,:host .novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a,:host .novo-breadcrumb-item{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}.novo-breadcrumb-font-style.text-capitalize,:host .text-capitalize.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-capitalize,:host .text-capitalize.novo-breadcrumb-item{text-transform:capitalize}.novo-breadcrumb-font-style.text-uppercase,:host .text-uppercase.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-uppercase,:host .text-uppercase.novo-breadcrumb-item{text-transform:uppercase}.novo-breadcrumb-font-style.text-nowrap,:host .text-nowrap.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-nowrap,:host .text-nowrap.novo-breadcrumb-item{white-space:nowrap}.novo-breadcrumb-font-style.text-ellipsis,:host .text-ellipsis.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-ellipsis,:host .text-ellipsis.novo-breadcrumb-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-breadcrumb-font-style.text-size-default,:host .text-size-default.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-default,:host .text-size-default.novo-breadcrumb-item{font-size:inherit}.novo-breadcrumb-font-style.text-size-body,:host .text-size-body.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-body,:host .text-size-body.novo-breadcrumb-item{font-size:var(--font-size-body)}.novo-breadcrumb-font-style.text-size-xs,:host .text-size-xs.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-xs,:host .text-size-xs.novo-breadcrumb-item{font-size:var(--font-size-xs)}.novo-breadcrumb-font-style.text-size-sm,:host .text-size-sm.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-sm,:host .text-size-sm.novo-breadcrumb-item{font-size:var(--font-size-sm)}.novo-breadcrumb-font-style.text-size-md,:host .text-size-md.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-md,:host .text-size-md.novo-breadcrumb-item{font-size:var(--font-size-md)}.novo-breadcrumb-font-style.text-size-lg,:host .text-size-lg.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-lg,:host .text-size-lg.novo-breadcrumb-item{font-size:var(--font-size-lg)}.novo-breadcrumb-font-style.text-size-xl,:host .text-size-xl.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-xl,:host .text-size-xl.novo-breadcrumb-item{font-size:var(--font-size-xl)}.novo-breadcrumb-font-style.text-size-2xl,:host .text-size-2xl.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-2xl,:host .text-size-2xl.novo-breadcrumb-item{font-size:var(--font-size-2xl)}.novo-breadcrumb-font-style.text-size-3xl,:host .text-size-3xl.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-3xl,:host .text-size-3xl.novo-breadcrumb-item{font-size:var(--font-size-3xl)}.novo-breadcrumb-font-style.text-size-smaller,:host .text-size-smaller.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-smaller,:host .text-size-smaller.novo-breadcrumb-item{font-size:.8em}.novo-breadcrumb-font-style.text-size-larger,:host .text-size-larger.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-larger,:host .text-size-larger.novo-breadcrumb-item{font-size:1.2em}.novo-breadcrumb-font-style.text-color-black,:host .text-color-black.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-black,:host .text-color-black.novo-breadcrumb-item{color:var(--color-black)}.novo-breadcrumb-font-style.text-color-white,:host .text-color-white.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-white,:host .text-color-white.novo-breadcrumb-item{color:var(--color-white)}.novo-breadcrumb-font-style.text-color-gray,:host .text-color-gray.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-gray,:host .text-color-gray.novo-breadcrumb-item{color:var(--color-gray)}.novo-breadcrumb-font-style.text-color-grey,:host .text-color-grey.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-grey,:host .text-color-grey.novo-breadcrumb-item{color:var(--color-grey)}.novo-breadcrumb-font-style.text-color-offWhite,:host .text-color-offWhite.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-offWhite,:host .text-color-offWhite.novo-breadcrumb-item{color:var(--color-off-white)}.novo-breadcrumb-font-style.text-color-bright,:host .text-color-bright.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-bright,:host .text-color-bright.novo-breadcrumb-item{color:var(--color-bright)}.novo-breadcrumb-font-style.text-color-light,:host .text-color-light.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-light,:host .text-color-light.novo-breadcrumb-item{color:var(--color-light)}.novo-breadcrumb-font-style.text-color-neutral,:host .text-color-neutral.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-neutral,:host .text-color-neutral.novo-breadcrumb-item{color:var(--color-neutral)}.novo-breadcrumb-font-style.text-color-dark,:host .text-color-dark.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-dark,:host .text-color-dark.novo-breadcrumb-item{color:var(--color-dark)}.novo-breadcrumb-font-style.text-color-orange,:host .text-color-orange.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-orange,:host .text-color-orange.novo-breadcrumb-item{color:var(--color-orange)}.novo-breadcrumb-font-style.text-color-navigation,:host .text-color-navigation.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-navigation,:host .text-color-navigation.novo-breadcrumb-item{color:var(--color-navigation)}.novo-breadcrumb-font-style.text-color-skyBlue,:host .text-color-skyBlue.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-skyBlue,:host .text-color-skyBlue.novo-breadcrumb-item{color:var(--color-sky-blue)}.novo-breadcrumb-font-style.text-color-steel,:host .text-color-steel.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-steel,:host .text-color-steel.novo-breadcrumb-item{color:var(--color-steel)}.novo-breadcrumb-font-style.text-color-metal,:host .text-color-metal.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-metal,:host .text-color-metal.novo-breadcrumb-item{color:var(--color-metal)}.novo-breadcrumb-font-style.text-color-sand,:host .text-color-sand.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-sand,:host .text-color-sand.novo-breadcrumb-item{color:var(--color-sand)}.novo-breadcrumb-font-style.text-color-silver,:host .text-color-silver.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-silver,:host .text-color-silver.novo-breadcrumb-item{color:var(--color-silver)}.novo-breadcrumb-font-style.text-color-stone,:host .text-color-stone.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-stone,:host .text-color-stone.novo-breadcrumb-item{color:var(--color-stone)}.novo-breadcrumb-font-style.text-color-ash,:host .text-color-ash.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-ash,:host .text-color-ash.novo-breadcrumb-item{color:var(--color-ash)}.novo-breadcrumb-font-style.text-color-anonymous,:host .text-color-anonymous.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-anonymous,:host .text-color-anonymous.novo-breadcrumb-item{color:var(--color-anonymous)}.novo-breadcrumb-font-style.text-color-slate,:host .text-color-slate.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-slate,:host .text-color-slate.novo-breadcrumb-item{color:var(--color-slate)}.novo-breadcrumb-font-style.text-color-onyx,:host .text-color-onyx.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-onyx,:host .text-color-onyx.novo-breadcrumb-item{color:var(--color-onyx)}.novo-breadcrumb-font-style.text-color-charcoal,:host .text-color-charcoal.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-charcoal,:host .text-color-charcoal.novo-breadcrumb-item{color:var(--color-charcoal)}.novo-breadcrumb-font-style.text-color-moonlight,:host .text-color-moonlight.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-moonlight,:host .text-color-moonlight.novo-breadcrumb-item{color:var(--color-moonlight)}.novo-breadcrumb-font-style.text-color-midnight,:host .text-color-midnight.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-midnight,:host .text-color-midnight.novo-breadcrumb-item{color:var(--color-midnight)}.novo-breadcrumb-font-style.text-color-darkness,:host .text-color-darkness.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-darkness,:host .text-color-darkness.novo-breadcrumb-item{color:var(--color-darkness)}.novo-breadcrumb-font-style.text-color-navy,:host .text-color-navy.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-navy,:host .text-color-navy.novo-breadcrumb-item{color:var(--color-navy)}.novo-breadcrumb-font-style.text-color-aqua,:host .text-color-aqua.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-aqua,:host .text-color-aqua.novo-breadcrumb-item{color:var(--color-aqua)}.novo-breadcrumb-font-style.text-color-ocean,:host .text-color-ocean.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-ocean,:host .text-color-ocean.novo-breadcrumb-item{color:var(--color-ocean)}.novo-breadcrumb-font-style.text-color-mint,:host .text-color-mint.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-mint,:host .text-color-mint.novo-breadcrumb-item{color:var(--color-mint)}.novo-breadcrumb-font-style.text-color-grass,:host .text-color-grass.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-grass,:host .text-color-grass.novo-breadcrumb-item{color:var(--color-grass)}.novo-breadcrumb-font-style.text-color-sunflower,:host .text-color-sunflower.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-sunflower,:host .text-color-sunflower.novo-breadcrumb-item{color:var(--color-sunflower)}.novo-breadcrumb-font-style.text-color-bittersweet,:host .text-color-bittersweet.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-bittersweet,:host .text-color-bittersweet.novo-breadcrumb-item{color:var(--color-bittersweet)}.novo-breadcrumb-font-style.text-color-grapefruit,:host .text-color-grapefruit.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-grapefruit,:host .text-color-grapefruit.novo-breadcrumb-item{color:var(--color-grapefruit)}.novo-breadcrumb-font-style.text-color-carnation,:host .text-color-carnation.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-carnation,:host .text-color-carnation.novo-breadcrumb-item{color:var(--color-carnation)}.novo-breadcrumb-font-style.text-color-lavender,:host .text-color-lavender.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-lavender,:host .text-color-lavender.novo-breadcrumb-item{color:var(--color-lavender)}.novo-breadcrumb-font-style.text-color-mountain,:host .text-color-mountain.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-mountain,:host .text-color-mountain.novo-breadcrumb-item{color:var(--color-mountain)}.novo-breadcrumb-font-style.text-color-info,:host .text-color-info.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-info,:host .text-color-info.novo-breadcrumb-item{color:var(--color-info)}.novo-breadcrumb-font-style.text-color-positive,:host .text-color-positive.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-positive,:host .text-color-positive.novo-breadcrumb-item{color:var(--color-positive)}.novo-breadcrumb-font-style.text-color-success,:host .text-color-success.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-success,:host .text-color-success.novo-breadcrumb-item{color:var(--color-success)}.novo-breadcrumb-font-style.text-color-negative,:host .text-color-negative.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-negative,:host .text-color-negative.novo-breadcrumb-item{color:var(--color-negative)}.novo-breadcrumb-font-style.text-color-danger,:host .text-color-danger.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-danger,:host .text-color-danger.novo-breadcrumb-item{color:var(--color-danger)}.novo-breadcrumb-font-style.text-color-error,:host .text-color-error.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-error,:host .text-color-error.novo-breadcrumb-item{color:var(--color-error)}.novo-breadcrumb-font-style.text-color-warning,:host .text-color-warning.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-warning,:host .text-color-warning.novo-breadcrumb-item{color:var(--color-warning)}.novo-breadcrumb-font-style.text-color-empty,:host .text-color-empty.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-empty,:host .text-color-empty.novo-breadcrumb-item{color:var(--color-empty)}.novo-breadcrumb-font-style.text-color-disabled,:host .text-color-disabled.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-disabled,:host .text-color-disabled.novo-breadcrumb-item{color:var(--color-disabled)}.novo-breadcrumb-font-style.text-color-background,:host .text-color-background.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-background,:host .text-color-background.novo-breadcrumb-item{color:var(--color-background)}.novo-breadcrumb-font-style.text-color-backgroundDark,:host .text-color-backgroundDark.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-backgroundDark,:host .text-color-backgroundDark.novo-breadcrumb-item{color:var(--color-background-dark)}.novo-breadcrumb-font-style.text-color-border,:host .text-color-border.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-border,:host .text-color-border.novo-breadcrumb-item{color:var(--color-border)}.novo-breadcrumb-font-style.text-color-border2,:host .text-color-border2.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-border2,:host .text-color-border2.novo-breadcrumb-item{color:var(--color-border2)}.novo-breadcrumb-font-style.text-color-text,:host .text-color-text.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-text,:host .text-color-text.novo-breadcrumb-item{color:var(--color-text)}.novo-breadcrumb-font-style.text-color-presentation,:host .text-color-presentation.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-presentation,:host .text-color-presentation.novo-breadcrumb-item{color:var(--color-presentation)}.novo-breadcrumb-font-style.text-color-bullhorn,:host .text-color-bullhorn.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-bullhorn,:host .text-color-bullhorn.novo-breadcrumb-item{color:var(--color-bullhorn)}.novo-breadcrumb-font-style.text-color-pulse,:host .text-color-pulse.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-pulse,:host .text-color-pulse.novo-breadcrumb-item{color:var(--color-pulse)}.novo-breadcrumb-font-style.text-color-fastFind,:host .text-color-fastFind.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-fastFind,:host .text-color-fastFind.novo-breadcrumb-item{color:var(--color-fast-find)}.novo-breadcrumb-font-style.text-color-toast,:host .text-color-toast.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-toast,:host .text-color-toast.novo-breadcrumb-item{color:var(--color-toast)}.novo-breadcrumb-font-style.text-color-company,:host .text-color-company.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-company,:host .text-color-company.novo-breadcrumb-item{color:var(--color-company)}.novo-breadcrumb-font-style.text-color-candidate,:host .text-color-candidate.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-candidate,:host .text-color-candidate.novo-breadcrumb-item{color:var(--color-candidate)}.novo-breadcrumb-font-style.text-color-lead,:host .text-color-lead.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-lead,:host .text-color-lead.novo-breadcrumb-item{color:var(--color-lead)}.novo-breadcrumb-font-style.text-color-contact,:host .text-color-contact.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-contact,:host .text-color-contact.novo-breadcrumb-item{color:var(--color-contact)}.novo-breadcrumb-font-style.text-color-clientcontact,:host .text-color-clientcontact.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-clientcontact,:host .text-color-clientcontact.novo-breadcrumb-item{color:var(--color-clientcontact)}.novo-breadcrumb-font-style.text-color-opportunity,:host .text-color-opportunity.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-opportunity,:host .text-color-opportunity.novo-breadcrumb-item{color:var(--color-opportunity)}.novo-breadcrumb-font-style.text-color-job,:host .text-color-job.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-job,:host .text-color-job.novo-breadcrumb-item{color:var(--color-job)}.novo-breadcrumb-font-style.text-color-joborder,:host .text-color-joborder.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-joborder,:host .text-color-joborder.novo-breadcrumb-item{color:var(--color-joborder)}.novo-breadcrumb-font-style.text-color-submission,:host .text-color-submission.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-submission,:host .text-color-submission.novo-breadcrumb-item{color:var(--color-submission)}.novo-breadcrumb-font-style.text-color-sendout,:host .text-color-sendout.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-sendout,:host .text-color-sendout.novo-breadcrumb-item{color:var(--color-sendout)}.novo-breadcrumb-font-style.text-color-placement,:host .text-color-placement.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-placement,:host .text-color-placement.novo-breadcrumb-item{color:var(--color-placement)}.novo-breadcrumb-font-style.text-color-note,:host .text-color-note.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-note,:host .text-color-note.novo-breadcrumb-item{color:var(--color-note)}.novo-breadcrumb-font-style.text-color-contract,:host .text-color-contract.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-contract,:host .text-color-contract.novo-breadcrumb-item{color:var(--color-contract)}.novo-breadcrumb-font-style.text-color-task,:host .text-color-task.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-task,:host .text-color-task.novo-breadcrumb-item{color:var(--color-task)}.novo-breadcrumb-font-style.text-color-jobCode,:host .text-color-jobCode.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-jobCode,:host .text-color-jobCode.novo-breadcrumb-item{color:var(--color-job-code)}.novo-breadcrumb-font-style.text-color-earnCode,:host .text-color-earnCode.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-earnCode,:host .text-color-earnCode.novo-breadcrumb-item{color:var(--color-earn-code)}.novo-breadcrumb-font-style.text-color-invoiceStatement,:host .text-color-invoiceStatement.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-invoiceStatement,:host .text-color-invoiceStatement.novo-breadcrumb-item{color:var(--color-invoice-statement)}.novo-breadcrumb-font-style.text-color-billableCharge,:host .text-color-billableCharge.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-billableCharge,:host .text-color-billableCharge.novo-breadcrumb-item{color:var(--color-billable-charge)}.novo-breadcrumb-font-style.text-color-payableCharge,:host .text-color-payableCharge.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-payableCharge,:host .text-color-payableCharge.novo-breadcrumb-item{color:var(--color-payable-charge)}.novo-breadcrumb-font-style.text-color-user,:host .text-color-user.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-user,:host .text-color-user.novo-breadcrumb-item{color:var(--color-user)}.novo-breadcrumb-font-style.text-color-corporateUser,:host .text-color-corporateUser.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-corporateUser,:host .text-color-corporateUser.novo-breadcrumb-item{color:var(--color-corporate-user)}.novo-breadcrumb-font-style.text-color-distributionList,:host .text-color-distributionList.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-distributionList,:host .text-color-distributionList.novo-breadcrumb-item{color:var(--color-distribution-list)}.novo-breadcrumb-font-style.text-color-credential,:host .text-color-credential.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-credential,:host .text-color-credential.novo-breadcrumb-item{color:var(--color-credential)}.novo-breadcrumb-font-style.text-color-person,:host .text-color-person.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-person,:host .text-color-person.novo-breadcrumb-item{color:var(--color-person)}.novo-breadcrumb-font-style.margin-before,:host .margin-before.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-before,:host .margin-before.novo-breadcrumb-item{margin-top:.4rem}.novo-breadcrumb-font-style.margin-after,:host .margin-after.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-after,:host .margin-after.novo-breadcrumb-item{margin-bottom:.8rem}.novo-breadcrumb-font-style.text-length-small,:host .text-length-small.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-length-small,:host .text-length-small.novo-breadcrumb-item{max-width:40ch}.novo-breadcrumb-font-style.text-length-medium,:host .text-length-medium.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-length-medium,:host .text-length-medium.novo-breadcrumb-item{max-width:55ch}.novo-breadcrumb-font-style.text-length-large,:host .text-length-large.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-length-large,:host .text-length-large.novo-breadcrumb-item{max-width:70ch}.novo-breadcrumb-font-style.text-weight-hairline,:host .text-weight-hairline.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-hairline,:host .text-weight-hairline.novo-breadcrumb-item{font-weight:var(--font-weight-hairline)}.novo-breadcrumb-font-style.text-weight-thin,:host .text-weight-thin.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-thin,:host .text-weight-thin.novo-breadcrumb-item{font-weight:var(--font-weight-thin)}.novo-breadcrumb-font-style.text-weight-light,:host .text-weight-light.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-light,:host .text-weight-light.novo-breadcrumb-item{font-weight:var(--font-weight-light)}.novo-breadcrumb-font-style.text-weight-normal,:host .text-weight-normal.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-normal,:host .text-weight-normal.novo-breadcrumb-item{font-weight:var(--font-weight-normal)}.novo-breadcrumb-font-style.text-weight-medium,:host .text-weight-medium.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-medium,:host .text-weight-medium.novo-breadcrumb-item{font-weight:var(--font-weight-medium)}.novo-breadcrumb-font-style.text-weight-semibold,:host .text-weight-semibold.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-semibold,:host .text-weight-semibold.novo-breadcrumb-item{font-weight:var(--font-weight-semibold)}.novo-breadcrumb-font-style.text-weight-bold,:host .text-weight-bold.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bold,:host .text-weight-bold.novo-breadcrumb-item{font-weight:var(--font-weight-bold)}.novo-breadcrumb-font-style.text-weight-extrabold,:host .text-weight-extrabold.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-extrabold,:host .text-weight-extrabold.novo-breadcrumb-item{font-weight:var(--font-weight-extrabold)}.novo-breadcrumb-font-style.text-weight-heavy,:host .text-weight-heavy.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-heavy,:host .text-weight-heavy.novo-breadcrumb-item{font-weight:var(--font-weight-heavy)}.novo-breadcrumb-font-style.text-weight-lighter,:host .text-weight-lighter.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-lighter,:host .text-weight-lighter.novo-breadcrumb-item{font-weight:lighter}.novo-breadcrumb-font-style.text-weight-bolder,:host .text-weight-bolder.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bolder,:host .text-weight-bolder.novo-breadcrumb-item{font-weight:bolder}:host{display:flex;align-items:center;flex-flow:row nowrap}:host .novo-breadcrumb-item{cursor:auto;display:flex;align-items:center;flex-flow:row nowrap}:host .novo-breadcrumb-item ::ng-deep a:hover{text-decoration:none}:host .novo-breadcrumb-item ::ng-deep a{color:var(--links);cursor:pointer}:host .novo-breadcrumb-item ::ng-deep a:focus{text-decoration:none}:host .novo-breadcrumb-down-icon{vertical-align:middle;display:inline-block;cursor:pointer;width:16px;height:16px;margin-right:-5px;text-align:center;outline:none}:host .novo-breadcrumb-down-icon:hover svg g polygon{fill:var(--text-main, #3d464d)}:host .novo-breadcrumb-item-active{color:var(--text-main, #3d464d)}:host .novo-breadcrumb-item-active ::ng-deep a{color:var(--text-main, #3d464d);text-decoration:none}:host .novo-breadcrumb-item-active svg g polygon{fill:var(--text-main, #3d464d)}:host .novo-breadcrumb-item-active span{color:var(--text-main, #3d464d)}:host .novo-breadcrumb-separator{margin:0 3px}:host .novo-breadcrumb-dropdown-menu{padding:10px 0;max-width:200px}:host .novo-breadcrumb-dropdown-menu li{padding:0 15px;font-size:var(--font-size-sm);line-height:36px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}:host .novo-breadcrumb-dropdown-menu li a{color:var(--font-color-base);line-height:36px;width:170px;display:inline-block}:host .novo-breadcrumb-dropdown-menu li a:focus{text-decoration:none}:host .novo-breadcrumb-dropdown-menu li:hover{background:#dbdbdb}:host .novo-breadcrumb-dropdown-menu li:hover a{text-decoration:none}:host .novo-search-container{max-width:200px}:host span.novo-breadcrumb-dropdown-origin{min-width:unset;display:inline-flex;padding:0}:host novo-search{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.NovoDropdownElement, selector: "novo-dropdown", inputs: ["parentScrollSelector", "parentScrollAction", "containerClass", "side", "scrollStrategy", "keepOpen", "height", "width", "appendToBody", "multiple", "scrollToActiveItemOnOpen"], outputs: ["toggled"] }, { kind: "component", type: i4.NovoSearchBoxElement, selector: "novo-search", inputs: ["name", "icon", "position", "placeholder", "alwaysOpen", "submitButton", "submitLabel", "submitButtonAutomationId", "theme", "color", "closeOnSelect", "displayField", "displayValue", "hint", "keepOpen", "hasBackdrop", "allowPropagation", "overrideElement"], outputs: ["searchChanged", "applySearch"] }, { kind: "component", type: i5.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i6.NovoOption, selector: "novo-option", inputs: ["selected", "keepOpen", "novoInert", "value", "disabled"], exportAs: ["novoOption"] }, { kind: "component", type: i6.NovoOptgroup, selector: "novo-optgroup", inputs: ["disabled", "label"], exportAs: ["novoOptgroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BreadcrumbItemElement, isStandalone: false, selector: "novo-breadcrumb-item", inputs: { showMenu: "showMenu", customMenuTemplate: "customMenuTemplate", menuList: "menuList", isSearch: "isSearch" }, outputs: { toggleEvent: "toggleEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"showMenu; else breadcrumbContentTpl\">\n  <span [ngClass]=\"{ 'novo-breadcrumb-item-active': isOpen }\" #origin\n    class=\"novo-dropdown-no-border novo-dropdown-origin novo-breadcrumb-dropdown-origin\">\n    <ng-template [ngTemplateOutlet]=\"breadcrumbContentTpl\"></ng-template>\n    <novo-dropdown>\n      <novo-button theme=\"icon\" icon=\"collapse\" size=\"small\"></novo-button>\n      <novo-optgroup class=\"novo-breadcrumb-dropdown-menu\">\n        <div *ngIf=\"isSearch\" class=\"dropdown-search-container\">\n          <novo-search alwaysOpen=\"true\" (searchFn)=\"searchEvent($event)\" [class]=\"'search-in-dropdown'\"></novo-search>\n        </div>\n        <novo-option *ngFor=\"let item of menuListDisplay\" title=\"{{ item.name }}\">\n          <a *ngIf=\"!item.linkType || item.linkType === 'hrefLink'\" [href]=\"item.link\" rel=\"noopener\"\n            [target]=\"item.target ? item.target : '_self'\">{{ item.name }}</a>\n          <a *ngIf=\"item.linkType === 'routerLink'\" rel=\"noopener\" [target]=\"item.target\" [href]=\"item.link\"\n            (click)=\"navigateTo($event, item)\">{{ item.name }}</a>\n        </novo-option>\n      </novo-optgroup>\n    </novo-dropdown>\n  </span>\n</ng-container>\n\n<ng-template #breadcrumbContentTpl>\n  <span class=\"novo-breadcrumb-item\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n<ng-template #dropDownMenuTpl>\n  <div>test</div>\n\n</ng-template>\n\n<span class=\"novo-breadcrumb-separator\">\n  <ng-template\n    [ngTemplateOutlet]=\"breadcrumbComponent.separatorIcon ? breadcrumbComponent.separatorIcon : defaultSeparator\"\n    [ngTemplateOutletContext]=\"{\n    $implicit: this\n  }\">\n  </ng-template>\n</span>\n\n<ng-template #defaultSeparator>\n  <span class=\"novo-breadcrumb-separator\">\n    /\n  </span>\n</ng-template>", styles: [".novo-breadcrumb-font-style,:host .novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a,:host .novo-breadcrumb-item{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}.novo-breadcrumb-font-style.text-capitalize,:host .text-capitalize.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-capitalize,:host .text-capitalize.novo-breadcrumb-item{text-transform:capitalize}.novo-breadcrumb-font-style.text-uppercase,:host .text-uppercase.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-uppercase,:host .text-uppercase.novo-breadcrumb-item{text-transform:uppercase}.novo-breadcrumb-font-style.text-nowrap,:host .text-nowrap.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-nowrap,:host .text-nowrap.novo-breadcrumb-item{white-space:nowrap}.novo-breadcrumb-font-style.text-ellipsis,:host .text-ellipsis.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-ellipsis,:host .text-ellipsis.novo-breadcrumb-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-breadcrumb-font-style.text-size-default,:host .text-size-default.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-default,:host .text-size-default.novo-breadcrumb-item{font-size:inherit}.novo-breadcrumb-font-style.text-size-body,:host .text-size-body.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-body,:host .text-size-body.novo-breadcrumb-item{font-size:var(--font-size-body)}.novo-breadcrumb-font-style.text-size-xs,:host .text-size-xs.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-xs,:host .text-size-xs.novo-breadcrumb-item{font-size:var(--font-size-xs)}.novo-breadcrumb-font-style.text-size-sm,:host .text-size-sm.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-sm,:host .text-size-sm.novo-breadcrumb-item{font-size:var(--font-size-sm)}.novo-breadcrumb-font-style.text-size-md,:host .text-size-md.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-md,:host .text-size-md.novo-breadcrumb-item{font-size:var(--font-size-md)}.novo-breadcrumb-font-style.text-size-lg,:host .text-size-lg.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-lg,:host .text-size-lg.novo-breadcrumb-item{font-size:var(--font-size-lg)}.novo-breadcrumb-font-style.text-size-xl,:host .text-size-xl.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-xl,:host .text-size-xl.novo-breadcrumb-item{font-size:var(--font-size-xl)}.novo-breadcrumb-font-style.text-size-2xl,:host .text-size-2xl.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-2xl,:host .text-size-2xl.novo-breadcrumb-item{font-size:var(--font-size-2xl)}.novo-breadcrumb-font-style.text-size-3xl,:host .text-size-3xl.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-3xl,:host .text-size-3xl.novo-breadcrumb-item{font-size:var(--font-size-3xl)}.novo-breadcrumb-font-style.text-size-smaller,:host .text-size-smaller.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-smaller,:host .text-size-smaller.novo-breadcrumb-item{font-size:.8em}.novo-breadcrumb-font-style.text-size-larger,:host .text-size-larger.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-size-larger,:host .text-size-larger.novo-breadcrumb-item{font-size:1.2em}.novo-breadcrumb-font-style.text-color-black,:host .text-color-black.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-black,:host .text-color-black.novo-breadcrumb-item{color:var(--color-black)}.novo-breadcrumb-font-style.text-color-white,:host .text-color-white.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-white,:host .text-color-white.novo-breadcrumb-item{color:var(--color-white)}.novo-breadcrumb-font-style.text-color-gray,:host .text-color-gray.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-gray,:host .text-color-gray.novo-breadcrumb-item{color:var(--color-gray)}.novo-breadcrumb-font-style.text-color-grey,:host .text-color-grey.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-grey,:host .text-color-grey.novo-breadcrumb-item{color:var(--color-grey)}.novo-breadcrumb-font-style.text-color-offWhite,:host .text-color-offWhite.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-offWhite,:host .text-color-offWhite.novo-breadcrumb-item{color:var(--color-off-white)}.novo-breadcrumb-font-style.text-color-bright,:host .text-color-bright.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-bright,:host .text-color-bright.novo-breadcrumb-item{color:var(--color-bright)}.novo-breadcrumb-font-style.text-color-light,:host .text-color-light.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-light,:host .text-color-light.novo-breadcrumb-item{color:var(--color-light)}.novo-breadcrumb-font-style.text-color-neutral,:host .text-color-neutral.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-neutral,:host .text-color-neutral.novo-breadcrumb-item{color:var(--color-neutral)}.novo-breadcrumb-font-style.text-color-dark,:host .text-color-dark.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-dark,:host .text-color-dark.novo-breadcrumb-item{color:var(--color-dark)}.novo-breadcrumb-font-style.text-color-orange,:host .text-color-orange.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-orange,:host .text-color-orange.novo-breadcrumb-item{color:var(--color-orange)}.novo-breadcrumb-font-style.text-color-navigation,:host .text-color-navigation.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-navigation,:host .text-color-navigation.novo-breadcrumb-item{color:var(--color-navigation)}.novo-breadcrumb-font-style.text-color-skyBlue,:host .text-color-skyBlue.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-skyBlue,:host .text-color-skyBlue.novo-breadcrumb-item{color:var(--color-sky-blue)}.novo-breadcrumb-font-style.text-color-steel,:host .text-color-steel.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-steel,:host .text-color-steel.novo-breadcrumb-item{color:var(--color-steel)}.novo-breadcrumb-font-style.text-color-metal,:host .text-color-metal.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-metal,:host .text-color-metal.novo-breadcrumb-item{color:var(--color-metal)}.novo-breadcrumb-font-style.text-color-sand,:host .text-color-sand.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-sand,:host .text-color-sand.novo-breadcrumb-item{color:var(--color-sand)}.novo-breadcrumb-font-style.text-color-silver,:host .text-color-silver.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-silver,:host .text-color-silver.novo-breadcrumb-item{color:var(--color-silver)}.novo-breadcrumb-font-style.text-color-stone,:host .text-color-stone.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-stone,:host .text-color-stone.novo-breadcrumb-item{color:var(--color-stone)}.novo-breadcrumb-font-style.text-color-ash,:host .text-color-ash.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-ash,:host .text-color-ash.novo-breadcrumb-item{color:var(--color-ash)}.novo-breadcrumb-font-style.text-color-anonymous,:host .text-color-anonymous.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-anonymous,:host .text-color-anonymous.novo-breadcrumb-item{color:var(--color-anonymous)}.novo-breadcrumb-font-style.text-color-slate,:host .text-color-slate.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-slate,:host .text-color-slate.novo-breadcrumb-item{color:var(--color-slate)}.novo-breadcrumb-font-style.text-color-onyx,:host .text-color-onyx.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-onyx,:host .text-color-onyx.novo-breadcrumb-item{color:var(--color-onyx)}.novo-breadcrumb-font-style.text-color-charcoal,:host .text-color-charcoal.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-charcoal,:host .text-color-charcoal.novo-breadcrumb-item{color:var(--color-charcoal)}.novo-breadcrumb-font-style.text-color-moonlight,:host .text-color-moonlight.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-moonlight,:host .text-color-moonlight.novo-breadcrumb-item{color:var(--color-moonlight)}.novo-breadcrumb-font-style.text-color-midnight,:host .text-color-midnight.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-midnight,:host .text-color-midnight.novo-breadcrumb-item{color:var(--color-midnight)}.novo-breadcrumb-font-style.text-color-darkness,:host .text-color-darkness.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-darkness,:host .text-color-darkness.novo-breadcrumb-item{color:var(--color-darkness)}.novo-breadcrumb-font-style.text-color-navy,:host .text-color-navy.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-navy,:host .text-color-navy.novo-breadcrumb-item{color:var(--color-navy)}.novo-breadcrumb-font-style.text-color-aqua,:host .text-color-aqua.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-aqua,:host .text-color-aqua.novo-breadcrumb-item{color:var(--color-aqua)}.novo-breadcrumb-font-style.text-color-ocean,:host .text-color-ocean.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-ocean,:host .text-color-ocean.novo-breadcrumb-item{color:var(--color-ocean)}.novo-breadcrumb-font-style.text-color-mint,:host .text-color-mint.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-mint,:host .text-color-mint.novo-breadcrumb-item{color:var(--color-mint)}.novo-breadcrumb-font-style.text-color-grass,:host .text-color-grass.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-grass,:host .text-color-grass.novo-breadcrumb-item{color:var(--color-grass)}.novo-breadcrumb-font-style.text-color-sunflower,:host .text-color-sunflower.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-sunflower,:host .text-color-sunflower.novo-breadcrumb-item{color:var(--color-sunflower)}.novo-breadcrumb-font-style.text-color-bittersweet,:host .text-color-bittersweet.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-bittersweet,:host .text-color-bittersweet.novo-breadcrumb-item{color:var(--color-bittersweet)}.novo-breadcrumb-font-style.text-color-grapefruit,:host .text-color-grapefruit.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-grapefruit,:host .text-color-grapefruit.novo-breadcrumb-item{color:var(--color-grapefruit)}.novo-breadcrumb-font-style.text-color-carnation,:host .text-color-carnation.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-carnation,:host .text-color-carnation.novo-breadcrumb-item{color:var(--color-carnation)}.novo-breadcrumb-font-style.text-color-lavender,:host .text-color-lavender.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-lavender,:host .text-color-lavender.novo-breadcrumb-item{color:var(--color-lavender)}.novo-breadcrumb-font-style.text-color-mountain,:host .text-color-mountain.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-mountain,:host .text-color-mountain.novo-breadcrumb-item{color:var(--color-mountain)}.novo-breadcrumb-font-style.text-color-info,:host .text-color-info.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-info,:host .text-color-info.novo-breadcrumb-item{color:var(--color-info)}.novo-breadcrumb-font-style.text-color-positive,:host .text-color-positive.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-positive,:host .text-color-positive.novo-breadcrumb-item{color:var(--color-positive)}.novo-breadcrumb-font-style.text-color-success,:host .text-color-success.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-success,:host .text-color-success.novo-breadcrumb-item{color:var(--color-success)}.novo-breadcrumb-font-style.text-color-negative,:host .text-color-negative.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-negative,:host .text-color-negative.novo-breadcrumb-item{color:var(--color-negative)}.novo-breadcrumb-font-style.text-color-danger,:host .text-color-danger.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-danger,:host .text-color-danger.novo-breadcrumb-item{color:var(--color-danger)}.novo-breadcrumb-font-style.text-color-error,:host .text-color-error.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-error,:host .text-color-error.novo-breadcrumb-item{color:var(--color-error)}.novo-breadcrumb-font-style.text-color-warning,:host .text-color-warning.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-warning,:host .text-color-warning.novo-breadcrumb-item{color:var(--color-warning)}.novo-breadcrumb-font-style.text-color-empty,:host .text-color-empty.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-empty,:host .text-color-empty.novo-breadcrumb-item{color:var(--color-empty)}.novo-breadcrumb-font-style.text-color-disabled,:host .text-color-disabled.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-disabled,:host .text-color-disabled.novo-breadcrumb-item{color:var(--color-disabled)}.novo-breadcrumb-font-style.text-color-background,:host .text-color-background.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-background,:host .text-color-background.novo-breadcrumb-item{color:var(--color-background)}.novo-breadcrumb-font-style.text-color-backgroundDark,:host .text-color-backgroundDark.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-backgroundDark,:host .text-color-backgroundDark.novo-breadcrumb-item{color:var(--color-background-dark)}.novo-breadcrumb-font-style.text-color-border,:host .text-color-border.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-border,:host .text-color-border.novo-breadcrumb-item{color:var(--color-border)}.novo-breadcrumb-font-style.text-color-border2,:host .text-color-border2.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-border2,:host .text-color-border2.novo-breadcrumb-item{color:var(--color-border2)}.novo-breadcrumb-font-style.text-color-text,:host .text-color-text.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-text,:host .text-color-text.novo-breadcrumb-item{color:var(--color-text)}.novo-breadcrumb-font-style.text-color-presentation,:host .text-color-presentation.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-presentation,:host .text-color-presentation.novo-breadcrumb-item{color:var(--color-presentation)}.novo-breadcrumb-font-style.text-color-bullhorn,:host .text-color-bullhorn.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-bullhorn,:host .text-color-bullhorn.novo-breadcrumb-item{color:var(--color-bullhorn)}.novo-breadcrumb-font-style.text-color-pulse,:host .text-color-pulse.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-pulse,:host .text-color-pulse.novo-breadcrumb-item{color:var(--color-pulse)}.novo-breadcrumb-font-style.text-color-fastFind,:host .text-color-fastFind.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-fastFind,:host .text-color-fastFind.novo-breadcrumb-item{color:var(--color-fast-find)}.novo-breadcrumb-font-style.text-color-toast,:host .text-color-toast.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-toast,:host .text-color-toast.novo-breadcrumb-item{color:var(--color-toast)}.novo-breadcrumb-font-style.text-color-company,:host .text-color-company.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-company,:host .text-color-company.novo-breadcrumb-item{color:var(--color-company)}.novo-breadcrumb-font-style.text-color-candidate,:host .text-color-candidate.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-candidate,:host .text-color-candidate.novo-breadcrumb-item{color:var(--color-candidate)}.novo-breadcrumb-font-style.text-color-lead,:host .text-color-lead.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-lead,:host .text-color-lead.novo-breadcrumb-item{color:var(--color-lead)}.novo-breadcrumb-font-style.text-color-contact,:host .text-color-contact.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-contact,:host .text-color-contact.novo-breadcrumb-item{color:var(--color-contact)}.novo-breadcrumb-font-style.text-color-clientcontact,:host .text-color-clientcontact.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-clientcontact,:host .text-color-clientcontact.novo-breadcrumb-item{color:var(--color-clientcontact)}.novo-breadcrumb-font-style.text-color-opportunity,:host .text-color-opportunity.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-opportunity,:host .text-color-opportunity.novo-breadcrumb-item{color:var(--color-opportunity)}.novo-breadcrumb-font-style.text-color-job,:host .text-color-job.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-job,:host .text-color-job.novo-breadcrumb-item{color:var(--color-job)}.novo-breadcrumb-font-style.text-color-joborder,:host .text-color-joborder.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-joborder,:host .text-color-joborder.novo-breadcrumb-item{color:var(--color-joborder)}.novo-breadcrumb-font-style.text-color-submission,:host .text-color-submission.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-submission,:host .text-color-submission.novo-breadcrumb-item{color:var(--color-submission)}.novo-breadcrumb-font-style.text-color-sendout,:host .text-color-sendout.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-sendout,:host .text-color-sendout.novo-breadcrumb-item{color:var(--color-sendout)}.novo-breadcrumb-font-style.text-color-placement,:host .text-color-placement.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-placement,:host .text-color-placement.novo-breadcrumb-item{color:var(--color-placement)}.novo-breadcrumb-font-style.text-color-note,:host .text-color-note.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-note,:host .text-color-note.novo-breadcrumb-item{color:var(--color-note)}.novo-breadcrumb-font-style.text-color-contract,:host .text-color-contract.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-contract,:host .text-color-contract.novo-breadcrumb-item{color:var(--color-contract)}.novo-breadcrumb-font-style.text-color-task,:host .text-color-task.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-task,:host .text-color-task.novo-breadcrumb-item{color:var(--color-task)}.novo-breadcrumb-font-style.text-color-jobCode,:host .text-color-jobCode.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-jobCode,:host .text-color-jobCode.novo-breadcrumb-item{color:var(--color-job-code)}.novo-breadcrumb-font-style.text-color-earnCode,:host .text-color-earnCode.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-earnCode,:host .text-color-earnCode.novo-breadcrumb-item{color:var(--color-earn-code)}.novo-breadcrumb-font-style.text-color-invoiceStatement,:host .text-color-invoiceStatement.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-invoiceStatement,:host .text-color-invoiceStatement.novo-breadcrumb-item{color:var(--color-invoice-statement)}.novo-breadcrumb-font-style.text-color-billableCharge,:host .text-color-billableCharge.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-billableCharge,:host .text-color-billableCharge.novo-breadcrumb-item{color:var(--color-billable-charge)}.novo-breadcrumb-font-style.text-color-payableCharge,:host .text-color-payableCharge.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-payableCharge,:host .text-color-payableCharge.novo-breadcrumb-item{color:var(--color-payable-charge)}.novo-breadcrumb-font-style.text-color-user,:host .text-color-user.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-user,:host .text-color-user.novo-breadcrumb-item{color:var(--color-user)}.novo-breadcrumb-font-style.text-color-corporateUser,:host .text-color-corporateUser.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-corporateUser,:host .text-color-corporateUser.novo-breadcrumb-item{color:var(--color-corporate-user)}.novo-breadcrumb-font-style.text-color-distributionList,:host .text-color-distributionList.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-distributionList,:host .text-color-distributionList.novo-breadcrumb-item{color:var(--color-distribution-list)}.novo-breadcrumb-font-style.text-color-credential,:host .text-color-credential.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-credential,:host .text-color-credential.novo-breadcrumb-item{color:var(--color-credential)}.novo-breadcrumb-font-style.text-color-person,:host .text-color-person.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-color-person,:host .text-color-person.novo-breadcrumb-item{color:var(--color-person)}.novo-breadcrumb-font-style.margin-before,:host .margin-before.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-before,:host .margin-before.novo-breadcrumb-item{margin-top:.4rem}.novo-breadcrumb-font-style.margin-after,:host .margin-after.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-after,:host .margin-after.novo-breadcrumb-item{margin-bottom:.8rem}.novo-breadcrumb-font-style.text-length-small,:host .text-length-small.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-length-small,:host .text-length-small.novo-breadcrumb-item{max-width:40ch}.novo-breadcrumb-font-style.text-length-medium,:host .text-length-medium.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-length-medium,:host .text-length-medium.novo-breadcrumb-item{max-width:55ch}.novo-breadcrumb-font-style.text-length-large,:host .text-length-large.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-length-large,:host .text-length-large.novo-breadcrumb-item{max-width:70ch}.novo-breadcrumb-font-style.text-weight-hairline,:host .text-weight-hairline.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-hairline,:host .text-weight-hairline.novo-breadcrumb-item{font-weight:var(--font-weight-hairline)}.novo-breadcrumb-font-style.text-weight-thin,:host .text-weight-thin.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-thin,:host .text-weight-thin.novo-breadcrumb-item{font-weight:var(--font-weight-thin)}.novo-breadcrumb-font-style.text-weight-light,:host .text-weight-light.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-light,:host .text-weight-light.novo-breadcrumb-item{font-weight:var(--font-weight-light)}.novo-breadcrumb-font-style.text-weight-normal,:host .text-weight-normal.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-normal,:host .text-weight-normal.novo-breadcrumb-item{font-weight:var(--font-weight-normal)}.novo-breadcrumb-font-style.text-weight-medium,:host .text-weight-medium.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-medium,:host .text-weight-medium.novo-breadcrumb-item{font-weight:var(--font-weight-medium)}.novo-breadcrumb-font-style.text-weight-semibold,:host .text-weight-semibold.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-semibold,:host .text-weight-semibold.novo-breadcrumb-item{font-weight:var(--font-weight-semibold)}.novo-breadcrumb-font-style.text-weight-bold,:host .text-weight-bold.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bold,:host .text-weight-bold.novo-breadcrumb-item{font-weight:var(--font-weight-bold)}.novo-breadcrumb-font-style.text-weight-extrabold,:host .text-weight-extrabold.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-extrabold,:host .text-weight-extrabold.novo-breadcrumb-item{font-weight:var(--font-weight-extrabold)}.novo-breadcrumb-font-style.text-weight-heavy,:host .text-weight-heavy.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-heavy,:host .text-weight-heavy.novo-breadcrumb-item{font-weight:var(--font-weight-heavy)}.novo-breadcrumb-font-style.text-weight-lighter,:host .text-weight-lighter.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-lighter,:host .text-weight-lighter.novo-breadcrumb-item{font-weight:lighter}.novo-breadcrumb-font-style.text-weight-bolder,:host .text-weight-bolder.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bolder,:host .text-weight-bolder.novo-breadcrumb-item{font-weight:bolder}:host{display:flex;align-items:center;flex-flow:row nowrap}:host .novo-breadcrumb-item{cursor:auto;display:flex;align-items:center;flex-flow:row nowrap}:host .novo-breadcrumb-item ::ng-deep a:hover{text-decoration:none}:host .novo-breadcrumb-item ::ng-deep a{color:var(--links);cursor:pointer}:host .novo-breadcrumb-item ::ng-deep a:focus{text-decoration:none}:host .novo-breadcrumb-down-icon{vertical-align:middle;display:inline-block;cursor:pointer;width:16px;height:16px;margin-right:-5px;text-align:center;outline:none}:host .novo-breadcrumb-down-icon:hover svg g polygon{fill:var(--text-main, #3d464d)}:host .novo-breadcrumb-item-active{color:var(--text-main, #3d464d)}:host .novo-breadcrumb-item-active ::ng-deep a{color:var(--text-main, #3d464d);text-decoration:none}:host .novo-breadcrumb-item-active svg g polygon{fill:var(--text-main, #3d464d)}:host .novo-breadcrumb-item-active span{color:var(--text-main, #3d464d)}:host .novo-breadcrumb-separator{margin:0 3px}:host .novo-breadcrumb-dropdown-menu{padding:10px 0;max-width:200px}:host .novo-breadcrumb-dropdown-menu li{padding:0 15px;font-size:var(--font-size-sm);line-height:36px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}:host .novo-breadcrumb-dropdown-menu li a{color:var(--font-color-base);line-height:36px;width:170px;display:inline-block}:host .novo-breadcrumb-dropdown-menu li a:focus{text-decoration:none}:host .novo-breadcrumb-dropdown-menu li:hover{background:#dbdbdb}:host .novo-breadcrumb-dropdown-menu li:hover a{text-decoration:none}:host .novo-search-container{max-width:200px}:host span.novo-breadcrumb-dropdown-origin{min-width:unset;display:inline-flex;padding:0}:host novo-search{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.NovoDropdownElement, selector: "novo-dropdown", inputs: ["parentScrollSelector", "parentScrollAction", "containerClass", "side", "scrollStrategy", "keepOpen", "height", "width", "appendToBody", "multiple", "scrollToActiveItemOnOpen"], outputs: ["toggled"] }, { kind: "component", type: i4.NovoSearchBoxElement, selector: "novo-search", inputs: ["name", "icon", "position", "placeholder", "alwaysOpen", "bordered", "theme", "color", "closeOnSelect", "displayField", "displayValue", "hint", "keepOpen", "hasBackdrop", "allowPropagation", "overrideElement"], outputs: ["searchChanged", "applySearch"] }, { kind: "component", type: i5.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i6.NovoOption, selector: "novo-option", inputs: ["selected", "keepOpen", "novoInert", "value", "disabled"], exportAs: ["novoOption"] }, { kind: "component", type: i6.NovoOptgroup, selector: "novo-optgroup", inputs: ["disabled", "label"], exportAs: ["novoOptgroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BreadcrumbItemElement, decorators: [{
             type: Component,