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

novo-elements 13.2.0 → 13.4.0

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

Files changed (137) hide show

package/addons/ckeditor/CKEditor.scss +8 -0
package/elements/agenda/week/AgendaWeekView.scss +1 -1
package/elements/breadcrumbs/Breadcrumb.scss +1 -1
package/elements/button/styles/button-dialogue.scss +12 -0
package/elements/button/styles/button-icon.scss +20 -0
package/elements/button/styles/button-primary.scss +16 -1
package/elements/button/styles/button-secondary.scss +14 -1
package/elements/button/styles/button-standard.scss +14 -0
package/elements/button/styles/button.scss +12 -1
package/elements/card/Card.scss +80 -19
package/elements/card/CardContent.scss +3 -0
package/elements/card/CardHeader.scss +23 -0
package/elements/card/index.d.ts +5 -3
package/elements/category-dropdown/CategoryDropdown.scss +1 -1
package/elements/checkbox/CheckList.scss +69 -0
package/elements/checkbox/Checkbox.scss +104 -0
package/elements/chips/Chip.scss +47 -1
package/elements/chips/Chips.scss +9 -0
package/elements/common/index.d.ts +14 -4
package/elements/common/option/option.component.scss +11 -0
package/elements/common/typography/text.mixins.scss +1 -1
package/elements/data-table/data-table.component.scss +81 -3
package/elements/data-table/pagination/data-table-pagination.component.scss +73 -0
package/elements/date-picker/DatePicker.scss +1 -6
package/elements/date-picker/DatePickerInput.scss +5 -0
package/elements/date-time-picker/_DateTimePicker.scss +1 -1
package/elements/dropdown/Dropdown.scss +17 -1
package/elements/field/field.scss +10 -6
package/elements/field/hint/hint.scss +6 -0
package/elements/form/ControlGroup.scss +13 -0
package/elements/form/Form.scss +260 -1
package/elements/form/extras/address/Address.scss +77 -0
package/elements/form/fieldset-header.scss +32 -0
package/elements/form/index.d.ts +14 -4
package/elements/header/Header.scss +45 -3
package/elements/layout/index.d.ts +28 -4
package/elements/list/list-item-content.scss +11 -10
package/elements/menu/menu-content.component.scss +1 -0
package/elements/modal/modal.component.scss +3 -13
package/elements/modal/notification.component.scss +1 -6
package/elements/picker/Picker.scss +26 -5
package/elements/picker/extras/picker-results/PickerResults.scss +52 -0
package/elements/progress/Progress.scss +8 -0
package/elements/progress/ProgressBar.scss +4 -1
package/elements/search/SearchBox.scss +53 -0
package/elements/search/index.d.ts +19 -9
package/elements/select/Select.scss +1 -1
package/elements/simple-table/table.scss +1 -1
package/elements/stepper/stepper.component.scss +4 -4
package/elements/switch/Switch.scss +39 -3
package/elements/tabbed-group-picker/TabbedGroupPicker.scss +47 -0
package/elements/tabs/tab.scss +53 -14
package/elements/tiles/Tiles.scss +24 -2
package/elements/time-picker/TimePicker.scss +2 -2
package/elements/time-picker/TimePickerInput.scss +7 -2
package/elements/tip-well/TipWell.scss +34 -0
package/elements/tip-well/index.d.ts +5 -1
package/elements/toolbar/toolbar.component.scss +15 -0
package/elements/tooltip/Tooltip.scss +19 -22
package/elements/tooltip/index.d.ts +2 -1
package/fesm2022/novo-elements-addons-ckeditor.mjs +2 -2
package/fesm2022/novo-elements-addons-ckeditor.mjs.map +1 -1
package/fesm2022/novo-elements-elements-agenda.mjs +2 -2
package/fesm2022/novo-elements-elements-breadcrumbs.mjs +3 -3
package/fesm2022/novo-elements-elements-breadcrumbs.mjs.map +1 -1
package/fesm2022/novo-elements-elements-button.mjs +2 -2
package/fesm2022/novo-elements-elements-button.mjs.map +1 -1
package/fesm2022/novo-elements-elements-card.mjs +27 -21
package/fesm2022/novo-elements-elements-card.mjs.map +1 -1
package/fesm2022/novo-elements-elements-category-dropdown.mjs +2 -2
package/fesm2022/novo-elements-elements-category-dropdown.mjs.map +1 -1
package/fesm2022/novo-elements-elements-checkbox.mjs +4 -4
package/fesm2022/novo-elements-elements-checkbox.mjs.map +1 -1
package/fesm2022/novo-elements-elements-chips.mjs +6 -6
package/fesm2022/novo-elements-elements-chips.mjs.map +1 -1
package/fesm2022/novo-elements-elements-common.mjs +52 -21
package/fesm2022/novo-elements-elements-common.mjs.map +1 -1
package/fesm2022/novo-elements-elements-data-table.mjs +4 -4
package/fesm2022/novo-elements-elements-data-table.mjs.map +1 -1
package/fesm2022/novo-elements-elements-date-picker.mjs +4 -4
package/fesm2022/novo-elements-elements-date-picker.mjs.map +1 -1
package/fesm2022/novo-elements-elements-date-time-picker.mjs +2 -2
package/fesm2022/novo-elements-elements-date-time-picker.mjs.map +1 -1
package/fesm2022/novo-elements-elements-dropdown.mjs +2 -2
package/fesm2022/novo-elements-elements-dropdown.mjs.map +1 -1
package/fesm2022/novo-elements-elements-field.mjs +4 -4
package/fesm2022/novo-elements-elements-field.mjs.map +1 -1
package/fesm2022/novo-elements-elements-form.mjs +135 -78
package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
package/fesm2022/novo-elements-elements-header.mjs +2 -2
package/fesm2022/novo-elements-elements-header.mjs.map +1 -1
package/fesm2022/novo-elements-elements-layout.mjs +73 -14
package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
package/fesm2022/novo-elements-elements-list.mjs +2 -2
package/fesm2022/novo-elements-elements-list.mjs.map +1 -1
package/fesm2022/novo-elements-elements-menu.mjs +2 -2
package/fesm2022/novo-elements-elements-menu.mjs.map +1 -1
package/fesm2022/novo-elements-elements-modal.mjs +4 -4
package/fesm2022/novo-elements-elements-modal.mjs.map +1 -1
package/fesm2022/novo-elements-elements-multi-picker.mjs +2 -2
package/fesm2022/novo-elements-elements-multi-picker.mjs.map +1 -1
package/fesm2022/novo-elements-elements-picker.mjs +6 -6
package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
package/fesm2022/novo-elements-elements-progress.mjs +4 -4
package/fesm2022/novo-elements-elements-progress.mjs.map +1 -1
package/fesm2022/novo-elements-elements-search.mjs +63 -17
package/fesm2022/novo-elements-elements-search.mjs.map +1 -1
package/fesm2022/novo-elements-elements-select.mjs +2 -2
package/fesm2022/novo-elements-elements-select.mjs.map +1 -1
package/fesm2022/novo-elements-elements-simple-table.mjs +4 -4
package/fesm2022/novo-elements-elements-simple-table.mjs.map +1 -1
package/fesm2022/novo-elements-elements-stepper.mjs +6 -6
package/fesm2022/novo-elements-elements-stepper.mjs.map +1 -1
package/fesm2022/novo-elements-elements-switch.mjs +2 -2
package/fesm2022/novo-elements-elements-switch.mjs.map +1 -1
package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs +2 -2
package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs.map +1 -1
package/fesm2022/novo-elements-elements-tabs.mjs +4 -4
package/fesm2022/novo-elements-elements-tabs.mjs.map +1 -1
package/fesm2022/novo-elements-elements-tiles.mjs +2 -2
package/fesm2022/novo-elements-elements-tiles.mjs.map +1 -1
package/fesm2022/novo-elements-elements-time-picker.mjs +4 -4
package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
package/fesm2022/novo-elements-elements-tip-well.mjs +26 -6
package/fesm2022/novo-elements-elements-tip-well.mjs.map +1 -1
package/fesm2022/novo-elements-elements-toolbar.mjs +2 -2
package/fesm2022/novo-elements-elements-toolbar.mjs.map +1 -1
package/fesm2022/novo-elements-elements-tooltip.mjs +8 -4
package/fesm2022/novo-elements-elements-tooltip.mjs.map +1 -1
package/fesm2022/novo-elements-utils.mjs +4822 -364
package/fesm2022/novo-elements-utils.mjs.map +1 -1
package/package.json +1 -1
package/styles/content/links.scss +4 -0
package/styles/themes/bh2026.scss +131 -53
package/styles/typography.scss +6 -0
package/styles/variables.scss +2 -0
package/utils/index.d.ts +2 -2

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

@@ -55,7 +55,7 @@ class NovoHintElement {
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoHintElement, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoHintElement, isStandalone: false, selector: "novo-hint", inputs: { align: "align", id: "id" }, host: { properties: { "class.novo-field-hint-end": "align === \"end\"", "attr.id": "id", "attr.align": "null" }, classAttribute: "novo-hint" }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{font-size:var(--font-size-caption);font-weight:400;line-height:1.375;color:var(--text-muted);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;display:flex;flex:1 0 auto;width:max-content;color:#9e9e9e;padding-bottom:.4rem;padding-top:.4rem}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:var(--font-size-body)}:host.text-size-xs{font-size:var(--font-size-xs)}:host.text-size-sm{font-size:var(--font-size-sm)}:host.text-size-md{font-size:var(--font-size-md)}:host.text-size-lg{font-size:var(--font-size-lg)}:host.text-size-xl{font-size:var(--font-size-xl)}:host.text-size-2xl{font-size:var(--font-size-2xl)}:host.text-size-3xl{font-size:var(--font-size-3xl)}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:var(--color-black)}:host.text-color-white{color:var(--color-white)}:host.text-color-gray{color:var(--color-gray)}:host.text-color-grey{color:var(--color-grey)}:host.text-color-offWhite{color:var(--color-off-white)}:host.text-color-bright{color:var(--color-bright)}:host.text-color-light{color:var(--color-light)}:host.text-color-neutral{color:var(--color-neutral)}:host.text-color-dark{color:var(--color-dark)}:host.text-color-orange{color:var(--color-orange)}:host.text-color-navigation{color:var(--color-navigation)}:host.text-color-skyBlue{color:var(--color-sky-blue)}:host.text-color-steel{color:var(--color-steel)}:host.text-color-metal{color:var(--color-metal)}:host.text-color-sand{color:var(--color-sand)}:host.text-color-silver{color:var(--color-silver)}:host.text-color-stone{color:var(--color-stone)}:host.text-color-ash{color:var(--color-ash)}:host.text-color-anonymous{color:var(--color-anonymous)}:host.text-color-slate{color:var(--color-slate)}:host.text-color-onyx{color:var(--color-onyx)}:host.text-color-charcoal{color:var(--color-charcoal)}:host.text-color-moonlight{color:var(--color-moonlight)}:host.text-color-midnight{color:var(--color-midnight)}:host.text-color-darkness{color:var(--color-darkness)}:host.text-color-navy{color:var(--color-navy)}:host.text-color-aqua{color:var(--color-aqua)}:host.text-color-ocean{color:var(--color-ocean)}:host.text-color-mint{color:var(--color-mint)}:host.text-color-grass{color:var(--color-grass)}:host.text-color-sunflower{color:var(--color-sunflower)}:host.text-color-bittersweet{color:var(--color-bittersweet)}:host.text-color-grapefruit{color:var(--color-grapefruit)}:host.text-color-carnation{color:var(--color-carnation)}:host.text-color-lavender{color:var(--color-lavender)}:host.text-color-mountain{color:var(--color-mountain)}:host.text-color-info{color:var(--color-info)}:host.text-color-positive{color:var(--color-positive)}:host.text-color-success{color:var(--color-success)}:host.text-color-negative{color:var(--color-negative)}:host.text-color-danger{color:var(--color-danger)}:host.text-color-error{color:var(--color-error)}:host.text-color-warning{color:var(--color-warning)}:host.text-color-empty{color:var(--color-empty)}:host.text-color-disabled{color:var(--color-disabled)}:host.text-color-background{color:var(--color-background)}:host.text-color-backgroundDark{color:var(--color-background-dark)}:host.text-color-border{color:var(--color-border)}:host.text-color-border2{color:var(--color-border2)}:host.text-color-text{color:var(--color-text)}:host.text-color-presentation{color:var(--color-presentation)}:host.text-color-bullhorn{color:var(--color-bullhorn)}:host.text-color-pulse{color:var(--color-pulse)}:host.text-color-fastFind{color:var(--color-fast-find)}:host.text-color-toast{color:var(--color-toast)}:host.text-color-company{color:var(--color-company)}:host.text-color-candidate{color:var(--color-candidate)}:host.text-color-lead{color:var(--color-lead)}:host.text-color-contact{color:var(--color-contact)}:host.text-color-clientcontact{color:var(--color-clientcontact)}:host.text-color-opportunity{color:var(--color-opportunity)}:host.text-color-job{color:var(--color-job)}:host.text-color-joborder{color:var(--color-joborder)}:host.text-color-submission{color:var(--color-submission)}:host.text-color-sendout{color:var(--color-sendout)}:host.text-color-placement{color:var(--color-placement)}:host.text-color-note{color:var(--color-note)}:host.text-color-contract{color:var(--color-contract)}:host.text-color-task{color:var(--color-task)}:host.text-color-jobCode{color:var(--color-job-code)}:host.text-color-earnCode{color:var(--color-earn-code)}:host.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host.text-color-billableCharge{color:var(--color-billable-charge)}:host.text-color-payableCharge{color:var(--color-payable-charge)}:host.text-color-user{color:var(--color-user)}:host.text-color-corporateUser{color:var(--color-corporate-user)}:host.text-color-distributionList{color:var(--color-distribution-list)}:host.text-color-credential{color:var(--color-credential)}:host.text-color-person{color:var(--color-person)}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host.text-weight-thin{font-weight:var(--font-weight-thin)}:host.text-weight-light{font-weight:var(--font-weight-light)}:host.text-weight-normal{font-weight:var(--font-weight-normal)}:host.text-weight-medium{font-weight:var(--font-weight-medium)}:host.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host.text-weight-bold{font-weight:var(--font-weight-bold)}:host.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host.novo-field-hint-end{order:1;text-align:right;align-content:end;justify-content:flex-end}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoHintElement, isStandalone: false, selector: "novo-hint", inputs: { align: "align", id: "id" }, host: { properties: { "class.novo-field-hint-end": "align === \"end\"", "attr.id": "id", "attr.align": "null" }, classAttribute: "novo-hint" }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{font-size:var(--font-size-caption);font-weight:400;line-height:1.375;color:var(--text-muted);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;display:flex;flex:1 0 auto;width:max-content;color:#9e9e9e;padding-bottom:.4rem;padding-top:.4rem}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:var(--font-size-body)}:host.text-size-xs{font-size:var(--font-size-xs)}:host.text-size-sm{font-size:var(--font-size-sm)}:host.text-size-md{font-size:var(--font-size-md)}:host.text-size-lg{font-size:var(--font-size-lg)}:host.text-size-xl{font-size:var(--font-size-xl)}:host.text-size-2xl{font-size:var(--font-size-2xl)}:host.text-size-3xl{font-size:var(--font-size-3xl)}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:var(--color-black)}:host.text-color-white{color:var(--color-white)}:host.text-color-gray{color:var(--color-gray)}:host.text-color-grey{color:var(--color-grey)}:host.text-color-offWhite{color:var(--color-off-white)}:host.text-color-bright{color:var(--color-bright)}:host.text-color-light{color:var(--color-light)}:host.text-color-neutral{color:var(--color-neutral)}:host.text-color-dark{color:var(--color-dark)}:host.text-color-orange{color:var(--color-orange)}:host.text-color-navigation{color:var(--color-navigation)}:host.text-color-skyBlue{color:var(--color-sky-blue)}:host.text-color-steel{color:var(--color-steel)}:host.text-color-metal{color:var(--color-metal)}:host.text-color-sand{color:var(--color-sand)}:host.text-color-silver{color:var(--color-silver)}:host.text-color-stone{color:var(--color-stone)}:host.text-color-ash{color:var(--color-ash)}:host.text-color-anonymous{color:var(--color-anonymous)}:host.text-color-slate{color:var(--color-slate)}:host.text-color-onyx{color:var(--color-onyx)}:host.text-color-charcoal{color:var(--color-charcoal)}:host.text-color-moonlight{color:var(--color-moonlight)}:host.text-color-midnight{color:var(--color-midnight)}:host.text-color-darkness{color:var(--color-darkness)}:host.text-color-navy{color:var(--color-navy)}:host.text-color-aqua{color:var(--color-aqua)}:host.text-color-ocean{color:var(--color-ocean)}:host.text-color-mint{color:var(--color-mint)}:host.text-color-grass{color:var(--color-grass)}:host.text-color-sunflower{color:var(--color-sunflower)}:host.text-color-bittersweet{color:var(--color-bittersweet)}:host.text-color-grapefruit{color:var(--color-grapefruit)}:host.text-color-carnation{color:var(--color-carnation)}:host.text-color-lavender{color:var(--color-lavender)}:host.text-color-mountain{color:var(--color-mountain)}:host.text-color-info{color:var(--color-info)}:host.text-color-positive{color:var(--color-positive)}:host.text-color-success{color:var(--color-success)}:host.text-color-negative{color:var(--color-negative)}:host.text-color-danger{color:var(--color-danger)}:host.text-color-error{color:var(--color-error)}:host.text-color-warning{color:var(--color-warning)}:host.text-color-empty{color:var(--color-empty)}:host.text-color-disabled{color:var(--color-disabled)}:host.text-color-background{color:var(--color-background)}:host.text-color-backgroundDark{color:var(--color-background-dark)}:host.text-color-border{color:var(--color-border)}:host.text-color-border2{color:var(--color-border2)}:host.text-color-text{color:var(--color-text)}:host.text-color-presentation{color:var(--color-presentation)}:host.text-color-bullhorn{color:var(--color-bullhorn)}:host.text-color-pulse{color:var(--color-pulse)}:host.text-color-fastFind{color:var(--color-fast-find)}:host.text-color-toast{color:var(--color-toast)}:host.text-color-company{color:var(--color-company)}:host.text-color-candidate{color:var(--color-candidate)}:host.text-color-lead{color:var(--color-lead)}:host.text-color-contact{color:var(--color-contact)}:host.text-color-clientcontact{color:var(--color-clientcontact)}:host.text-color-opportunity{color:var(--color-opportunity)}:host.text-color-job{color:var(--color-job)}:host.text-color-joborder{color:var(--color-joborder)}:host.text-color-submission{color:var(--color-submission)}:host.text-color-sendout{color:var(--color-sendout)}:host.text-color-placement{color:var(--color-placement)}:host.text-color-note{color:var(--color-note)}:host.text-color-contract{color:var(--color-contract)}:host.text-color-task{color:var(--color-task)}:host.text-color-jobCode{color:var(--color-job-code)}:host.text-color-earnCode{color:var(--color-earn-code)}:host.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host.text-color-billableCharge{color:var(--color-billable-charge)}:host.text-color-payableCharge{color:var(--color-payable-charge)}:host.text-color-user{color:var(--color-user)}:host.text-color-corporateUser{color:var(--color-corporate-user)}:host.text-color-distributionList{color:var(--color-distribution-list)}:host.text-color-credential{color:var(--color-credential)}:host.text-color-person{color:var(--color-person)}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host.text-weight-thin{font-weight:var(--font-weight-thin)}:host.text-weight-light{font-weight:var(--font-weight-light)}:host.text-weight-normal{font-weight:var(--font-weight-normal)}:host.text-weight-medium{font-weight:var(--font-weight-medium)}:host.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host.text-weight-bold{font-weight:var(--font-weight-bold)}:host.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host.novo-field-hint-end{order:1;text-align:right;align-content:end;justify-content:flex-end}:host-context([data-theme=bh2026]){font-size:var(--typography-input-value-sm-font-size);font-weight:var(--typography-input-value-sm-font-weight);color:var(--color-text-subtle)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoHintElement, decorators: [{
             type: Component,
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         '[attr.id]': 'id',
                         // Remove align attribute to prevent it from interfering with layout.
                         '[attr.align]': 'null',
-                    }, standalone: false, template: "<ng-content></ng-content>", styles: [":host{font-size:var(--font-size-caption);font-weight:400;line-height:1.375;color:var(--text-muted);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;display:flex;flex:1 0 auto;width:max-content;color:#9e9e9e;padding-bottom:.4rem;padding-top:.4rem}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:var(--font-size-body)}:host.text-size-xs{font-size:var(--font-size-xs)}:host.text-size-sm{font-size:var(--font-size-sm)}:host.text-size-md{font-size:var(--font-size-md)}:host.text-size-lg{font-size:var(--font-size-lg)}:host.text-size-xl{font-size:var(--font-size-xl)}:host.text-size-2xl{font-size:var(--font-size-2xl)}:host.text-size-3xl{font-size:var(--font-size-3xl)}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:var(--color-black)}:host.text-color-white{color:var(--color-white)}:host.text-color-gray{color:var(--color-gray)}:host.text-color-grey{color:var(--color-grey)}:host.text-color-offWhite{color:var(--color-off-white)}:host.text-color-bright{color:var(--color-bright)}:host.text-color-light{color:var(--color-light)}:host.text-color-neutral{color:var(--color-neutral)}:host.text-color-dark{color:var(--color-dark)}:host.text-color-orange{color:var(--color-orange)}:host.text-color-navigation{color:var(--color-navigation)}:host.text-color-skyBlue{color:var(--color-sky-blue)}:host.text-color-steel{color:var(--color-steel)}:host.text-color-metal{color:var(--color-metal)}:host.text-color-sand{color:var(--color-sand)}:host.text-color-silver{color:var(--color-silver)}:host.text-color-stone{color:var(--color-stone)}:host.text-color-ash{color:var(--color-ash)}:host.text-color-anonymous{color:var(--color-anonymous)}:host.text-color-slate{color:var(--color-slate)}:host.text-color-onyx{color:var(--color-onyx)}:host.text-color-charcoal{color:var(--color-charcoal)}:host.text-color-moonlight{color:var(--color-moonlight)}:host.text-color-midnight{color:var(--color-midnight)}:host.text-color-darkness{color:var(--color-darkness)}:host.text-color-navy{color:var(--color-navy)}:host.text-color-aqua{color:var(--color-aqua)}:host.text-color-ocean{color:var(--color-ocean)}:host.text-color-mint{color:var(--color-mint)}:host.text-color-grass{color:var(--color-grass)}:host.text-color-sunflower{color:var(--color-sunflower)}:host.text-color-bittersweet{color:var(--color-bittersweet)}:host.text-color-grapefruit{color:var(--color-grapefruit)}:host.text-color-carnation{color:var(--color-carnation)}:host.text-color-lavender{color:var(--color-lavender)}:host.text-color-mountain{color:var(--color-mountain)}:host.text-color-info{color:var(--color-info)}:host.text-color-positive{color:var(--color-positive)}:host.text-color-success{color:var(--color-success)}:host.text-color-negative{color:var(--color-negative)}:host.text-color-danger{color:var(--color-danger)}:host.text-color-error{color:var(--color-error)}:host.text-color-warning{color:var(--color-warning)}:host.text-color-empty{color:var(--color-empty)}:host.text-color-disabled{color:var(--color-disabled)}:host.text-color-background{color:var(--color-background)}:host.text-color-backgroundDark{color:var(--color-background-dark)}:host.text-color-border{color:var(--color-border)}:host.text-color-border2{color:var(--color-border2)}:host.text-color-text{color:var(--color-text)}:host.text-color-presentation{color:var(--color-presentation)}:host.text-color-bullhorn{color:var(--color-bullhorn)}:host.text-color-pulse{color:var(--color-pulse)}:host.text-color-fastFind{color:var(--color-fast-find)}:host.text-color-toast{color:var(--color-toast)}:host.text-color-company{color:var(--color-company)}:host.text-color-candidate{color:var(--color-candidate)}:host.text-color-lead{color:var(--color-lead)}:host.text-color-contact{color:var(--color-contact)}:host.text-color-clientcontact{color:var(--color-clientcontact)}:host.text-color-opportunity{color:var(--color-opportunity)}:host.text-color-job{color:var(--color-job)}:host.text-color-joborder{color:var(--color-joborder)}:host.text-color-submission{color:var(--color-submission)}:host.text-color-sendout{color:var(--color-sendout)}:host.text-color-placement{color:var(--color-placement)}:host.text-color-note{color:var(--color-note)}:host.text-color-contract{color:var(--color-contract)}:host.text-color-task{color:var(--color-task)}:host.text-color-jobCode{color:var(--color-job-code)}:host.text-color-earnCode{color:var(--color-earn-code)}:host.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host.text-color-billableCharge{color:var(--color-billable-charge)}:host.text-color-payableCharge{color:var(--color-payable-charge)}:host.text-color-user{color:var(--color-user)}:host.text-color-corporateUser{color:var(--color-corporate-user)}:host.text-color-distributionList{color:var(--color-distribution-list)}:host.text-color-credential{color:var(--color-credential)}:host.text-color-person{color:var(--color-person)}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host.text-weight-thin{font-weight:var(--font-weight-thin)}:host.text-weight-light{font-weight:var(--font-weight-light)}:host.text-weight-normal{font-weight:var(--font-weight-normal)}:host.text-weight-medium{font-weight:var(--font-weight-medium)}:host.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host.text-weight-bold{font-weight:var(--font-weight-bold)}:host.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host.novo-field-hint-end{order:1;text-align:right;align-content:end;justify-content:flex-end}\n"] }]
+                    }, standalone: false, template: "<ng-content></ng-content>", styles: [":host{font-size:var(--font-size-caption);font-weight:400;line-height:1.375;color:var(--text-muted);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;display:flex;flex:1 0 auto;width:max-content;color:#9e9e9e;padding-bottom:.4rem;padding-top:.4rem}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:var(--font-size-body)}:host.text-size-xs{font-size:var(--font-size-xs)}:host.text-size-sm{font-size:var(--font-size-sm)}:host.text-size-md{font-size:var(--font-size-md)}:host.text-size-lg{font-size:var(--font-size-lg)}:host.text-size-xl{font-size:var(--font-size-xl)}:host.text-size-2xl{font-size:var(--font-size-2xl)}:host.text-size-3xl{font-size:var(--font-size-3xl)}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:var(--color-black)}:host.text-color-white{color:var(--color-white)}:host.text-color-gray{color:var(--color-gray)}:host.text-color-grey{color:var(--color-grey)}:host.text-color-offWhite{color:var(--color-off-white)}:host.text-color-bright{color:var(--color-bright)}:host.text-color-light{color:var(--color-light)}:host.text-color-neutral{color:var(--color-neutral)}:host.text-color-dark{color:var(--color-dark)}:host.text-color-orange{color:var(--color-orange)}:host.text-color-navigation{color:var(--color-navigation)}:host.text-color-skyBlue{color:var(--color-sky-blue)}:host.text-color-steel{color:var(--color-steel)}:host.text-color-metal{color:var(--color-metal)}:host.text-color-sand{color:var(--color-sand)}:host.text-color-silver{color:var(--color-silver)}:host.text-color-stone{color:var(--color-stone)}:host.text-color-ash{color:var(--color-ash)}:host.text-color-anonymous{color:var(--color-anonymous)}:host.text-color-slate{color:var(--color-slate)}:host.text-color-onyx{color:var(--color-onyx)}:host.text-color-charcoal{color:var(--color-charcoal)}:host.text-color-moonlight{color:var(--color-moonlight)}:host.text-color-midnight{color:var(--color-midnight)}:host.text-color-darkness{color:var(--color-darkness)}:host.text-color-navy{color:var(--color-navy)}:host.text-color-aqua{color:var(--color-aqua)}:host.text-color-ocean{color:var(--color-ocean)}:host.text-color-mint{color:var(--color-mint)}:host.text-color-grass{color:var(--color-grass)}:host.text-color-sunflower{color:var(--color-sunflower)}:host.text-color-bittersweet{color:var(--color-bittersweet)}:host.text-color-grapefruit{color:var(--color-grapefruit)}:host.text-color-carnation{color:var(--color-carnation)}:host.text-color-lavender{color:var(--color-lavender)}:host.text-color-mountain{color:var(--color-mountain)}:host.text-color-info{color:var(--color-info)}:host.text-color-positive{color:var(--color-positive)}:host.text-color-success{color:var(--color-success)}:host.text-color-negative{color:var(--color-negative)}:host.text-color-danger{color:var(--color-danger)}:host.text-color-error{color:var(--color-error)}:host.text-color-warning{color:var(--color-warning)}:host.text-color-empty{color:var(--color-empty)}:host.text-color-disabled{color:var(--color-disabled)}:host.text-color-background{color:var(--color-background)}:host.text-color-backgroundDark{color:var(--color-background-dark)}:host.text-color-border{color:var(--color-border)}:host.text-color-border2{color:var(--color-border2)}:host.text-color-text{color:var(--color-text)}:host.text-color-presentation{color:var(--color-presentation)}:host.text-color-bullhorn{color:var(--color-bullhorn)}:host.text-color-pulse{color:var(--color-pulse)}:host.text-color-fastFind{color:var(--color-fast-find)}:host.text-color-toast{color:var(--color-toast)}:host.text-color-company{color:var(--color-company)}:host.text-color-candidate{color:var(--color-candidate)}:host.text-color-lead{color:var(--color-lead)}:host.text-color-contact{color:var(--color-contact)}:host.text-color-clientcontact{color:var(--color-clientcontact)}:host.text-color-opportunity{color:var(--color-opportunity)}:host.text-color-job{color:var(--color-job)}:host.text-color-joborder{color:var(--color-joborder)}:host.text-color-submission{color:var(--color-submission)}:host.text-color-sendout{color:var(--color-sendout)}:host.text-color-placement{color:var(--color-placement)}:host.text-color-note{color:var(--color-note)}:host.text-color-contract{color:var(--color-contract)}:host.text-color-task{color:var(--color-task)}:host.text-color-jobCode{color:var(--color-job-code)}:host.text-color-earnCode{color:var(--color-earn-code)}:host.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host.text-color-billableCharge{color:var(--color-billable-charge)}:host.text-color-payableCharge{color:var(--color-payable-charge)}:host.text-color-user{color:var(--color-user)}:host.text-color-corporateUser{color:var(--color-corporate-user)}:host.text-color-distributionList{color:var(--color-distribution-list)}:host.text-color-credential{color:var(--color-credential)}:host.text-color-person{color:var(--color-person)}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host.text-weight-thin{font-weight:var(--font-weight-thin)}:host.text-weight-light{font-weight:var(--font-weight-light)}:host.text-weight-normal{font-weight:var(--font-weight-normal)}:host.text-weight-medium{font-weight:var(--font-weight-medium)}:host.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host.text-weight-bold{font-weight:var(--font-weight-bold)}:host.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}:host.novo-field-hint-end{order:1;text-align:right;align-content:end;justify-content:flex-end}:host-context([data-theme=bh2026]){font-size:var(--typography-input-value-sm-font-size);font-weight:var(--typography-input-value-sm-font-weight);color:var(--color-text-subtle)}\n"] }]
         }], propDecorators: { align: [{
                 type: Input
             }], id: [{
@@ -190,7 +190,7 @@ class NovoFieldElement {
         return !!this._labelElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoFieldElement, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoFieldElement, isStandalone: false, selector: "novo-field", inputs: { layout: "layout", appearance: "appearance", customOverlayOrigin: "customOverlayOrigin", width: "width" }, outputs: { valueChanges: "valueChanges", stateChanges: "stateChanges" }, host: { listeners: { "click": "_handleContainerClick($event)" }, properties: { "class.novo-field-layout-horizontal": "layout==\"horizontal\"", "class.novo-field-layout-vertical": "layout==\"vertical\"", "class.novo-field-appearance-standard": "appearance == \"standard\"", "class.novo-field-appearance-fill": "appearance == \"fill\"", "class.novo-field-appearance-outline": "appearance == \"outline\"", "class.novo-field-appearance-list": "appearance == \"list\"", "class.novo-field-appearance-underlined": "_isUnderlinedInput()", "class.novo-field-invalid": "_control.errorState", "class.novo-field-has-label": "_hasLabel()", "class.novo-field-no-label": "!_hasLabel()", "class.novo-field-disabled": "_control.disabled", "class.novo-field-autofilled": "_control.autofilled", "class.novo-focused": "_control.focused", "class.ng-untouched": "_shouldForward(\"untouched\")", "class.ng-touched": "_shouldForward(\"touched\")", "class.ng-pristine": "_shouldForward(\"pristine\")", "class.ng-dirty": "_shouldForward(\"dirty\")", "class.ng-valid": "_shouldForward(\"valid\")", "class.ng-invalid": "_shouldForward(\"invalid\")", "class.ng-pending": "_shouldForward(\"pending\")" }, classAttribute: "novo-field" }, providers: [{ provide: NOVO_FORM_FIELD, useExisting: NovoFieldElement }], queries: [{ propertyName: "_labelElement", first: true, predicate: NovoLabel, descendants: true }, { propertyName: "_control", first: true, predicate: NovoFieldControl, descendants: true }, { propertyName: "_hintElements", predicate: NovoHintElement }, { propertyName: "_errorElements", predicate: NovoErrorElement }, { propertyName: "_prefixElements", predicate: NovoFieldPrefixDirective }, { propertyName: "_suffixElements", predicate: NovoFieldSuffixDirective }, { propertyName: "_overlayElements", predicate: NOVO_OVERLAY_CONTAINER }], viewQueries: [{ propertyName: "_inputContainerRef", first: true, predicate: ["inputContainer"], descendants: true }], ngImport: i0, template: "<div class=\"novo-field-label\">\n  <ng-content select=\"novo-label\"></ng-content>\n</div>\n<div class=\"novo-field-input\" [style.width]=\"width\" #inputContainer>\n  <div class=\"novo-field-prefix\">\n    <ng-content select=\"[novoPrefix]\"></ng-content>\n  </div>\n  <div class=\"novo-field-infix\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"novo-field-suffix\">\n    <ng-content select=\"[novoSuffix]\"></ng-content>\n  </div>\n</div>\n<div class=\"novo-field-messages\" [ngSwitch]=\"_getDisplayedMessages()\">\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'error'\">\n    <ng-content select=\"novo-error\"></ng-content>\n  </div>\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'hint'\">\n    <ng-content select=\"novo-hint\"></ng-content>\n    <ng-content select=\"novo-hint[align=end]\"></ng-content>\n  </div>\n</div>", styles: [":host{display:grid;position:relative}:host.novo-field-layout-horizontal{grid-gap:0rem 1rem;grid-template-columns:150px minmax(min-content,max-content);grid-template-areas:\"label input\" \". messages\"}:host.novo-field-layout-vertical{grid-template-columns:minmax(min-content,100%);grid-template-rows:repeat(3,minmax(min-content,max-content));grid-template-areas:\"label\" \"input\" \"messages\";width:max-content}:host .novo-field-label{grid-area:label;display:grid;align-items:center}:host.novo-field-type-color .novo-field-input::ng-deep .novo-input-element{padding:0}:host.ng-invalid.ng-dirty.ng-touched .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host .novo-field-input{grid-area:input;display:grid;align-items:center;grid-template-columns:minmax(auto,max-content) 1fr minmax(auto,max-content);flex:1 1 100%;min-height:2.9rem}:host .novo-field-input::ng-deep .novo-input-element{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;border:none;background-image:none;background-color:transparent;box-shadow:none;padding:.4rem .2rem 0rem;border-bottom:none!important}:host .novo-field-input::ng-deep .novo-input-element.text-capitalize{text-transform:capitalize}:host .novo-field-input::ng-deep .novo-input-element.text-uppercase{text-transform:uppercase}:host .novo-field-input::ng-deep .novo-input-element.text-nowrap{white-space:nowrap}:host .novo-field-input::ng-deep .novo-input-element.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-field-input::ng-deep .novo-input-element.text-size-default{font-size:inherit}:host .novo-field-input::ng-deep .novo-input-element.text-size-body{font-size:var(--font-size-body)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xs{font-size:var(--font-size-xs)}:host .novo-field-input::ng-deep .novo-input-element.text-size-sm{font-size:var(--font-size-sm)}:host .novo-field-input::ng-deep .novo-input-element.text-size-md{font-size:var(--font-size-md)}:host .novo-field-input::ng-deep .novo-input-element.text-size-lg{font-size:var(--font-size-lg)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xl{font-size:var(--font-size-xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-2xl{font-size:var(--font-size-2xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-3xl{font-size:var(--font-size-3xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-smaller{font-size:.8em}:host .novo-field-input::ng-deep .novo-input-element.text-size-larger{font-size:1.2em}:host .novo-field-input::ng-deep .novo-input-element.text-color-black{color:var(--color-black)}:host .novo-field-input::ng-deep .novo-input-element.text-color-white{color:var(--color-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-gray{color:var(--color-gray)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grey{color:var(--color-grey)}:host .novo-field-input::ng-deep .novo-input-element.text-color-offWhite{color:var(--color-off-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bright{color:var(--color-bright)}:host .novo-field-input::ng-deep .novo-input-element.text-color-light{color:var(--color-light)}:host .novo-field-input::ng-deep .novo-input-element.text-color-neutral{color:var(--color-neutral)}:host .novo-field-input::ng-deep .novo-input-element.text-color-dark{color:var(--color-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-orange{color:var(--color-orange)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navigation{color:var(--color-navigation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-skyBlue{color:var(--color-sky-blue)}:host .novo-field-input::ng-deep .novo-input-element.text-color-steel{color:var(--color-steel)}:host .novo-field-input::ng-deep .novo-input-element.text-color-metal{color:var(--color-metal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sand{color:var(--color-sand)}:host .novo-field-input::ng-deep .novo-input-element.text-color-silver{color:var(--color-silver)}:host .novo-field-input::ng-deep .novo-input-element.text-color-stone{color:var(--color-stone)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ash{color:var(--color-ash)}:host .novo-field-input::ng-deep .novo-input-element.text-color-anonymous{color:var(--color-anonymous)}:host .novo-field-input::ng-deep .novo-input-element.text-color-slate{color:var(--color-slate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-onyx{color:var(--color-onyx)}:host .novo-field-input::ng-deep .novo-input-element.text-color-charcoal{color:var(--color-charcoal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-moonlight{color:var(--color-moonlight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-midnight{color:var(--color-midnight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-darkness{color:var(--color-darkness)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navy{color:var(--color-navy)}:host .novo-field-input::ng-deep .novo-input-element.text-color-aqua{color:var(--color-aqua)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ocean{color:var(--color-ocean)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mint{color:var(--color-mint)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grass{color:var(--color-grass)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sunflower{color:var(--color-sunflower)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bittersweet{color:var(--color-bittersweet)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grapefruit{color:var(--color-grapefruit)}:host .novo-field-input::ng-deep .novo-input-element.text-color-carnation{color:var(--color-carnation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lavender{color:var(--color-lavender)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mountain{color:var(--color-mountain)}:host .novo-field-input::ng-deep .novo-input-element.text-color-info{color:var(--color-info)}:host .novo-field-input::ng-deep .novo-input-element.text-color-positive{color:var(--color-positive)}:host .novo-field-input::ng-deep .novo-input-element.text-color-success{color:var(--color-success)}:host .novo-field-input::ng-deep .novo-input-element.text-color-negative{color:var(--color-negative)}:host .novo-field-input::ng-deep .novo-input-element.text-color-danger{color:var(--color-danger)}:host .novo-field-input::ng-deep .novo-input-element.text-color-error{color:var(--color-error)}:host .novo-field-input::ng-deep .novo-input-element.text-color-warning{color:var(--color-warning)}:host .novo-field-input::ng-deep .novo-input-element.text-color-empty{color:var(--color-empty)}:host .novo-field-input::ng-deep .novo-input-element.text-color-disabled{color:var(--color-disabled)}:host .novo-field-input::ng-deep .novo-input-element.text-color-background{color:var(--color-background)}:host .novo-field-input::ng-deep .novo-input-element.text-color-backgroundDark{color:var(--color-background-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border{color:var(--color-border)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border2{color:var(--color-border2)}:host .novo-field-input::ng-deep .novo-input-element.text-color-text{color:var(--color-text)}:host .novo-field-input::ng-deep .novo-input-element.text-color-presentation{color:var(--color-presentation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bullhorn{color:var(--color-bullhorn)}:host .novo-field-input::ng-deep .novo-input-element.text-color-pulse{color:var(--color-pulse)}:host .novo-field-input::ng-deep .novo-input-element.text-color-fastFind{color:var(--color-fast-find)}:host .novo-field-input::ng-deep .novo-input-element.text-color-toast{color:var(--color-toast)}:host .novo-field-input::ng-deep .novo-input-element.text-color-company{color:var(--color-company)}:host .novo-field-input::ng-deep .novo-input-element.text-color-candidate{color:var(--color-candidate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lead{color:var(--color-lead)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contact{color:var(--color-contact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-clientcontact{color:var(--color-clientcontact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-opportunity{color:var(--color-opportunity)}:host .novo-field-input::ng-deep .novo-input-element.text-color-job{color:var(--color-job)}:host .novo-field-input::ng-deep .novo-input-element.text-color-joborder{color:var(--color-joborder)}:host .novo-field-input::ng-deep .novo-input-element.text-color-submission{color:var(--color-submission)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sendout{color:var(--color-sendout)}:host .novo-field-input::ng-deep .novo-input-element.text-color-placement{color:var(--color-placement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-note{color:var(--color-note)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contract{color:var(--color-contract)}:host .novo-field-input::ng-deep .novo-input-element.text-color-task{color:var(--color-task)}:host .novo-field-input::ng-deep .novo-input-element.text-color-jobCode{color:var(--color-job-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-earnCode{color:var(--color-earn-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-billableCharge{color:var(--color-billable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-payableCharge{color:var(--color-payable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-user{color:var(--color-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-corporateUser{color:var(--color-corporate-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-distributionList{color:var(--color-distribution-list)}:host .novo-field-input::ng-deep .novo-input-element.text-color-credential{color:var(--color-credential)}:host .novo-field-input::ng-deep .novo-input-element.text-color-person{color:var(--color-person)}:host .novo-field-input::ng-deep .novo-input-element.margin-before{margin-top:.4rem}:host .novo-field-input::ng-deep .novo-input-element.margin-after{margin-bottom:.8rem}:host .novo-field-input::ng-deep .novo-input-element.text-length-small{max-width:40ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-medium{max-width:55ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-large{max-width:70ch}:host .novo-field-input::ng-deep .novo-input-element.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-thin{font-weight:var(--font-weight-thin)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-light{font-weight:var(--font-weight-light)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-normal{font-weight:var(--font-weight-normal)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-medium{font-weight:var(--font-weight-medium)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bold{font-weight:var(--font-weight-bold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-lighter{font-weight:lighter}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bolder{font-weight:bolder}:host .novo-field-input::ng-deep .novo-input-element:focus{outline:none}:host .novo-field-input::ng-deep .novo-radio-group{padding:.5rem 0}:host .novo-field-input .novo-field-prefix{display:flex;align-items:center}:host .novo-field-input .novo-field-infix{display:flex;align-items:center;align-self:flex-end}:host .novo-field-input .novo-field-infix select,:host .novo-field-input .novo-field-infix::ng-deep .novo-input-element{width:100%}:host .novo-field-input .novo-field-suffix{display:flex;align-items:center}:host .novo-field-messages{grid-area:messages;display:grid}:host .novo-field-hint-wrapper{display:flex;flex-direction:column}:host::ng-deep .novo-date-range-format{min-width:22rem}:host-context([data-theme=bh2026]) .novo-field-label{font-weight:600;font-size:1rem;color:var(--color-content-subtle, #8ca1b9)}:host-context([data-theme=bh2026]) .novo-field-input ::ng-deep .novo-input-element{font-size:1.4rem;font-weight:500}\n", ":host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-fill.novo-field-layout-horizontal .novo-field-input{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-label{padding-top:.5em;padding-left:.5em;padding-right:.5em}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-input{padding:0 .5em}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--border-hard) h s calc(l + 45))!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-outline{border:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important;border-radius:var(--border-radius-round);padding:.5rem}:host.novo-field-appearance-outline.novo-field-layout-vertical .novo-field-label{background:#fff;margin-top:calc(-1 * var(--spacing-xl));margin-left:var(--spacing-sm);width:max-content;padding:.5rem}:host.novo-field-appearance-outline:not(.novo-focused):hover{border:1px solid #3d464d!important}:host.novo-field-appearance-outline.novo-focused{border:1px solid var(--color-positive)!important}:host.novo-field-appearance-outline.novo-field-invalid{border:1px solid var(--color-negative)!important}\n", ":host.novo-field-appearance-list.novo-field-layout-horizontal{border-bottom:1px solid var(--border-2)!important;padding:.5rem 1.2rem;min-height:4.2rem}:host.novo-field-appearance-list.novo-field-layout-horizontal .novo-field-label{align-items:start;margin-top:.9rem}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-no-label{grid-template-columns:0px minmax(300px,600px);gap:0}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{background:rgb(from var(--color-positive) r g b/.15)}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-field-invalid .novo-field-label{color:var(--color-negative)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoFieldElement, isStandalone: false, selector: "novo-field", inputs: { layout: "layout", appearance: "appearance", customOverlayOrigin: "customOverlayOrigin", width: "width" }, outputs: { valueChanges: "valueChanges", stateChanges: "stateChanges" }, host: { listeners: { "click": "_handleContainerClick($event)" }, properties: { "class.novo-field-layout-horizontal": "layout==\"horizontal\"", "class.novo-field-layout-vertical": "layout==\"vertical\"", "class.novo-field-appearance-standard": "appearance == \"standard\"", "class.novo-field-appearance-fill": "appearance == \"fill\"", "class.novo-field-appearance-outline": "appearance == \"outline\"", "class.novo-field-appearance-list": "appearance == \"list\"", "class.novo-field-appearance-underlined": "_isUnderlinedInput()", "class.novo-field-invalid": "_control.errorState", "class.novo-field-has-label": "_hasLabel()", "class.novo-field-no-label": "!_hasLabel()", "class.novo-field-disabled": "_control.disabled", "class.novo-field-autofilled": "_control.autofilled", "class.novo-focused": "_control.focused", "class.ng-untouched": "_shouldForward(\"untouched\")", "class.ng-touched": "_shouldForward(\"touched\")", "class.ng-pristine": "_shouldForward(\"pristine\")", "class.ng-dirty": "_shouldForward(\"dirty\")", "class.ng-valid": "_shouldForward(\"valid\")", "class.ng-invalid": "_shouldForward(\"invalid\")", "class.ng-pending": "_shouldForward(\"pending\")" }, classAttribute: "novo-field" }, providers: [{ provide: NOVO_FORM_FIELD, useExisting: NovoFieldElement }], queries: [{ propertyName: "_labelElement", first: true, predicate: NovoLabel, descendants: true }, { propertyName: "_control", first: true, predicate: NovoFieldControl, descendants: true }, { propertyName: "_hintElements", predicate: NovoHintElement }, { propertyName: "_errorElements", predicate: NovoErrorElement }, { propertyName: "_prefixElements", predicate: NovoFieldPrefixDirective }, { propertyName: "_suffixElements", predicate: NovoFieldSuffixDirective }, { propertyName: "_overlayElements", predicate: NOVO_OVERLAY_CONTAINER }], viewQueries: [{ propertyName: "_inputContainerRef", first: true, predicate: ["inputContainer"], descendants: true }], ngImport: i0, template: "<div class=\"novo-field-label\">\n  <ng-content select=\"novo-label\"></ng-content>\n</div>\n<div class=\"novo-field-input\" [style.width]=\"width\" #inputContainer>\n  <div class=\"novo-field-prefix\">\n    <ng-content select=\"[novoPrefix]\"></ng-content>\n  </div>\n  <div class=\"novo-field-infix\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"novo-field-suffix\">\n    <ng-content select=\"[novoSuffix]\"></ng-content>\n  </div>\n</div>\n<div class=\"novo-field-messages\" [ngSwitch]=\"_getDisplayedMessages()\">\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'error'\">\n    <ng-content select=\"novo-error\"></ng-content>\n  </div>\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'hint'\">\n    <ng-content select=\"novo-hint\"></ng-content>\n    <ng-content select=\"novo-hint[align=end]\"></ng-content>\n  </div>\n</div>", styles: [":host{display:grid;position:relative}:host.novo-field-layout-horizontal{grid-gap:0rem 1rem;grid-template-columns:150px minmax(min-content,max-content);grid-template-areas:\"label input\" \". messages\"}:host.novo-field-layout-vertical{grid-template-columns:minmax(min-content,100%);grid-template-rows:repeat(3,minmax(min-content,max-content));grid-template-areas:\"label\" \"input\" \"messages\";width:max-content}:host .novo-field-label{grid-area:label;display:grid;align-items:center}:host.novo-field-type-color .novo-field-input::ng-deep .novo-input-element{padding:0}:host.ng-invalid.ng-dirty.ng-touched .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host .novo-field-input{grid-area:input;display:grid;align-items:center;grid-template-columns:minmax(auto,max-content) 1fr minmax(auto,max-content);flex:1 1 100%;min-height:2.9rem}:host .novo-field-input::ng-deep .novo-input-element{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;border:none;background-image:none;background-color:transparent;box-shadow:none;padding:.4rem .2rem 0rem;border-bottom:none!important}:host .novo-field-input::ng-deep .novo-input-element.text-capitalize{text-transform:capitalize}:host .novo-field-input::ng-deep .novo-input-element.text-uppercase{text-transform:uppercase}:host .novo-field-input::ng-deep .novo-input-element.text-nowrap{white-space:nowrap}:host .novo-field-input::ng-deep .novo-input-element.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-field-input::ng-deep .novo-input-element.text-size-default{font-size:inherit}:host .novo-field-input::ng-deep .novo-input-element.text-size-body{font-size:var(--font-size-body)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xs{font-size:var(--font-size-xs)}:host .novo-field-input::ng-deep .novo-input-element.text-size-sm{font-size:var(--font-size-sm)}:host .novo-field-input::ng-deep .novo-input-element.text-size-md{font-size:var(--font-size-md)}:host .novo-field-input::ng-deep .novo-input-element.text-size-lg{font-size:var(--font-size-lg)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xl{font-size:var(--font-size-xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-2xl{font-size:var(--font-size-2xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-3xl{font-size:var(--font-size-3xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-smaller{font-size:.8em}:host .novo-field-input::ng-deep .novo-input-element.text-size-larger{font-size:1.2em}:host .novo-field-input::ng-deep .novo-input-element.text-color-black{color:var(--color-black)}:host .novo-field-input::ng-deep .novo-input-element.text-color-white{color:var(--color-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-gray{color:var(--color-gray)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grey{color:var(--color-grey)}:host .novo-field-input::ng-deep .novo-input-element.text-color-offWhite{color:var(--color-off-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bright{color:var(--color-bright)}:host .novo-field-input::ng-deep .novo-input-element.text-color-light{color:var(--color-light)}:host .novo-field-input::ng-deep .novo-input-element.text-color-neutral{color:var(--color-neutral)}:host .novo-field-input::ng-deep .novo-input-element.text-color-dark{color:var(--color-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-orange{color:var(--color-orange)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navigation{color:var(--color-navigation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-skyBlue{color:var(--color-sky-blue)}:host .novo-field-input::ng-deep .novo-input-element.text-color-steel{color:var(--color-steel)}:host .novo-field-input::ng-deep .novo-input-element.text-color-metal{color:var(--color-metal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sand{color:var(--color-sand)}:host .novo-field-input::ng-deep .novo-input-element.text-color-silver{color:var(--color-silver)}:host .novo-field-input::ng-deep .novo-input-element.text-color-stone{color:var(--color-stone)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ash{color:var(--color-ash)}:host .novo-field-input::ng-deep .novo-input-element.text-color-anonymous{color:var(--color-anonymous)}:host .novo-field-input::ng-deep .novo-input-element.text-color-slate{color:var(--color-slate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-onyx{color:var(--color-onyx)}:host .novo-field-input::ng-deep .novo-input-element.text-color-charcoal{color:var(--color-charcoal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-moonlight{color:var(--color-moonlight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-midnight{color:var(--color-midnight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-darkness{color:var(--color-darkness)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navy{color:var(--color-navy)}:host .novo-field-input::ng-deep .novo-input-element.text-color-aqua{color:var(--color-aqua)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ocean{color:var(--color-ocean)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mint{color:var(--color-mint)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grass{color:var(--color-grass)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sunflower{color:var(--color-sunflower)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bittersweet{color:var(--color-bittersweet)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grapefruit{color:var(--color-grapefruit)}:host .novo-field-input::ng-deep .novo-input-element.text-color-carnation{color:var(--color-carnation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lavender{color:var(--color-lavender)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mountain{color:var(--color-mountain)}:host .novo-field-input::ng-deep .novo-input-element.text-color-info{color:var(--color-info)}:host .novo-field-input::ng-deep .novo-input-element.text-color-positive{color:var(--color-positive)}:host .novo-field-input::ng-deep .novo-input-element.text-color-success{color:var(--color-success)}:host .novo-field-input::ng-deep .novo-input-element.text-color-negative{color:var(--color-negative)}:host .novo-field-input::ng-deep .novo-input-element.text-color-danger{color:var(--color-danger)}:host .novo-field-input::ng-deep .novo-input-element.text-color-error{color:var(--color-error)}:host .novo-field-input::ng-deep .novo-input-element.text-color-warning{color:var(--color-warning)}:host .novo-field-input::ng-deep .novo-input-element.text-color-empty{color:var(--color-empty)}:host .novo-field-input::ng-deep .novo-input-element.text-color-disabled{color:var(--color-disabled)}:host .novo-field-input::ng-deep .novo-input-element.text-color-background{color:var(--color-background)}:host .novo-field-input::ng-deep .novo-input-element.text-color-backgroundDark{color:var(--color-background-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border{color:var(--color-border)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border2{color:var(--color-border2)}:host .novo-field-input::ng-deep .novo-input-element.text-color-text{color:var(--color-text)}:host .novo-field-input::ng-deep .novo-input-element.text-color-presentation{color:var(--color-presentation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bullhorn{color:var(--color-bullhorn)}:host .novo-field-input::ng-deep .novo-input-element.text-color-pulse{color:var(--color-pulse)}:host .novo-field-input::ng-deep .novo-input-element.text-color-fastFind{color:var(--color-fast-find)}:host .novo-field-input::ng-deep .novo-input-element.text-color-toast{color:var(--color-toast)}:host .novo-field-input::ng-deep .novo-input-element.text-color-company{color:var(--color-company)}:host .novo-field-input::ng-deep .novo-input-element.text-color-candidate{color:var(--color-candidate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lead{color:var(--color-lead)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contact{color:var(--color-contact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-clientcontact{color:var(--color-clientcontact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-opportunity{color:var(--color-opportunity)}:host .novo-field-input::ng-deep .novo-input-element.text-color-job{color:var(--color-job)}:host .novo-field-input::ng-deep .novo-input-element.text-color-joborder{color:var(--color-joborder)}:host .novo-field-input::ng-deep .novo-input-element.text-color-submission{color:var(--color-submission)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sendout{color:var(--color-sendout)}:host .novo-field-input::ng-deep .novo-input-element.text-color-placement{color:var(--color-placement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-note{color:var(--color-note)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contract{color:var(--color-contract)}:host .novo-field-input::ng-deep .novo-input-element.text-color-task{color:var(--color-task)}:host .novo-field-input::ng-deep .novo-input-element.text-color-jobCode{color:var(--color-job-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-earnCode{color:var(--color-earn-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-billableCharge{color:var(--color-billable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-payableCharge{color:var(--color-payable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-user{color:var(--color-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-corporateUser{color:var(--color-corporate-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-distributionList{color:var(--color-distribution-list)}:host .novo-field-input::ng-deep .novo-input-element.text-color-credential{color:var(--color-credential)}:host .novo-field-input::ng-deep .novo-input-element.text-color-person{color:var(--color-person)}:host .novo-field-input::ng-deep .novo-input-element.margin-before{margin-top:.4rem}:host .novo-field-input::ng-deep .novo-input-element.margin-after{margin-bottom:.8rem}:host .novo-field-input::ng-deep .novo-input-element.text-length-small{max-width:40ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-medium{max-width:55ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-large{max-width:70ch}:host .novo-field-input::ng-deep .novo-input-element.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-thin{font-weight:var(--font-weight-thin)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-light{font-weight:var(--font-weight-light)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-normal{font-weight:var(--font-weight-normal)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-medium{font-weight:var(--font-weight-medium)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bold{font-weight:var(--font-weight-bold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-lighter{font-weight:lighter}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bolder{font-weight:bolder}:host .novo-field-input::ng-deep .novo-input-element:focus{outline:none}:host .novo-field-input::ng-deep .novo-radio-group{padding:.5rem 0}:host .novo-field-input .novo-field-prefix{display:flex;align-items:center}:host .novo-field-input .novo-field-infix{display:flex;align-items:center;align-self:flex-end}:host .novo-field-input .novo-field-infix select,:host .novo-field-input .novo-field-infix::ng-deep .novo-input-element{width:100%}:host .novo-field-input .novo-field-suffix{display:flex;align-items:center}:host .novo-field-messages{grid-area:messages;display:grid}:host .novo-field-hint-wrapper{display:flex;flex-direction:column}:host::ng-deep .novo-date-range-format{min-width:22rem}:host-context([data-theme=bh2026]) .novo-field-label{text-transform:var(--typography-input-label-sm-text-transform)}:host-context([data-theme=bh2026]) .novo-field-label ::ng-deep novo-label{font-weight:var(--typography-input-label-sm-font-weight);font-size:var(--typography-input-label-sm-font-size);letter-spacing:var(--typography-input-label-sm-letter-spacing);color:var(--color-text-body)}:host-context([data-theme=bh2026]) .novo-field-input ::ng-deep .novo-input-element{font-size:var(--typography-input-value-default-font-size);font-weight:var(--typography-input-value-default-font-weight)}\n", ":host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-fill.novo-field-layout-horizontal .novo-field-input{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-label{padding-top:.5em;padding-left:.5em;padding-right:.5em}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-input{padding:0 .5em}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--border-hard) h s calc(l + 45))!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-outline{border:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important;border-radius:var(--border-radius-round);padding:.5rem}:host.novo-field-appearance-outline.novo-field-layout-vertical .novo-field-label{background:#fff;margin-top:calc(-1 * var(--spacing-xl));margin-left:var(--spacing-sm);width:max-content;padding:.5rem}:host.novo-field-appearance-outline:not(.novo-focused):hover{border:1px solid #3d464d!important}:host.novo-field-appearance-outline.novo-focused{border:1px solid var(--color-positive)!important}:host.novo-field-appearance-outline.novo-field-invalid{border:1px solid var(--color-negative)!important}\n", ":host.novo-field-appearance-list.novo-field-layout-horizontal{border-bottom:1px solid var(--border-2)!important;padding:.5rem 1.2rem;min-height:4.2rem}:host.novo-field-appearance-list.novo-field-layout-horizontal .novo-field-label{align-items:start;margin-top:.9rem}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-no-label{grid-template-columns:0px minmax(300px,600px);gap:0}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{background:rgb(from var(--color-positive) r g b/.15)}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-field-invalid .novo-field-label{color:var(--color-negative)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoFieldElement, decorators: [{
             type: Component,
@@ -216,7 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         '[class.ng-valid]': '_shouldForward("valid")',
                         '[class.ng-invalid]': '_shouldForward("invalid")',
                         '[class.ng-pending]': '_shouldForward("pending")',
-                    }, providers: [{ provide: NOVO_FORM_FIELD, useExisting: NovoFieldElement }], standalone: false, template: "<div class=\"novo-field-label\">\n  <ng-content select=\"novo-label\"></ng-content>\n</div>\n<div class=\"novo-field-input\" [style.width]=\"width\" #inputContainer>\n  <div class=\"novo-field-prefix\">\n    <ng-content select=\"[novoPrefix]\"></ng-content>\n  </div>\n  <div class=\"novo-field-infix\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"novo-field-suffix\">\n    <ng-content select=\"[novoSuffix]\"></ng-content>\n  </div>\n</div>\n<div class=\"novo-field-messages\" [ngSwitch]=\"_getDisplayedMessages()\">\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'error'\">\n    <ng-content select=\"novo-error\"></ng-content>\n  </div>\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'hint'\">\n    <ng-content select=\"novo-hint\"></ng-content>\n    <ng-content select=\"novo-hint[align=end]\"></ng-content>\n  </div>\n</div>", styles: [":host{display:grid;position:relative}:host.novo-field-layout-horizontal{grid-gap:0rem 1rem;grid-template-columns:150px minmax(min-content,max-content);grid-template-areas:\"label input\" \". messages\"}:host.novo-field-layout-vertical{grid-template-columns:minmax(min-content,100%);grid-template-rows:repeat(3,minmax(min-content,max-content));grid-template-areas:\"label\" \"input\" \"messages\";width:max-content}:host .novo-field-label{grid-area:label;display:grid;align-items:center}:host.novo-field-type-color .novo-field-input::ng-deep .novo-input-element{padding:0}:host.ng-invalid.ng-dirty.ng-touched .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host .novo-field-input{grid-area:input;display:grid;align-items:center;grid-template-columns:minmax(auto,max-content) 1fr minmax(auto,max-content);flex:1 1 100%;min-height:2.9rem}:host .novo-field-input::ng-deep .novo-input-element{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;border:none;background-image:none;background-color:transparent;box-shadow:none;padding:.4rem .2rem 0rem;border-bottom:none!important}:host .novo-field-input::ng-deep .novo-input-element.text-capitalize{text-transform:capitalize}:host .novo-field-input::ng-deep .novo-input-element.text-uppercase{text-transform:uppercase}:host .novo-field-input::ng-deep .novo-input-element.text-nowrap{white-space:nowrap}:host .novo-field-input::ng-deep .novo-input-element.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-field-input::ng-deep .novo-input-element.text-size-default{font-size:inherit}:host .novo-field-input::ng-deep .novo-input-element.text-size-body{font-size:var(--font-size-body)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xs{font-size:var(--font-size-xs)}:host .novo-field-input::ng-deep .novo-input-element.text-size-sm{font-size:var(--font-size-sm)}:host .novo-field-input::ng-deep .novo-input-element.text-size-md{font-size:var(--font-size-md)}:host .novo-field-input::ng-deep .novo-input-element.text-size-lg{font-size:var(--font-size-lg)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xl{font-size:var(--font-size-xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-2xl{font-size:var(--font-size-2xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-3xl{font-size:var(--font-size-3xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-smaller{font-size:.8em}:host .novo-field-input::ng-deep .novo-input-element.text-size-larger{font-size:1.2em}:host .novo-field-input::ng-deep .novo-input-element.text-color-black{color:var(--color-black)}:host .novo-field-input::ng-deep .novo-input-element.text-color-white{color:var(--color-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-gray{color:var(--color-gray)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grey{color:var(--color-grey)}:host .novo-field-input::ng-deep .novo-input-element.text-color-offWhite{color:var(--color-off-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bright{color:var(--color-bright)}:host .novo-field-input::ng-deep .novo-input-element.text-color-light{color:var(--color-light)}:host .novo-field-input::ng-deep .novo-input-element.text-color-neutral{color:var(--color-neutral)}:host .novo-field-input::ng-deep .novo-input-element.text-color-dark{color:var(--color-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-orange{color:var(--color-orange)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navigation{color:var(--color-navigation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-skyBlue{color:var(--color-sky-blue)}:host .novo-field-input::ng-deep .novo-input-element.text-color-steel{color:var(--color-steel)}:host .novo-field-input::ng-deep .novo-input-element.text-color-metal{color:var(--color-metal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sand{color:var(--color-sand)}:host .novo-field-input::ng-deep .novo-input-element.text-color-silver{color:var(--color-silver)}:host .novo-field-input::ng-deep .novo-input-element.text-color-stone{color:var(--color-stone)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ash{color:var(--color-ash)}:host .novo-field-input::ng-deep .novo-input-element.text-color-anonymous{color:var(--color-anonymous)}:host .novo-field-input::ng-deep .novo-input-element.text-color-slate{color:var(--color-slate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-onyx{color:var(--color-onyx)}:host .novo-field-input::ng-deep .novo-input-element.text-color-charcoal{color:var(--color-charcoal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-moonlight{color:var(--color-moonlight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-midnight{color:var(--color-midnight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-darkness{color:var(--color-darkness)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navy{color:var(--color-navy)}:host .novo-field-input::ng-deep .novo-input-element.text-color-aqua{color:var(--color-aqua)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ocean{color:var(--color-ocean)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mint{color:var(--color-mint)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grass{color:var(--color-grass)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sunflower{color:var(--color-sunflower)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bittersweet{color:var(--color-bittersweet)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grapefruit{color:var(--color-grapefruit)}:host .novo-field-input::ng-deep .novo-input-element.text-color-carnation{color:var(--color-carnation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lavender{color:var(--color-lavender)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mountain{color:var(--color-mountain)}:host .novo-field-input::ng-deep .novo-input-element.text-color-info{color:var(--color-info)}:host .novo-field-input::ng-deep .novo-input-element.text-color-positive{color:var(--color-positive)}:host .novo-field-input::ng-deep .novo-input-element.text-color-success{color:var(--color-success)}:host .novo-field-input::ng-deep .novo-input-element.text-color-negative{color:var(--color-negative)}:host .novo-field-input::ng-deep .novo-input-element.text-color-danger{color:var(--color-danger)}:host .novo-field-input::ng-deep .novo-input-element.text-color-error{color:var(--color-error)}:host .novo-field-input::ng-deep .novo-input-element.text-color-warning{color:var(--color-warning)}:host .novo-field-input::ng-deep .novo-input-element.text-color-empty{color:var(--color-empty)}:host .novo-field-input::ng-deep .novo-input-element.text-color-disabled{color:var(--color-disabled)}:host .novo-field-input::ng-deep .novo-input-element.text-color-background{color:var(--color-background)}:host .novo-field-input::ng-deep .novo-input-element.text-color-backgroundDark{color:var(--color-background-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border{color:var(--color-border)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border2{color:var(--color-border2)}:host .novo-field-input::ng-deep .novo-input-element.text-color-text{color:var(--color-text)}:host .novo-field-input::ng-deep .novo-input-element.text-color-presentation{color:var(--color-presentation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bullhorn{color:var(--color-bullhorn)}:host .novo-field-input::ng-deep .novo-input-element.text-color-pulse{color:var(--color-pulse)}:host .novo-field-input::ng-deep .novo-input-element.text-color-fastFind{color:var(--color-fast-find)}:host .novo-field-input::ng-deep .novo-input-element.text-color-toast{color:var(--color-toast)}:host .novo-field-input::ng-deep .novo-input-element.text-color-company{color:var(--color-company)}:host .novo-field-input::ng-deep .novo-input-element.text-color-candidate{color:var(--color-candidate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lead{color:var(--color-lead)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contact{color:var(--color-contact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-clientcontact{color:var(--color-clientcontact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-opportunity{color:var(--color-opportunity)}:host .novo-field-input::ng-deep .novo-input-element.text-color-job{color:var(--color-job)}:host .novo-field-input::ng-deep .novo-input-element.text-color-joborder{color:var(--color-joborder)}:host .novo-field-input::ng-deep .novo-input-element.text-color-submission{color:var(--color-submission)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sendout{color:var(--color-sendout)}:host .novo-field-input::ng-deep .novo-input-element.text-color-placement{color:var(--color-placement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-note{color:var(--color-note)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contract{color:var(--color-contract)}:host .novo-field-input::ng-deep .novo-input-element.text-color-task{color:var(--color-task)}:host .novo-field-input::ng-deep .novo-input-element.text-color-jobCode{color:var(--color-job-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-earnCode{color:var(--color-earn-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-billableCharge{color:var(--color-billable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-payableCharge{color:var(--color-payable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-user{color:var(--color-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-corporateUser{color:var(--color-corporate-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-distributionList{color:var(--color-distribution-list)}:host .novo-field-input::ng-deep .novo-input-element.text-color-credential{color:var(--color-credential)}:host .novo-field-input::ng-deep .novo-input-element.text-color-person{color:var(--color-person)}:host .novo-field-input::ng-deep .novo-input-element.margin-before{margin-top:.4rem}:host .novo-field-input::ng-deep .novo-input-element.margin-after{margin-bottom:.8rem}:host .novo-field-input::ng-deep .novo-input-element.text-length-small{max-width:40ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-medium{max-width:55ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-large{max-width:70ch}:host .novo-field-input::ng-deep .novo-input-element.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-thin{font-weight:var(--font-weight-thin)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-light{font-weight:var(--font-weight-light)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-normal{font-weight:var(--font-weight-normal)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-medium{font-weight:var(--font-weight-medium)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bold{font-weight:var(--font-weight-bold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-lighter{font-weight:lighter}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bolder{font-weight:bolder}:host .novo-field-input::ng-deep .novo-input-element:focus{outline:none}:host .novo-field-input::ng-deep .novo-radio-group{padding:.5rem 0}:host .novo-field-input .novo-field-prefix{display:flex;align-items:center}:host .novo-field-input .novo-field-infix{display:flex;align-items:center;align-self:flex-end}:host .novo-field-input .novo-field-infix select,:host .novo-field-input .novo-field-infix::ng-deep .novo-input-element{width:100%}:host .novo-field-input .novo-field-suffix{display:flex;align-items:center}:host .novo-field-messages{grid-area:messages;display:grid}:host .novo-field-hint-wrapper{display:flex;flex-direction:column}:host::ng-deep .novo-date-range-format{min-width:22rem}:host-context([data-theme=bh2026]) .novo-field-label{font-weight:600;font-size:1rem;color:var(--color-content-subtle, #8ca1b9)}:host-context([data-theme=bh2026]) .novo-field-input ::ng-deep .novo-input-element{font-size:1.4rem;font-weight:500}\n", ":host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-fill.novo-field-layout-horizontal .novo-field-input{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-label{padding-top:.5em;padding-left:.5em;padding-right:.5em}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-input{padding:0 .5em}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--border-hard) h s calc(l + 45))!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-outline{border:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important;border-radius:var(--border-radius-round);padding:.5rem}:host.novo-field-appearance-outline.novo-field-layout-vertical .novo-field-label{background:#fff;margin-top:calc(-1 * var(--spacing-xl));margin-left:var(--spacing-sm);width:max-content;padding:.5rem}:host.novo-field-appearance-outline:not(.novo-focused):hover{border:1px solid #3d464d!important}:host.novo-field-appearance-outline.novo-focused{border:1px solid var(--color-positive)!important}:host.novo-field-appearance-outline.novo-field-invalid{border:1px solid var(--color-negative)!important}\n", ":host.novo-field-appearance-list.novo-field-layout-horizontal{border-bottom:1px solid var(--border-2)!important;padding:.5rem 1.2rem;min-height:4.2rem}:host.novo-field-appearance-list.novo-field-layout-horizontal .novo-field-label{align-items:start;margin-top:.9rem}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-no-label{grid-template-columns:0px minmax(300px,600px);gap:0}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{background:rgb(from var(--color-positive) r g b/.15)}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-field-invalid .novo-field-label{color:var(--color-negative)!important}\n"] }]
+                    }, providers: [{ provide: NOVO_FORM_FIELD, useExisting: NovoFieldElement }], standalone: false, template: "<div class=\"novo-field-label\">\n  <ng-content select=\"novo-label\"></ng-content>\n</div>\n<div class=\"novo-field-input\" [style.width]=\"width\" #inputContainer>\n  <div class=\"novo-field-prefix\">\n    <ng-content select=\"[novoPrefix]\"></ng-content>\n  </div>\n  <div class=\"novo-field-infix\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"novo-field-suffix\">\n    <ng-content select=\"[novoSuffix]\"></ng-content>\n  </div>\n</div>\n<div class=\"novo-field-messages\" [ngSwitch]=\"_getDisplayedMessages()\">\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'error'\">\n    <ng-content select=\"novo-error\"></ng-content>\n  </div>\n  <div class=\"novo-field-hint-wrapper\" *ngSwitchCase=\"'hint'\">\n    <ng-content select=\"novo-hint\"></ng-content>\n    <ng-content select=\"novo-hint[align=end]\"></ng-content>\n  </div>\n</div>", styles: [":host{display:grid;position:relative}:host.novo-field-layout-horizontal{grid-gap:0rem 1rem;grid-template-columns:150px minmax(min-content,max-content);grid-template-areas:\"label input\" \". messages\"}:host.novo-field-layout-vertical{grid-template-columns:minmax(min-content,100%);grid-template-rows:repeat(3,minmax(min-content,max-content));grid-template-areas:\"label\" \"input\" \"messages\";width:max-content}:host .novo-field-label{grid-area:label;display:grid;align-items:center}:host.novo-field-type-color .novo-field-input::ng-deep .novo-input-element{padding:0}:host.ng-invalid.ng-dirty.ng-touched .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host .novo-field-input{grid-area:input;display:grid;align-items:center;grid-template-columns:minmax(auto,max-content) 1fr minmax(auto,max-content);flex:1 1 100%;min-height:2.9rem}:host .novo-field-input::ng-deep .novo-input-element{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;border:none;background-image:none;background-color:transparent;box-shadow:none;padding:.4rem .2rem 0rem;border-bottom:none!important}:host .novo-field-input::ng-deep .novo-input-element.text-capitalize{text-transform:capitalize}:host .novo-field-input::ng-deep .novo-input-element.text-uppercase{text-transform:uppercase}:host .novo-field-input::ng-deep .novo-input-element.text-nowrap{white-space:nowrap}:host .novo-field-input::ng-deep .novo-input-element.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .novo-field-input::ng-deep .novo-input-element.text-size-default{font-size:inherit}:host .novo-field-input::ng-deep .novo-input-element.text-size-body{font-size:var(--font-size-body)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xs{font-size:var(--font-size-xs)}:host .novo-field-input::ng-deep .novo-input-element.text-size-sm{font-size:var(--font-size-sm)}:host .novo-field-input::ng-deep .novo-input-element.text-size-md{font-size:var(--font-size-md)}:host .novo-field-input::ng-deep .novo-input-element.text-size-lg{font-size:var(--font-size-lg)}:host .novo-field-input::ng-deep .novo-input-element.text-size-xl{font-size:var(--font-size-xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-2xl{font-size:var(--font-size-2xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-3xl{font-size:var(--font-size-3xl)}:host .novo-field-input::ng-deep .novo-input-element.text-size-smaller{font-size:.8em}:host .novo-field-input::ng-deep .novo-input-element.text-size-larger{font-size:1.2em}:host .novo-field-input::ng-deep .novo-input-element.text-color-black{color:var(--color-black)}:host .novo-field-input::ng-deep .novo-input-element.text-color-white{color:var(--color-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-gray{color:var(--color-gray)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grey{color:var(--color-grey)}:host .novo-field-input::ng-deep .novo-input-element.text-color-offWhite{color:var(--color-off-white)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bright{color:var(--color-bright)}:host .novo-field-input::ng-deep .novo-input-element.text-color-light{color:var(--color-light)}:host .novo-field-input::ng-deep .novo-input-element.text-color-neutral{color:var(--color-neutral)}:host .novo-field-input::ng-deep .novo-input-element.text-color-dark{color:var(--color-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-orange{color:var(--color-orange)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navigation{color:var(--color-navigation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-skyBlue{color:var(--color-sky-blue)}:host .novo-field-input::ng-deep .novo-input-element.text-color-steel{color:var(--color-steel)}:host .novo-field-input::ng-deep .novo-input-element.text-color-metal{color:var(--color-metal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sand{color:var(--color-sand)}:host .novo-field-input::ng-deep .novo-input-element.text-color-silver{color:var(--color-silver)}:host .novo-field-input::ng-deep .novo-input-element.text-color-stone{color:var(--color-stone)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ash{color:var(--color-ash)}:host .novo-field-input::ng-deep .novo-input-element.text-color-anonymous{color:var(--color-anonymous)}:host .novo-field-input::ng-deep .novo-input-element.text-color-slate{color:var(--color-slate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-onyx{color:var(--color-onyx)}:host .novo-field-input::ng-deep .novo-input-element.text-color-charcoal{color:var(--color-charcoal)}:host .novo-field-input::ng-deep .novo-input-element.text-color-moonlight{color:var(--color-moonlight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-midnight{color:var(--color-midnight)}:host .novo-field-input::ng-deep .novo-input-element.text-color-darkness{color:var(--color-darkness)}:host .novo-field-input::ng-deep .novo-input-element.text-color-navy{color:var(--color-navy)}:host .novo-field-input::ng-deep .novo-input-element.text-color-aqua{color:var(--color-aqua)}:host .novo-field-input::ng-deep .novo-input-element.text-color-ocean{color:var(--color-ocean)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mint{color:var(--color-mint)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grass{color:var(--color-grass)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sunflower{color:var(--color-sunflower)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bittersweet{color:var(--color-bittersweet)}:host .novo-field-input::ng-deep .novo-input-element.text-color-grapefruit{color:var(--color-grapefruit)}:host .novo-field-input::ng-deep .novo-input-element.text-color-carnation{color:var(--color-carnation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lavender{color:var(--color-lavender)}:host .novo-field-input::ng-deep .novo-input-element.text-color-mountain{color:var(--color-mountain)}:host .novo-field-input::ng-deep .novo-input-element.text-color-info{color:var(--color-info)}:host .novo-field-input::ng-deep .novo-input-element.text-color-positive{color:var(--color-positive)}:host .novo-field-input::ng-deep .novo-input-element.text-color-success{color:var(--color-success)}:host .novo-field-input::ng-deep .novo-input-element.text-color-negative{color:var(--color-negative)}:host .novo-field-input::ng-deep .novo-input-element.text-color-danger{color:var(--color-danger)}:host .novo-field-input::ng-deep .novo-input-element.text-color-error{color:var(--color-error)}:host .novo-field-input::ng-deep .novo-input-element.text-color-warning{color:var(--color-warning)}:host .novo-field-input::ng-deep .novo-input-element.text-color-empty{color:var(--color-empty)}:host .novo-field-input::ng-deep .novo-input-element.text-color-disabled{color:var(--color-disabled)}:host .novo-field-input::ng-deep .novo-input-element.text-color-background{color:var(--color-background)}:host .novo-field-input::ng-deep .novo-input-element.text-color-backgroundDark{color:var(--color-background-dark)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border{color:var(--color-border)}:host .novo-field-input::ng-deep .novo-input-element.text-color-border2{color:var(--color-border2)}:host .novo-field-input::ng-deep .novo-input-element.text-color-text{color:var(--color-text)}:host .novo-field-input::ng-deep .novo-input-element.text-color-presentation{color:var(--color-presentation)}:host .novo-field-input::ng-deep .novo-input-element.text-color-bullhorn{color:var(--color-bullhorn)}:host .novo-field-input::ng-deep .novo-input-element.text-color-pulse{color:var(--color-pulse)}:host .novo-field-input::ng-deep .novo-input-element.text-color-fastFind{color:var(--color-fast-find)}:host .novo-field-input::ng-deep .novo-input-element.text-color-toast{color:var(--color-toast)}:host .novo-field-input::ng-deep .novo-input-element.text-color-company{color:var(--color-company)}:host .novo-field-input::ng-deep .novo-input-element.text-color-candidate{color:var(--color-candidate)}:host .novo-field-input::ng-deep .novo-input-element.text-color-lead{color:var(--color-lead)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contact{color:var(--color-contact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-clientcontact{color:var(--color-clientcontact)}:host .novo-field-input::ng-deep .novo-input-element.text-color-opportunity{color:var(--color-opportunity)}:host .novo-field-input::ng-deep .novo-input-element.text-color-job{color:var(--color-job)}:host .novo-field-input::ng-deep .novo-input-element.text-color-joborder{color:var(--color-joborder)}:host .novo-field-input::ng-deep .novo-input-element.text-color-submission{color:var(--color-submission)}:host .novo-field-input::ng-deep .novo-input-element.text-color-sendout{color:var(--color-sendout)}:host .novo-field-input::ng-deep .novo-input-element.text-color-placement{color:var(--color-placement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-note{color:var(--color-note)}:host .novo-field-input::ng-deep .novo-input-element.text-color-contract{color:var(--color-contract)}:host .novo-field-input::ng-deep .novo-input-element.text-color-task{color:var(--color-task)}:host .novo-field-input::ng-deep .novo-input-element.text-color-jobCode{color:var(--color-job-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-earnCode{color:var(--color-earn-code)}:host .novo-field-input::ng-deep .novo-input-element.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host .novo-field-input::ng-deep .novo-input-element.text-color-billableCharge{color:var(--color-billable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-payableCharge{color:var(--color-payable-charge)}:host .novo-field-input::ng-deep .novo-input-element.text-color-user{color:var(--color-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-corporateUser{color:var(--color-corporate-user)}:host .novo-field-input::ng-deep .novo-input-element.text-color-distributionList{color:var(--color-distribution-list)}:host .novo-field-input::ng-deep .novo-input-element.text-color-credential{color:var(--color-credential)}:host .novo-field-input::ng-deep .novo-input-element.text-color-person{color:var(--color-person)}:host .novo-field-input::ng-deep .novo-input-element.margin-before{margin-top:.4rem}:host .novo-field-input::ng-deep .novo-input-element.margin-after{margin-bottom:.8rem}:host .novo-field-input::ng-deep .novo-input-element.text-length-small{max-width:40ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-medium{max-width:55ch}:host .novo-field-input::ng-deep .novo-input-element.text-length-large{max-width:70ch}:host .novo-field-input::ng-deep .novo-input-element.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-thin{font-weight:var(--font-weight-thin)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-light{font-weight:var(--font-weight-light)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-normal{font-weight:var(--font-weight-normal)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-medium{font-weight:var(--font-weight-medium)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bold{font-weight:var(--font-weight-bold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host .novo-field-input::ng-deep .novo-input-element.text-weight-lighter{font-weight:lighter}:host .novo-field-input::ng-deep .novo-input-element.text-weight-bolder{font-weight:bolder}:host .novo-field-input::ng-deep .novo-input-element:focus{outline:none}:host .novo-field-input::ng-deep .novo-radio-group{padding:.5rem 0}:host .novo-field-input .novo-field-prefix{display:flex;align-items:center}:host .novo-field-input .novo-field-infix{display:flex;align-items:center;align-self:flex-end}:host .novo-field-input .novo-field-infix select,:host .novo-field-input .novo-field-infix::ng-deep .novo-input-element{width:100%}:host .novo-field-input .novo-field-suffix{display:flex;align-items:center}:host .novo-field-messages{grid-area:messages;display:grid}:host .novo-field-hint-wrapper{display:flex;flex-direction:column}:host::ng-deep .novo-date-range-format{min-width:22rem}:host-context([data-theme=bh2026]) .novo-field-label{text-transform:var(--typography-input-label-sm-text-transform)}:host-context([data-theme=bh2026]) .novo-field-label ::ng-deep novo-label{font-weight:var(--typography-input-label-sm-font-weight);font-size:var(--typography-input-label-sm-font-size);letter-spacing:var(--typography-input-label-sm-letter-spacing);color:var(--color-text-body)}:host-context([data-theme=bh2026]) .novo-field-input ::ng-deep .novo-input-element{font-size:var(--typography-input-value-default-font-size);font-weight:var(--typography-input-value-default-font-weight)}\n", ":host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-standard.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-fill.novo-field-layout-horizontal .novo-field-input{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical{background:var(--background-main)}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-label{padding-top:.5em;padding-left:.5em;padding-right:.5em}:host.novo-field-appearance-fill.novo-field-layout-vertical .novo-field-input{padding:0 .5em}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input{border-bottom:1px solid hsl(from var(--border-hard) h s calc(l + 45))!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{border-bottom:1px solid #3d464d!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-focused .novo-field-input{border-bottom:1px solid var(--color-positive)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-invalid .novo-field-input{border-bottom:1px solid var(--color-negative)!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined.novo-field-disabled:not(.novo-focused):hover .novo-field-input{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}:host.novo-field-appearance-fill.novo-field-appearance-underlined .novo-field-input:disabled{color:#9e9e9e!important;border-bottom:1px dashed #9e9e9e!important}\n", ":host.novo-field-appearance-outline{border:1px solid hsl(from var(--color-dark) h s calc(l + 45))!important;border-radius:var(--border-radius-round);padding:.5rem}:host.novo-field-appearance-outline.novo-field-layout-vertical .novo-field-label{background:#fff;margin-top:calc(-1 * var(--spacing-xl));margin-left:var(--spacing-sm);width:max-content;padding:.5rem}:host.novo-field-appearance-outline:not(.novo-focused):hover{border:1px solid #3d464d!important}:host.novo-field-appearance-outline.novo-focused{border:1px solid var(--color-positive)!important}:host.novo-field-appearance-outline.novo-field-invalid{border:1px solid var(--color-negative)!important}\n", ":host.novo-field-appearance-list.novo-field-layout-horizontal{border-bottom:1px solid var(--border-2)!important;padding:.5rem 1.2rem;min-height:4.2rem}:host.novo-field-appearance-list.novo-field-layout-horizontal .novo-field-label{align-items:start;margin-top:.9rem}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-no-label{grid-template-columns:0px minmax(300px,600px);gap:0}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined:not(.novo-focused):hover .novo-field-input{background:rgb(from var(--color-positive) r g b/.15)}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-focused .novo-field-label{color:var(--color-positive)!important}:host.novo-field-appearance-list.novo-field-layout-horizontal.novo-field-appearance-underlined.novo-field-invalid .novo-field-label{color:var(--color-negative)!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { _inputContainerRef: [{
                 type: ViewChild,
                 args: ['inputContainer']