novo-elements 13.6.0 → 13.7.0

package/fesm2022/novo-elements-elements-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"novo-elements-elements-header.mjs","sources":["../../../projects/novo-elements/src/elements/header/Header.ts","../../../projects/novo-elements/src/elements/header/Header.module.ts","../../../projects/novo-elements/src/elements/header/novo-elements-elements-header.ts"],"sourcesContent":["import { Component, ElementRef, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n    selector: 'header-spacer',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./HeaderSpacer.scss'],\n    standalone: false,\n})\nexport class NovoHeaderSpacer {}\n\n@Component({\n    selector: 'utils',\n    template: '<ng-content></ng-content>',\n    standalone: false,\n})\nexport class NovoUtilsComponent {}\n\n@Component({\n    selector: 'util-action, novo-action',\n    template: `\n    <novo-button theme=\"icon\" [icon]=\"icon\" [size]=\"size\" [attr.inverse]=\"inverse\" [disabled]=\"disabled\">\n      <ng-content></ng-content>\n    </novo-button>\n  `,\n    host: {\n        class: 'novo-action',\n    },\n    standalone: false,\n})\nexport class NovoUtilActionComponent {\n  @Input()\n  public icon: string;\n  @Input()\n  public size: string;\n  @Input()\n  public inverse: boolean;\n  @Input()\n  public disabled: boolean;\n}\n\n@Component({\n    selector: 'novo-header,header[theme],header[accent]',\n    template: `\n    <section>\n      <div class=\"header-title\">\n        <ng-content select=\"[prefix]\"></ng-content>\n        <ng-container *ngIf=\"title\">\n          <novo-icon class=\"header-icon\" *ngIf=\"icon\">{{ icon }}</novo-icon>\n          <div class=\"header-titles\">\n            <novo-title size=\"xl\">{{ title }}</novo-title>\n            <novo-title size=\"md\" *ngIf=\"subTitle\">{{ subTitle }}</novo-title>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!title\">\n          <ng-content select=\"novo-icon, [novo-icon]\"></ng-content>\n          <div class=\"header-titles\">\n            <ng-content select=\"h1, h2, h3, h4, h5, h6, small, novo-title, [novo-title], [novo-subtitle]\"></ng-content>\n          </div>\n        </ng-container>\n      </div>\n      <ng-content select=\"section\"></ng-content>\n      <span class=\"spacer\"></span>\n      <div class=\"header-actions\">\n        <ng-content select=\"novo-action,[novo-action]\"></ng-content>\n      </div>\n      <ng-content select=\"utils\"></ng-content>\n      <ng-content select=\"[suffix]\"></ng-content>\n    </section>\n    <ng-content></ng-content>\n  `,\n    styleUrls: ['./Header.scss'],\n    standalone: false,\n})\nexport class NovoHeaderComponent {\n  @HostBinding('attr.role')\n  public role = 'heading';\n  @HostBinding('class')\n  public headerClass: string = 'novo-header';\n  @HostBinding('class.condensed')\n  @Input()\n  @BooleanInput()\n  public condensed: boolean = false;\n  @Input()\n  public title: string;\n  @Input()\n  public subTitle: string;\n  public inverse: string = 'inverse';\n\n  @Input()\n  public icon: string;\n\n  @Input()\n  public size: 'small' | 'medium' | 'large';\n\n  @HostBinding('class.header-size-small')\n  get hb_isSizeSmall(): boolean {\n    return this.size === 'small';\n  }\n\n  @HostBinding('class.header-size-large')\n  get hb_isSizeLarge(): boolean {\n    return this.size === 'large';\n  }\n\n  @HostBinding('class.header-size-default')\n  get hb_isSizeDefault(): boolean {\n    return !['small', 'large'].includes(this.size);\n  }\n\n  @HostBinding('attr.theme')\n  @Input()\n  set theme(theme: string) {\n    this._theme = theme;\n    this.inverse = theme === 'white' || theme === 'off-white' || theme === 'light' ? undefined : 'inverse';\n  }\n\n  get theme(): string {\n    return this._theme;\n  }\n\n  private _theme: string;\n\n  constructor(public element: ElementRef) {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoHeaderComponent, NovoHeaderSpacer, NovoUtilActionComponent, NovoUtilsComponent } from './Header';\n\n@NgModule({\n  imports: [CommonModule, NovoCommonModule, NovoIconModule, NovoButtonModule],\n  declarations: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n  exports: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n})\nexport class NovoHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"novo-elements-elements-header.mjs","sources":["../../../projects/novo-elements/src/elements/header/Header.ts","../../../projects/novo-elements/src/elements/header/Header.module.ts","../../../projects/novo-elements/src/elements/header/novo-elements-elements-header.ts"],"sourcesContent":["import { Component, ElementRef, HostBinding, Input } from '@angular/core';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n    selector: 'header-spacer',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./HeaderSpacer.scss'],\n    standalone: false,\n})\nexport class NovoHeaderSpacer {}\n\n@Component({\n    selector: 'utils',\n    template: '<ng-content></ng-content>',\n    standalone: false,\n})\nexport class NovoUtilsComponent {}\n\n@Component({\n    selector: 'util-action, novo-action',\n    template: `\n    <novo-button theme=\"icon\" [icon]=\"icon\" [size]=\"size\" [attr.inverse]=\"inverse\" [disabled]=\"disabled\">\n      <ng-content></ng-content>\n    </novo-button>\n  `,\n    host: {\n        class: 'novo-action',\n    },\n    standalone: false,\n})\nexport class NovoUtilActionComponent {\n  @Input()\n  public icon: string;\n  @Input()\n  public size: string;\n  @Input()\n  public inverse: boolean;\n  @Input()\n  public disabled: boolean;\n}\n\n@Component({\n    selector: 'novo-header,header[theme],header[accent]',\n    template: `\n    <section>\n      <div class=\"header-title\">\n        <ng-content select=\"[prefix]\"></ng-content>\n        <ng-container *ngIf=\"title\">\n          <novo-icon class=\"header-icon\" *ngIf=\"icon\">{{ icon }}</novo-icon>\n          <div class=\"header-titles\">\n            <novo-title size=\"xl\">{{ title }}</novo-title>\n            <novo-title size=\"md\" *ngIf=\"subTitle\">{{ subTitle }}</novo-title>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!title\">\n          <ng-content select=\"novo-icon, [novo-icon]\"></ng-content>\n          <div class=\"header-titles\">\n            <ng-content select=\"h1, h2, h3, h4, h5, h6, small, novo-title, [novo-title], [novo-subtitle]\"></ng-content>\n          </div>\n        </ng-container>\n      </div>\n      <ng-content select=\"section\"></ng-content>\n      <span class=\"spacer\"></span>\n      <div class=\"header-actions\">\n        <ng-content select=\"novo-action,[novo-action]\"></ng-content>\n      </div>\n      <ng-content select=\"utils\"></ng-content>\n      <ng-content select=\"[suffix]\"></ng-content>\n    </section>\n    <ng-content></ng-content>\n  `,\n    styleUrls: ['./Header.scss'],\n    standalone: false,\n})\nexport class NovoHeaderComponent {\n  @HostBinding('attr.role')\n  public role = 'heading';\n  @HostBinding('class')\n  public headerClass: string = 'novo-header';\n  @HostBinding('class.condensed')\n  @Input()\n  @BooleanInput()\n  public condensed: boolean = false;\n  @Input()\n  public title: string;\n  @Input()\n  public subTitle: string;\n  public inverse: string = 'inverse';\n\n  @Input()\n  public icon: string;\n\n  @Input()\n  public size: 'small' | 'medium' | 'large';\n\n  @HostBinding('class.header-size-small')\n  get hb_isSizeSmall(): boolean {\n    return this.size === 'small';\n  }\n\n  @HostBinding('class.header-size-large')\n  get hb_isSizeLarge(): boolean {\n    return this.size === 'large';\n  }\n\n  @HostBinding('class.header-size-default')\n  get hb_isSizeDefault(): boolean {\n    return !['small', 'large'].includes(this.size);\n  }\n\n  @HostBinding('attr.theme')\n  @Input()\n  set theme(theme: string) {\n    this._theme = theme;\n    this.inverse = theme === 'white' || theme === 'off-white' || theme === 'light' ? undefined : 'inverse';\n  }\n\n  get theme(): string {\n    return this._theme;\n  }\n\n  private _theme: string;\n\n  constructor(public element: ElementRef) {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoHeaderComponent, NovoHeaderSpacer, NovoUtilActionComponent, NovoUtilsComponent } from './Header';\n\n@NgModule({\n  imports: [CommonModule, NovoCommonModule, NovoIconModule, NovoButtonModule],\n  declarations: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n  exports: [NovoHeaderComponent, NovoUtilActionComponent, NovoUtilsComponent, NovoHeaderSpacer],\n})\nexport class NovoHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -106,7 +106,7 @@ class NovoModalElement {
     <ng-content select="header,novo-header,novo-card-header"></ng-content>
     <ng-content select="section,novo-card-content"></ng-content>
     <footer class="novo-modal-footer"><ng-content select="button,novo-button"></ng-content></footer>
-  `, isInline: true, styles: [":host{display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host>::ng-deep header{border-top-left-radius:var(--border-radius-md, 4px);border-top-right-radius:var(--border-radius-md, 4px);overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:var(--font-size-body)}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:var(--font-size-xs)}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:var(--font-size-sm)}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:var(--font-size-md)}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:var(--font-size-lg)}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:var(--font-size-xl)}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:var(--font-size-2xl)}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:var(--font-size-3xl)}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:var(--color-black)}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:var(--color-white)}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:var(--color-gray)}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:var(--color-grey)}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:var(--color-off-white)}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:var(--color-bright)}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:var(--color-light)}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:var(--color-neutral)}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:var(--color-dark)}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:var(--color-orange)}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:var(--color-navigation)}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:var(--color-sky-blue)}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:var(--color-steel)}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:var(--color-metal)}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:var(--color-sand)}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:var(--color-silver)}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:var(--color-stone)}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:var(--color-ash)}:host>::ng-deep header h1.text-color-anonymous,:host>::ng-deep header h2.text-color-anonymous{color:var(--color-anonymous)}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:var(--color-slate)}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:var(--color-onyx)}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:var(--color-charcoal)}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:var(--color-moonlight)}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:var(--color-midnight)}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:var(--color-darkness)}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:var(--color-navy)}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:var(--color-aqua)}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:var(--color-ocean)}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:var(--color-mint)}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:var(--color-grass)}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:var(--color-sunflower)}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:var(--color-bittersweet)}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:var(--color-grapefruit)}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:var(--color-carnation)}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:var(--color-lavender)}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:var(--color-mountain)}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:var(--color-info)}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:var(--color-positive)}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:var(--color-success)}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:var(--color-negative)}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:var(--color-danger)}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:var(--color-error)}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:var(--color-warning)}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:var(--color-empty)}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:var(--color-disabled)}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:var(--color-background)}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:var(--color-background-dark)}:host>::ng-deep header h1.text-color-border,:host>::ng-deep header h2.text-color-border{color:var(--color-border)}:host>::ng-deep header h1.text-color-border2,:host>::ng-deep header h2.text-color-border2{color:var(--color-border2)}:host>::ng-deep header h1.text-color-text,:host>::ng-deep header h2.text-color-text{color:var(--color-text)}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:var(--color-presentation)}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:var(--color-bullhorn)}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:var(--color-pulse)}:host>::ng-deep header h1.text-color-fastFind,:host>::ng-deep header h2.text-color-fastFind{color:var(--color-fast-find)}:host>::ng-deep header h1.text-color-toast,:host>::ng-deep header h2.text-color-toast{color:var(--color-toast)}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:var(--color-company)}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:var(--color-candidate)}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:var(--color-lead)}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:var(--color-contact)}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:var(--color-clientcontact)}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:var(--color-opportunity)}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:var(--color-job)}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:var(--color-joborder)}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:var(--color-submission)}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:var(--color-sendout)}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:var(--color-placement)}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:var(--color-note)}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:var(--color-contract)}:host>::ng-deep header h1.text-color-task,:host>::ng-deep header h2.text-color-task{color:var(--color-task)}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:var(--color-job-code)}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:var(--color-earn-code)}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:var(--color-billable-charge)}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:var(--color-payable-charge)}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:var(--color-user)}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:var(--color-corporate-user)}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:var(--color-distribution-list)}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:var(--color-credential)}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:var(--color-person)}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:var(--font-weight-thin)}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:var(--font-weight-light)}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:var(--font-weight-normal)}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:var(--font-weight-medium)}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:var(--font-weight-bold)}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:var(--spacing-md) var(--spacing-xl);max-height:500px;overflow:auto}:host ::ng-deep .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] }); }
+  `, isInline: true, styles: [":host{display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:var(--modal-max-width, 600px)}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host>::ng-deep header{border-top-left-radius:var(--border-radius-md, 4px);border-top-right-radius:var(--border-radius-md, 4px);overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:var(--font-size-body)}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:var(--font-size-xs)}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:var(--font-size-sm)}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:var(--font-size-md)}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:var(--font-size-lg)}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:var(--font-size-xl)}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:var(--font-size-2xl)}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:var(--font-size-3xl)}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:var(--color-black)}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:var(--color-white)}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:var(--color-gray)}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:var(--color-grey)}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:var(--color-off-white)}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:var(--color-bright)}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:var(--color-light)}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:var(--color-neutral)}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:var(--color-dark)}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:var(--color-orange)}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:var(--color-navigation)}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:var(--color-sky-blue)}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:var(--color-steel)}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:var(--color-metal)}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:var(--color-sand)}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:var(--color-silver)}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:var(--color-stone)}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:var(--color-ash)}:host>::ng-deep header h1.text-color-anonymous,:host>::ng-deep header h2.text-color-anonymous{color:var(--color-anonymous)}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:var(--color-slate)}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:var(--color-onyx)}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:var(--color-charcoal)}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:var(--color-moonlight)}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:var(--color-midnight)}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:var(--color-darkness)}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:var(--color-navy)}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:var(--color-aqua)}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:var(--color-ocean)}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:var(--color-mint)}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:var(--color-grass)}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:var(--color-sunflower)}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:var(--color-bittersweet)}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:var(--color-grapefruit)}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:var(--color-carnation)}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:var(--color-lavender)}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:var(--color-mountain)}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:var(--color-info)}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:var(--color-positive)}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:var(--color-success)}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:var(--color-negative)}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:var(--color-danger)}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:var(--color-error)}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:var(--color-warning)}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:var(--color-empty)}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:var(--color-disabled)}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:var(--color-background)}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:var(--color-background-dark)}:host>::ng-deep header h1.text-color-border,:host>::ng-deep header h2.text-color-border{color:var(--color-border)}:host>::ng-deep header h1.text-color-border2,:host>::ng-deep header h2.text-color-border2{color:var(--color-border2)}:host>::ng-deep header h1.text-color-text,:host>::ng-deep header h2.text-color-text{color:var(--color-text)}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:var(--color-presentation)}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:var(--color-bullhorn)}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:var(--color-pulse)}:host>::ng-deep header h1.text-color-fastFind,:host>::ng-deep header h2.text-color-fastFind{color:var(--color-fast-find)}:host>::ng-deep header h1.text-color-toast,:host>::ng-deep header h2.text-color-toast{color:var(--color-toast)}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:var(--color-company)}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:var(--color-candidate)}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:var(--color-lead)}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:var(--color-contact)}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:var(--color-clientcontact)}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:var(--color-opportunity)}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:var(--color-job)}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:var(--color-joborder)}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:var(--color-submission)}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:var(--color-sendout)}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:var(--color-placement)}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:var(--color-note)}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:var(--color-contract)}:host>::ng-deep header h1.text-color-task,:host>::ng-deep header h2.text-color-task{color:var(--color-task)}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:var(--color-job-code)}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:var(--color-earn-code)}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:var(--color-billable-charge)}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:var(--color-payable-charge)}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:var(--color-user)}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:var(--color-corporate-user)}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:var(--color-distribution-list)}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:var(--color-credential)}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:var(--color-person)}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:var(--font-weight-thin)}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:var(--font-weight-light)}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:var(--font-weight-normal)}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:var(--font-weight-medium)}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:var(--font-weight-bold)}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:var(--spacing-md) var(--spacing-xl);max-height:500px;overflow:auto}[data-theme=bh2026] :host>::ng-deep section{max-height:min(70vh,768px);padding:var(--card-spacing-header-padding-vertical) var(--card-spacing-header-padding-horizontal) var(--card-spacing-header-padding-vertical) 1.8rem}:host ::ng-deep .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoModalElement, decorators: [{
             type: Component,
@@ -116,7 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
     <footer class="novo-modal-footer"><ng-content select="button,novo-button"></ng-content></footer>
   `, host: {
                         class: 'novo-modal',
-                    }, standalone: false, styles: [":host{display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host>::ng-deep header{border-top-left-radius:var(--border-radius-md, 4px);border-top-right-radius:var(--border-radius-md, 4px);overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:var(--font-size-body)}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:var(--font-size-xs)}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:var(--font-size-sm)}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:var(--font-size-md)}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:var(--font-size-lg)}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:var(--font-size-xl)}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:var(--font-size-2xl)}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:var(--font-size-3xl)}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:var(--color-black)}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:var(--color-white)}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:var(--color-gray)}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:var(--color-grey)}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:var(--color-off-white)}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:var(--color-bright)}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:var(--color-light)}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:var(--color-neutral)}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:var(--color-dark)}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:var(--color-orange)}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:var(--color-navigation)}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:var(--color-sky-blue)}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:var(--color-steel)}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:var(--color-metal)}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:var(--color-sand)}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:var(--color-silver)}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:var(--color-stone)}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:var(--color-ash)}:host>::ng-deep header h1.text-color-anonymous,:host>::ng-deep header h2.text-color-anonymous{color:var(--color-anonymous)}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:var(--color-slate)}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:var(--color-onyx)}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:var(--color-charcoal)}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:var(--color-moonlight)}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:var(--color-midnight)}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:var(--color-darkness)}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:var(--color-navy)}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:var(--color-aqua)}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:var(--color-ocean)}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:var(--color-mint)}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:var(--color-grass)}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:var(--color-sunflower)}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:var(--color-bittersweet)}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:var(--color-grapefruit)}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:var(--color-carnation)}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:var(--color-lavender)}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:var(--color-mountain)}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:var(--color-info)}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:var(--color-positive)}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:var(--color-success)}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:var(--color-negative)}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:var(--color-danger)}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:var(--color-error)}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:var(--color-warning)}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:var(--color-empty)}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:var(--color-disabled)}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:var(--color-background)}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:var(--color-background-dark)}:host>::ng-deep header h1.text-color-border,:host>::ng-deep header h2.text-color-border{color:var(--color-border)}:host>::ng-deep header h1.text-color-border2,:host>::ng-deep header h2.text-color-border2{color:var(--color-border2)}:host>::ng-deep header h1.text-color-text,:host>::ng-deep header h2.text-color-text{color:var(--color-text)}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:var(--color-presentation)}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:var(--color-bullhorn)}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:var(--color-pulse)}:host>::ng-deep header h1.text-color-fastFind,:host>::ng-deep header h2.text-color-fastFind{color:var(--color-fast-find)}:host>::ng-deep header h1.text-color-toast,:host>::ng-deep header h2.text-color-toast{color:var(--color-toast)}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:var(--color-company)}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:var(--color-candidate)}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:var(--color-lead)}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:var(--color-contact)}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:var(--color-clientcontact)}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:var(--color-opportunity)}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:var(--color-job)}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:var(--color-joborder)}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:var(--color-submission)}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:var(--color-sendout)}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:var(--color-placement)}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:var(--color-note)}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:var(--color-contract)}:host>::ng-deep header h1.text-color-task,:host>::ng-deep header h2.text-color-task{color:var(--color-task)}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:var(--color-job-code)}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:var(--color-earn-code)}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:var(--color-billable-charge)}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:var(--color-payable-charge)}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:var(--color-user)}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:var(--color-corporate-user)}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:var(--color-distribution-list)}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:var(--color-credential)}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:var(--color-person)}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:var(--font-weight-thin)}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:var(--font-weight-light)}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:var(--font-weight-normal)}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:var(--font-weight-medium)}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:var(--font-weight-bold)}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:var(--spacing-md) var(--spacing-xl);max-height:500px;overflow:auto}:host ::ng-deep .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] }]
+                    }, standalone: false, styles: [":host{display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:var(--modal-max-width, 600px)}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host>::ng-deep header{border-top-left-radius:var(--border-radius-md, 4px);border-top-right-radius:var(--border-radius-md, 4px);overflow:hidden}:host>::ng-deep header h1,:host>::ng-deep header h2{font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host>::ng-deep header h1.text-capitalize,:host>::ng-deep header h2.text-capitalize{text-transform:capitalize}:host>::ng-deep header h1.text-uppercase,:host>::ng-deep header h2.text-uppercase{text-transform:uppercase}:host>::ng-deep header h1.text-nowrap,:host>::ng-deep header h2.text-nowrap{white-space:nowrap}:host>::ng-deep header h1.text-ellipsis,:host>::ng-deep header h2.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>::ng-deep header h1.text-size-default,:host>::ng-deep header h2.text-size-default{font-size:inherit}:host>::ng-deep header h1.text-size-body,:host>::ng-deep header h2.text-size-body{font-size:var(--font-size-body)}:host>::ng-deep header h1.text-size-xs,:host>::ng-deep header h2.text-size-xs{font-size:var(--font-size-xs)}:host>::ng-deep header h1.text-size-sm,:host>::ng-deep header h2.text-size-sm{font-size:var(--font-size-sm)}:host>::ng-deep header h1.text-size-md,:host>::ng-deep header h2.text-size-md{font-size:var(--font-size-md)}:host>::ng-deep header h1.text-size-lg,:host>::ng-deep header h2.text-size-lg{font-size:var(--font-size-lg)}:host>::ng-deep header h1.text-size-xl,:host>::ng-deep header h2.text-size-xl{font-size:var(--font-size-xl)}:host>::ng-deep header h1.text-size-2xl,:host>::ng-deep header h2.text-size-2xl{font-size:var(--font-size-2xl)}:host>::ng-deep header h1.text-size-3xl,:host>::ng-deep header h2.text-size-3xl{font-size:var(--font-size-3xl)}:host>::ng-deep header h1.text-size-smaller,:host>::ng-deep header h2.text-size-smaller{font-size:.8em}:host>::ng-deep header h1.text-size-larger,:host>::ng-deep header h2.text-size-larger{font-size:1.2em}:host>::ng-deep header h1.text-color-black,:host>::ng-deep header h2.text-color-black{color:var(--color-black)}:host>::ng-deep header h1.text-color-white,:host>::ng-deep header h2.text-color-white{color:var(--color-white)}:host>::ng-deep header h1.text-color-gray,:host>::ng-deep header h2.text-color-gray{color:var(--color-gray)}:host>::ng-deep header h1.text-color-grey,:host>::ng-deep header h2.text-color-grey{color:var(--color-grey)}:host>::ng-deep header h1.text-color-offWhite,:host>::ng-deep header h2.text-color-offWhite{color:var(--color-off-white)}:host>::ng-deep header h1.text-color-bright,:host>::ng-deep header h2.text-color-bright{color:var(--color-bright)}:host>::ng-deep header h1.text-color-light,:host>::ng-deep header h2.text-color-light{color:var(--color-light)}:host>::ng-deep header h1.text-color-neutral,:host>::ng-deep header h2.text-color-neutral{color:var(--color-neutral)}:host>::ng-deep header h1.text-color-dark,:host>::ng-deep header h2.text-color-dark{color:var(--color-dark)}:host>::ng-deep header h1.text-color-orange,:host>::ng-deep header h2.text-color-orange{color:var(--color-orange)}:host>::ng-deep header h1.text-color-navigation,:host>::ng-deep header h2.text-color-navigation{color:var(--color-navigation)}:host>::ng-deep header h1.text-color-skyBlue,:host>::ng-deep header h2.text-color-skyBlue{color:var(--color-sky-blue)}:host>::ng-deep header h1.text-color-steel,:host>::ng-deep header h2.text-color-steel{color:var(--color-steel)}:host>::ng-deep header h1.text-color-metal,:host>::ng-deep header h2.text-color-metal{color:var(--color-metal)}:host>::ng-deep header h1.text-color-sand,:host>::ng-deep header h2.text-color-sand{color:var(--color-sand)}:host>::ng-deep header h1.text-color-silver,:host>::ng-deep header h2.text-color-silver{color:var(--color-silver)}:host>::ng-deep header h1.text-color-stone,:host>::ng-deep header h2.text-color-stone{color:var(--color-stone)}:host>::ng-deep header h1.text-color-ash,:host>::ng-deep header h2.text-color-ash{color:var(--color-ash)}:host>::ng-deep header h1.text-color-anonymous,:host>::ng-deep header h2.text-color-anonymous{color:var(--color-anonymous)}:host>::ng-deep header h1.text-color-slate,:host>::ng-deep header h2.text-color-slate{color:var(--color-slate)}:host>::ng-deep header h1.text-color-onyx,:host>::ng-deep header h2.text-color-onyx{color:var(--color-onyx)}:host>::ng-deep header h1.text-color-charcoal,:host>::ng-deep header h2.text-color-charcoal{color:var(--color-charcoal)}:host>::ng-deep header h1.text-color-moonlight,:host>::ng-deep header h2.text-color-moonlight{color:var(--color-moonlight)}:host>::ng-deep header h1.text-color-midnight,:host>::ng-deep header h2.text-color-midnight{color:var(--color-midnight)}:host>::ng-deep header h1.text-color-darkness,:host>::ng-deep header h2.text-color-darkness{color:var(--color-darkness)}:host>::ng-deep header h1.text-color-navy,:host>::ng-deep header h2.text-color-navy{color:var(--color-navy)}:host>::ng-deep header h1.text-color-aqua,:host>::ng-deep header h2.text-color-aqua{color:var(--color-aqua)}:host>::ng-deep header h1.text-color-ocean,:host>::ng-deep header h2.text-color-ocean{color:var(--color-ocean)}:host>::ng-deep header h1.text-color-mint,:host>::ng-deep header h2.text-color-mint{color:var(--color-mint)}:host>::ng-deep header h1.text-color-grass,:host>::ng-deep header h2.text-color-grass{color:var(--color-grass)}:host>::ng-deep header h1.text-color-sunflower,:host>::ng-deep header h2.text-color-sunflower{color:var(--color-sunflower)}:host>::ng-deep header h1.text-color-bittersweet,:host>::ng-deep header h2.text-color-bittersweet{color:var(--color-bittersweet)}:host>::ng-deep header h1.text-color-grapefruit,:host>::ng-deep header h2.text-color-grapefruit{color:var(--color-grapefruit)}:host>::ng-deep header h1.text-color-carnation,:host>::ng-deep header h2.text-color-carnation{color:var(--color-carnation)}:host>::ng-deep header h1.text-color-lavender,:host>::ng-deep header h2.text-color-lavender{color:var(--color-lavender)}:host>::ng-deep header h1.text-color-mountain,:host>::ng-deep header h2.text-color-mountain{color:var(--color-mountain)}:host>::ng-deep header h1.text-color-info,:host>::ng-deep header h2.text-color-info{color:var(--color-info)}:host>::ng-deep header h1.text-color-positive,:host>::ng-deep header h2.text-color-positive{color:var(--color-positive)}:host>::ng-deep header h1.text-color-success,:host>::ng-deep header h2.text-color-success{color:var(--color-success)}:host>::ng-deep header h1.text-color-negative,:host>::ng-deep header h2.text-color-negative{color:var(--color-negative)}:host>::ng-deep header h1.text-color-danger,:host>::ng-deep header h2.text-color-danger{color:var(--color-danger)}:host>::ng-deep header h1.text-color-error,:host>::ng-deep header h2.text-color-error{color:var(--color-error)}:host>::ng-deep header h1.text-color-warning,:host>::ng-deep header h2.text-color-warning{color:var(--color-warning)}:host>::ng-deep header h1.text-color-empty,:host>::ng-deep header h2.text-color-empty{color:var(--color-empty)}:host>::ng-deep header h1.text-color-disabled,:host>::ng-deep header h2.text-color-disabled{color:var(--color-disabled)}:host>::ng-deep header h1.text-color-background,:host>::ng-deep header h2.text-color-background{color:var(--color-background)}:host>::ng-deep header h1.text-color-backgroundDark,:host>::ng-deep header h2.text-color-backgroundDark{color:var(--color-background-dark)}:host>::ng-deep header h1.text-color-border,:host>::ng-deep header h2.text-color-border{color:var(--color-border)}:host>::ng-deep header h1.text-color-border2,:host>::ng-deep header h2.text-color-border2{color:var(--color-border2)}:host>::ng-deep header h1.text-color-text,:host>::ng-deep header h2.text-color-text{color:var(--color-text)}:host>::ng-deep header h1.text-color-presentation,:host>::ng-deep header h2.text-color-presentation{color:var(--color-presentation)}:host>::ng-deep header h1.text-color-bullhorn,:host>::ng-deep header h2.text-color-bullhorn{color:var(--color-bullhorn)}:host>::ng-deep header h1.text-color-pulse,:host>::ng-deep header h2.text-color-pulse{color:var(--color-pulse)}:host>::ng-deep header h1.text-color-fastFind,:host>::ng-deep header h2.text-color-fastFind{color:var(--color-fast-find)}:host>::ng-deep header h1.text-color-toast,:host>::ng-deep header h2.text-color-toast{color:var(--color-toast)}:host>::ng-deep header h1.text-color-company,:host>::ng-deep header h2.text-color-company{color:var(--color-company)}:host>::ng-deep header h1.text-color-candidate,:host>::ng-deep header h2.text-color-candidate{color:var(--color-candidate)}:host>::ng-deep header h1.text-color-lead,:host>::ng-deep header h2.text-color-lead{color:var(--color-lead)}:host>::ng-deep header h1.text-color-contact,:host>::ng-deep header h2.text-color-contact{color:var(--color-contact)}:host>::ng-deep header h1.text-color-clientcontact,:host>::ng-deep header h2.text-color-clientcontact{color:var(--color-clientcontact)}:host>::ng-deep header h1.text-color-opportunity,:host>::ng-deep header h2.text-color-opportunity{color:var(--color-opportunity)}:host>::ng-deep header h1.text-color-job,:host>::ng-deep header h2.text-color-job{color:var(--color-job)}:host>::ng-deep header h1.text-color-joborder,:host>::ng-deep header h2.text-color-joborder{color:var(--color-joborder)}:host>::ng-deep header h1.text-color-submission,:host>::ng-deep header h2.text-color-submission{color:var(--color-submission)}:host>::ng-deep header h1.text-color-sendout,:host>::ng-deep header h2.text-color-sendout{color:var(--color-sendout)}:host>::ng-deep header h1.text-color-placement,:host>::ng-deep header h2.text-color-placement{color:var(--color-placement)}:host>::ng-deep header h1.text-color-note,:host>::ng-deep header h2.text-color-note{color:var(--color-note)}:host>::ng-deep header h1.text-color-contract,:host>::ng-deep header h2.text-color-contract{color:var(--color-contract)}:host>::ng-deep header h1.text-color-task,:host>::ng-deep header h2.text-color-task{color:var(--color-task)}:host>::ng-deep header h1.text-color-jobCode,:host>::ng-deep header h2.text-color-jobCode{color:var(--color-job-code)}:host>::ng-deep header h1.text-color-earnCode,:host>::ng-deep header h2.text-color-earnCode{color:var(--color-earn-code)}:host>::ng-deep header h1.text-color-invoiceStatement,:host>::ng-deep header h2.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>::ng-deep header h1.text-color-billableCharge,:host>::ng-deep header h2.text-color-billableCharge{color:var(--color-billable-charge)}:host>::ng-deep header h1.text-color-payableCharge,:host>::ng-deep header h2.text-color-payableCharge{color:var(--color-payable-charge)}:host>::ng-deep header h1.text-color-user,:host>::ng-deep header h2.text-color-user{color:var(--color-user)}:host>::ng-deep header h1.text-color-corporateUser,:host>::ng-deep header h2.text-color-corporateUser{color:var(--color-corporate-user)}:host>::ng-deep header h1.text-color-distributionList,:host>::ng-deep header h2.text-color-distributionList{color:var(--color-distribution-list)}:host>::ng-deep header h1.text-color-credential,:host>::ng-deep header h2.text-color-credential{color:var(--color-credential)}:host>::ng-deep header h1.text-color-person,:host>::ng-deep header h2.text-color-person{color:var(--color-person)}:host>::ng-deep header h1.margin-before,:host>::ng-deep header h2.margin-before{margin-top:.4rem}:host>::ng-deep header h1.margin-after,:host>::ng-deep header h2.margin-after{margin-bottom:.8rem}:host>::ng-deep header h1.text-length-small,:host>::ng-deep header h2.text-length-small{max-width:40ch}:host>::ng-deep header h1.text-length-medium,:host>::ng-deep header h2.text-length-medium{max-width:55ch}:host>::ng-deep header h1.text-length-large,:host>::ng-deep header h2.text-length-large{max-width:70ch}:host>::ng-deep header h1.text-weight-hairline,:host>::ng-deep header h2.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>::ng-deep header h1.text-weight-thin,:host>::ng-deep header h2.text-weight-thin{font-weight:var(--font-weight-thin)}:host>::ng-deep header h1.text-weight-light,:host>::ng-deep header h2.text-weight-light{font-weight:var(--font-weight-light)}:host>::ng-deep header h1.text-weight-normal,:host>::ng-deep header h2.text-weight-normal{font-weight:var(--font-weight-normal)}:host>::ng-deep header h1.text-weight-medium,:host>::ng-deep header h2.text-weight-medium{font-weight:var(--font-weight-medium)}:host>::ng-deep header h1.text-weight-semibold,:host>::ng-deep header h2.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>::ng-deep header h1.text-weight-bold,:host>::ng-deep header h2.text-weight-bold{font-weight:var(--font-weight-bold)}:host>::ng-deep header h1.text-weight-extrabold,:host>::ng-deep header h2.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>::ng-deep header h1.text-weight-heavy,:host>::ng-deep header h2.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>::ng-deep header h1.text-weight-lighter,:host>::ng-deep header h2.text-weight-lighter{font-weight:lighter}:host>::ng-deep header h1.text-weight-bolder,:host>::ng-deep header h2.text-weight-bolder{font-weight:bolder}:host>::ng-deep section{padding:var(--spacing-md) var(--spacing-xl);max-height:500px;overflow:auto}[data-theme=bh2026] :host>::ng-deep section{max-height:min(70vh,768px);padding:var(--card-spacing-header-padding-vertical) var(--card-spacing-header-padding-horizontal) var(--card-spacing-header-padding-vertical) 1.8rem}:host ::ng-deep .novo-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-modal-footer ::ng-deep button{min-width:10rem}\n"] }]
         }], ctorParameters: () => [{ type: NovoModalRef }] });
 class NovoModalNotificationElement {
     constructor(modalRef) {
@@ -157,7 +157,7 @@ class NovoModalNotificationElement {
       <ng-content select="p"></ng-content>
     </section>
     <footer class="novo-notification-footer"><ng-content select="button,novo-button,novo-dropdown"></ng-content></footer>
-  `, isInline: true, styles: [":host{text-align:center;display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host ::ng-deep .novo-notification-body{display:flex;flex-direction:column;padding:0 var(--spacing-xl);margin:var(--spacing-lg) 0 55px}:host ::ng-deep .novo-notification-body>img{width:100%}:host ::ng-deep .novo-notification-body h1{font-size:var(--font-size-2xl);margin:10px auto 0}:host ::ng-deep .novo-notification-body h2{font-size:var(--font-size-xl);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h3{font-size:var(--font-size-lg);margin:0 auto}:host ::ng-deep .novo-notification-body h4{font-size:var(--font-size-lg);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h5{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body h6{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body i.indicator{color:var(--text-muted);border:1px solid var(--text-muted);font-size:var(--font-size-2xl);border-radius:50%;padding:var(--spacing-md);margin:2rem auto;align-self:center}:host[type=success] .novo-notification-body i.indicator{color:var(--color-success);border-color:var(--color-success)}:host[type=warning] .novo-notification-body i.indicator{color:var(--color-warning);border-color:var(--color-warning)}:host[type=error] .novo-notification-body i.indicator{color:var(--color-negative);border-color:var(--color-negative)}:host ::ng-deep .novo-notification-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-notification-footer button{min-width:10rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }] }); }
+  `, isInline: true, styles: [":host{text-align:center;display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:var(--modal-max-width, 600px)}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host ::ng-deep .novo-notification-body{display:flex;flex-direction:column;padding:0 var(--spacing-xl);margin:var(--spacing-lg) 0 55px}:host ::ng-deep .novo-notification-body>img{width:100%}:host ::ng-deep .novo-notification-body h1{font-size:var(--font-size-2xl);margin:10px auto 0}:host ::ng-deep .novo-notification-body h2{font-size:var(--font-size-xl);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h3{font-size:var(--font-size-lg);margin:0 auto}:host ::ng-deep .novo-notification-body h4{font-size:var(--font-size-lg);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h5{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body h6{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body i.indicator{color:var(--text-muted);border:1px solid var(--text-muted);font-size:var(--font-size-2xl);border-radius:50%;padding:var(--spacing-md);margin:2rem auto;align-self:center}:host[type=success] .novo-notification-body i.indicator{color:var(--color-success);border-color:var(--color-success)}:host[type=warning] .novo-notification-body i.indicator{color:var(--color-warning);border-color:var(--color-warning)}:host[type=error] .novo-notification-body i.indicator{color:var(--color-negative);border-color:var(--color-negative)}:host ::ng-deep .novo-notification-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-notification-footer button{min-width:10rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoModalNotificationElement, decorators: [{
             type: Component,
@@ -173,7 +173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
     <footer class="novo-notification-footer"><ng-content select="button,novo-button,novo-dropdown"></ng-content></footer>
   `, host: {
                         class: 'novo-notification',
-                    }, standalone: false, styles: [":host{text-align:center;display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:600px}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host ::ng-deep .novo-notification-body{display:flex;flex-direction:column;padding:0 var(--spacing-xl);margin:var(--spacing-lg) 0 55px}:host ::ng-deep .novo-notification-body>img{width:100%}:host ::ng-deep .novo-notification-body h1{font-size:var(--font-size-2xl);margin:10px auto 0}:host ::ng-deep .novo-notification-body h2{font-size:var(--font-size-xl);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h3{font-size:var(--font-size-lg);margin:0 auto}:host ::ng-deep .novo-notification-body h4{font-size:var(--font-size-lg);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h5{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body h6{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body i.indicator{color:var(--text-muted);border:1px solid var(--text-muted);font-size:var(--font-size-2xl);border-radius:50%;padding:var(--spacing-md);margin:2rem auto;align-self:center}:host[type=success] .novo-notification-body i.indicator{color:var(--color-success);border-color:var(--color-success)}:host[type=warning] .novo-notification-body i.indicator{color:var(--color-warning);border-color:var(--color-warning)}:host[type=error] .novo-notification-body i.indicator{color:var(--color-negative);border-color:var(--color-negative)}:host ::ng-deep .novo-notification-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-notification-footer button{min-width:10rem}\n"] }]
+                    }, standalone: false, styles: [":host{text-align:center;display:block;background-color:var(--background-bright);border-radius:var(--border-radius-md, 4px);box-shadow:0 1px 7px #00000017,0 1px 3px #0003;z-index:500;position:relative;min-width:330px;max-width:var(--modal-max-width, 600px)}:host>.novo-button.modal-close{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}:host ::ng-deep .novo-notification-body{display:flex;flex-direction:column;padding:0 var(--spacing-xl);margin:var(--spacing-lg) 0 55px}:host ::ng-deep .novo-notification-body>img{width:100%}:host ::ng-deep .novo-notification-body h1{font-size:var(--font-size-2xl);margin:10px auto 0}:host ::ng-deep .novo-notification-body h2{font-size:var(--font-size-xl);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h3{font-size:var(--font-size-lg);margin:0 auto}:host ::ng-deep .novo-notification-body h4{font-size:var(--font-size-lg);color:var(--text-muted);margin:0 auto;padding:0}:host ::ng-deep .novo-notification-body h5{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body h6{font-size:var(--font-size-md);margin:0 auto}:host ::ng-deep .novo-notification-body i.indicator{color:var(--text-muted);border:1px solid var(--text-muted);font-size:var(--font-size-2xl);border-radius:50%;padding:var(--spacing-md);margin:2rem auto;align-self:center}:host[type=success] .novo-notification-body i.indicator{color:var(--color-success);border-color:var(--color-success)}:host[type=warning] .novo-notification-body i.indicator{color:var(--color-warning);border-color:var(--color-warning)}:host[type=error] .novo-notification-body i.indicator{color:var(--color-negative);border-color:var(--color-negative)}:host ::ng-deep .novo-notification-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);gap:var(--spacing-md)}:host ::ng-deep .novo-notification-footer button{min-width:10rem}\n"] }]
         }], ctorParameters: () => [{ type: NovoModalRef }], propDecorators: { type: [{
                 type: Input
             }], icon: [{

package/fesm2022/novo-elements-elements-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"novo-elements-elements-modal.mjs","sources":["../../../projects/novo-elements/src/elements/modal/modal-ref.ts","../../../projects/novo-elements/src/elements/modal/modal.animation.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.html","../../../projects/novo-elements/src/elements/modal/modal.component.ts","../../../projects/novo-elements/src/elements/modal/modal.service.ts","../../../projects/novo-elements/src/elements/modal/modal.module.ts","../../../projects/novo-elements/src/elements/modal/novo-elements-elements-modal.ts"],"sourcesContent":["import { OverlayRef } from '@angular/cdk/overlay';\nimport { Observable, Subject } from 'rxjs';\nimport { filter, take } from 'rxjs/operators';\nimport { NovoModalContainerComponent } from './modal-container.component';\n\n/**\n * Params that can be passed to the Modal\n */\n\nexport interface ModalParams {\n  [propName: string]: any;\n}\nexport class NovoModalParams implements ModalParams {}\n\nexport class NovoModalRef<T = any, R = any> {\n  constructor(public component: any, public params: T, private overlayRef: OverlayRef) {}\n\n  private _beforeClose = new Subject<R>();\n  private _afterClosed = new Subject<R>();\n\n  componentInstance: NovoModalContainerComponent;\n  isClosed: boolean = false;\n\n  // Gets a promise that is resolved when the dialog is closed.\n  get onClosed(): Promise<R> {\n    return this._afterClosed.toPromise();\n  }\n\n  afterClosed(): Observable<R> {\n    return this._afterClosed.asObservable();\n  }\n\n  beforeClose(): Observable<R> {\n    return this._beforeClose.asObservable();\n  }\n\n  close(result?: R): void {\n    // Listen for animation 'start' events\n    this.componentInstance.animationStateChanged\n      .pipe(\n        filter((event) => event.phaseName === 'start'),\n        take(1),\n      )\n      .subscribe(() => {\n        this._beforeClose.next(result);\n        this._beforeClose.complete();\n        this.overlayRef.detachBackdrop();\n      });\n\n    // Listen for animation 'done' events\n    this.componentInstance.animationStateChanged\n      .pipe(\n        filter((event) => event.phaseName === 'done' && event.toState === 'leave'),\n        take(1),\n      )\n      .subscribe(() => {\n        this.isClosed = true;\n        this.overlayRef.dispose();\n        this._afterClosed.next(result);\n        this._afterClosed.complete();\n        // Make sure to also clear the reference to the\n        // component instance to avoid memory leaks\n        this.componentInstance = null;\n      });\n\n    // Start exit animation\n    this.componentInstance.startExitAnimation();\n  }\n}\n","import { animate, style, transition, trigger } from '@angular/animations';\n\nexport const zoomInOut = trigger('zoomInOut', [\n  transition('void => *', [style({ transform: 'scale3d(.3, .3, .3)' }), animate(50)]),\n  transition('* => void', [animate(50, style({ transform: 'scale3d(.0, .0, .0)' }))]),\n]);\n","import { AnimationEvent } from '@angular/animations';\nimport { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Component, EventEmitter, HostBinding, Injector, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\nimport { zoomInOut } from './modal.animation';\n\n@Component({\n    selector: 'novo-modal-container',\n    templateUrl: './modal-container.component.html',\n    styleUrls: ['./modal-container.component.scss'],\n    animations: [zoomInOut],\n    standalone: false,\n})\nexport class NovoModalContainerComponent {\n  @Output() animationStateChanged = new EventEmitter<AnimationEvent>();\n  animationState: 'void' | 'enter' | 'leave' = 'enter';\n  component: Portal<any>;\n  initTimestamp = Date.now();\n  @HostBinding('id') id = `modal-container-${this.initTimestamp}`;\n\n  constructor(private injector: Injector, private modalRef: NovoModalRef) {\n    this.component = new ComponentPortal(modalRef.component, null, injector);\n  }\n\n  onAnimationStart(event: AnimationEvent) {\n    this.animationStateChanged.emit(event);\n  }\n\n  onAnimationDone(event: AnimationEvent) {\n    this.animationStateChanged.emit(event);\n  }\n\n  startExitAnimation() {\n    this.animationState = 'leave';\n  }\n}\n","<div class=\"modal-container\"\n     [@zoomInOut]=\"animationState\"\n     (@zoomInOut.start)=\"onAnimationStart($event)\"\n     (@zoomInOut.done)=\"onAnimationDone($event)\">\n  <ng-template [cdkPortalOutlet]=\"component\"></ng-template>\n</div>","// NG2\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\n\n@Component({\n    selector: 'novo-modal',\n    template: `\n    <ng-content select=\"header,novo-header,novo-card-header\"></ng-content>\n    <ng-content select=\"section,novo-card-content\"></ng-content>\n    <footer class=\"novo-modal-footer\"><ng-content select=\"button,novo-button\"></ng-content></footer>\n  `,\n    styleUrls: ['./modal.component.scss'],\n    host: {\n        class: 'novo-modal',\n    },\n    standalone: false,\n})\nexport class NovoModalElement {\n  constructor(private modalRef: NovoModalRef) {}\n}\n\n@Component({\n    selector: 'novo-notification',\n    template: `\n    <novo-button class=\"modal-close\" theme=\"icon\" icon=\"x\" (click)=\"close()\"></novo-button>\n    <header class=\"novo-notification-header\"><ng-content select=\"label,novo-label\"></ng-content></header>\n    <section class=\"novo-notification-body notification-body\">\n      <i class=\"indicator\" [ngClass]=\"iconType\" *ngIf=\"iconType\"></i>\n      <ng-content select=\"h1\"></ng-content>\n      <ng-content select=\"h2\"></ng-content>\n      <ng-content select=\"p\"></ng-content>\n    </section>\n    <footer class=\"novo-notification-footer\"><ng-content select=\"button,novo-button,novo-dropdown\"></ng-content></footer>\n  `,\n    styleUrls: ['./notification.component.scss'],\n    host: {\n        class: 'novo-notification',\n    },\n    standalone: false,\n})\nexport class NovoModalNotificationElement implements OnInit {\n  @Input()\n  type: string;\n  @Input()\n  icon: string;\n\n  @Output()\n  cancel: EventEmitter<any> = new EventEmitter();\n\n  iconType: string;\n\n  constructor(private modalRef: NovoModalRef) {\n    this.modalRef = modalRef;\n  }\n\n  close() {\n    this.cancel.emit();\n    this.modalRef.close();\n  }\n\n  ngOnInit() {\n    switch (this.type) {\n      case 'success':\n        this.iconType = 'bhi-check';\n        break;\n      case 'warning':\n        this.iconType = 'bhi-caution-o';\n        break;\n      case 'error':\n        this.iconType = 'bhi-caution-o';\n        break;\n      case 'custom':\n        this.iconType = `bhi-${this.icon}`;\n        break;\n      default:\n        break;\n    }\n  }\n}\n","// NG2\nimport { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ComponentRef, Injectable, Injector, ViewContainerRef } from '@angular/core';\nimport { NovoModalContainerComponent } from './modal-container.component';\n// APP\nimport { NovoModalParams, NovoModalRef } from './modal-ref';\n\ninterface ModalConfig {\n  panelClass?: string;\n  hasBackdrop?: boolean;\n  backdropClass?: string;\n}\n\nconst DEFAULT_CONFIG: ModalConfig = {\n  hasBackdrop: true,\n  backdropClass: 'modal-overlay-backdrop',\n  panelClass: 'modal-overlay-panel',\n};\n\n@Injectable({ providedIn: 'root' })\nexport class NovoModalService {\n  overlayRef: OverlayRef;\n\n  set parentViewContainer(view: ViewContainerRef) {\n    console.warn('parentViewContainer is deprecated - will be ignored');\n  }\n\n  constructor(private injector: Injector, private overlay: Overlay) {}\n\n  open<T extends Record<string, any>>(component, params: Partial<T> = {}) {\n    // Override default configuration\n    const modalConfig = DEFAULT_CONFIG;\n\n    // Returns an OverlayRef which is a PortalHost\n    const overlayRef = this.createOverlay(modalConfig);\n    this.overlayRef = overlayRef;\n\n    // Instantiate remote control\n    const modalRef = new NovoModalRef<typeof params>(component, params, overlayRef);\n\n    const overlayComponent = this.attachModalContainer(NovoModalContainerComponent, overlayRef, modalConfig, modalRef);\n\n    // Pass the instance of the overlay component to the remote control\n    modalRef.componentInstance = overlayComponent;\n\n    overlayRef.backdropClick().subscribe(() => modalRef.close());\n\n    return modalRef;\n  }\n\n  private createOverlay(config: ModalConfig) {\n    const overlayConfig = this.getOverlayConfig(config);\n    return this.overlay.create(overlayConfig);\n  }\n\n  private attachModalContainer(component, overlayRef: OverlayRef, config: ModalConfig, modalRef: NovoModalRef) {\n    const injector = this.createInjector(config, modalRef);\n    const containerPortal = new ComponentPortal(component, null, injector);\n    const containerRef: ComponentRef<any> = overlayRef.attach(containerPortal);\n\n    return containerRef.instance;\n  }\n\n  private createInjector(config: ModalConfig, modalRef: NovoModalRef): Injector {\n    return Injector.create({\n      parent: this.injector,\n      providers: [\n        { provide: NovoModalRef, useValue: modalRef },\n        // Support backwards compatability\n        { provide: NovoModalParams, useValue: modalRef.params },\n      ],\n    });\n  }\n\n  private getOverlayConfig(config: ModalConfig): OverlayConfig {\n    const positionStrategy = this.overlay.position().global().centerHorizontally().centerVertically();\n\n    const overlayConfig = new OverlayConfig({\n      positionStrategy,\n      hasBackdrop: config.hasBackdrop,\n      backdropClass: config.backdropClass,\n      panelClass: config.panelClass,\n    });\n\n    return overlayConfig;\n  }\n}\n","// NG2\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoModalContainerComponent } from './modal-container.component';\nimport { NovoModalElement, NovoModalNotificationElement } from './modal.component';\nimport { NovoModalService } from './modal.service';\n\n@NgModule({\n  imports: [OverlayModule, PortalModule, CommonModule, NovoButtonModule],\n  declarations: [NovoModalContainerComponent, NovoModalElement, NovoModalNotificationElement],\n  exports: [NovoModalElement, NovoModalNotificationElement],\n  providers: [NovoModalService],\n})\nexport class NovoModalModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.NovoModalRef","i2"],"mappings":"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"}
+{"version":3,"file":"novo-elements-elements-modal.mjs","sources":["../../../projects/novo-elements/src/elements/modal/modal-ref.ts","../../../projects/novo-elements/src/elements/modal/modal.animation.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.ts","../../../projects/novo-elements/src/elements/modal/modal-container.component.html","../../../projects/novo-elements/src/elements/modal/modal.component.ts","../../../projects/novo-elements/src/elements/modal/modal.service.ts","../../../projects/novo-elements/src/elements/modal/modal.module.ts","../../../projects/novo-elements/src/elements/modal/novo-elements-elements-modal.ts"],"sourcesContent":["import { OverlayRef } from '@angular/cdk/overlay';\nimport { Observable, Subject } from 'rxjs';\nimport { filter, take } from 'rxjs/operators';\nimport { NovoModalContainerComponent } from './modal-container.component';\n\n/**\n * Params that can be passed to the Modal\n */\n\nexport interface ModalParams {\n  [propName: string]: any;\n}\nexport class NovoModalParams implements ModalParams {}\n\nexport class NovoModalRef<T = any, R = any> {\n  constructor(public component: any, public params: T, private overlayRef: OverlayRef) {}\n\n  private _beforeClose = new Subject<R>();\n  private _afterClosed = new Subject<R>();\n\n  componentInstance: NovoModalContainerComponent;\n  isClosed: boolean = false;\n\n  // Gets a promise that is resolved when the dialog is closed.\n  get onClosed(): Promise<R> {\n    return this._afterClosed.toPromise();\n  }\n\n  afterClosed(): Observable<R> {\n    return this._afterClosed.asObservable();\n  }\n\n  beforeClose(): Observable<R> {\n    return this._beforeClose.asObservable();\n  }\n\n  close(result?: R): void {\n    // Listen for animation 'start' events\n    this.componentInstance.animationStateChanged\n      .pipe(\n        filter((event) => event.phaseName === 'start'),\n        take(1),\n      )\n      .subscribe(() => {\n        this._beforeClose.next(result);\n        this._beforeClose.complete();\n        this.overlayRef.detachBackdrop();\n      });\n\n    // Listen for animation 'done' events\n    this.componentInstance.animationStateChanged\n      .pipe(\n        filter((event) => event.phaseName === 'done' && event.toState === 'leave'),\n        take(1),\n      )\n      .subscribe(() => {\n        this.isClosed = true;\n        this.overlayRef.dispose();\n        this._afterClosed.next(result);\n        this._afterClosed.complete();\n        // Make sure to also clear the reference to the\n        // component instance to avoid memory leaks\n        this.componentInstance = null;\n      });\n\n    // Start exit animation\n    this.componentInstance.startExitAnimation();\n  }\n}\n","import { animate, style, transition, trigger } from '@angular/animations';\n\nexport const zoomInOut = trigger('zoomInOut', [\n  transition('void => *', [style({ transform: 'scale3d(.3, .3, .3)' }), animate(50)]),\n  transition('* => void', [animate(50, style({ transform: 'scale3d(.0, .0, .0)' }))]),\n]);\n","import { AnimationEvent } from '@angular/animations';\nimport { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Component, EventEmitter, HostBinding, Injector, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\nimport { zoomInOut } from './modal.animation';\n\n@Component({\n    selector: 'novo-modal-container',\n    templateUrl: './modal-container.component.html',\n    styleUrls: ['./modal-container.component.scss'],\n    animations: [zoomInOut],\n    standalone: false,\n})\nexport class NovoModalContainerComponent {\n  @Output() animationStateChanged = new EventEmitter<AnimationEvent>();\n  animationState: 'void' | 'enter' | 'leave' = 'enter';\n  component: Portal<any>;\n  initTimestamp = Date.now();\n  @HostBinding('id') id = `modal-container-${this.initTimestamp}`;\n\n  constructor(private injector: Injector, private modalRef: NovoModalRef) {\n    this.component = new ComponentPortal(modalRef.component, null, injector);\n  }\n\n  onAnimationStart(event: AnimationEvent) {\n    this.animationStateChanged.emit(event);\n  }\n\n  onAnimationDone(event: AnimationEvent) {\n    this.animationStateChanged.emit(event);\n  }\n\n  startExitAnimation() {\n    this.animationState = 'leave';\n  }\n}\n","<div class=\"modal-container\"\n     [@zoomInOut]=\"animationState\"\n     (@zoomInOut.start)=\"onAnimationStart($event)\"\n     (@zoomInOut.done)=\"onAnimationDone($event)\">\n  <ng-template [cdkPortalOutlet]=\"component\"></ng-template>\n</div>","// NG2\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { NovoModalRef } from './modal-ref';\n\n@Component({\n    selector: 'novo-modal',\n    template: `\n    <ng-content select=\"header,novo-header,novo-card-header\"></ng-content>\n    <ng-content select=\"section,novo-card-content\"></ng-content>\n    <footer class=\"novo-modal-footer\"><ng-content select=\"button,novo-button\"></ng-content></footer>\n  `,\n    styleUrls: ['./modal.component.scss'],\n    host: {\n        class: 'novo-modal',\n    },\n    standalone: false,\n})\nexport class NovoModalElement {\n  constructor(private modalRef: NovoModalRef) {}\n}\n\n@Component({\n    selector: 'novo-notification',\n    template: `\n    <novo-button class=\"modal-close\" theme=\"icon\" icon=\"x\" (click)=\"close()\"></novo-button>\n    <header class=\"novo-notification-header\"><ng-content select=\"label,novo-label\"></ng-content></header>\n    <section class=\"novo-notification-body notification-body\">\n      <i class=\"indicator\" [ngClass]=\"iconType\" *ngIf=\"iconType\"></i>\n      <ng-content select=\"h1\"></ng-content>\n      <ng-content select=\"h2\"></ng-content>\n      <ng-content select=\"p\"></ng-content>\n    </section>\n    <footer class=\"novo-notification-footer\"><ng-content select=\"button,novo-button,novo-dropdown\"></ng-content></footer>\n  `,\n    styleUrls: ['./notification.component.scss'],\n    host: {\n        class: 'novo-notification',\n    },\n    standalone: false,\n})\nexport class NovoModalNotificationElement implements OnInit {\n  @Input()\n  type: string;\n  @Input()\n  icon: string;\n\n  @Output()\n  cancel: EventEmitter<any> = new EventEmitter();\n\n  iconType: string;\n\n  constructor(private modalRef: NovoModalRef) {\n    this.modalRef = modalRef;\n  }\n\n  close() {\n    this.cancel.emit();\n    this.modalRef.close();\n  }\n\n  ngOnInit() {\n    switch (this.type) {\n      case 'success':\n        this.iconType = 'bhi-check';\n        break;\n      case 'warning':\n        this.iconType = 'bhi-caution-o';\n        break;\n      case 'error':\n        this.iconType = 'bhi-caution-o';\n        break;\n      case 'custom':\n        this.iconType = `bhi-${this.icon}`;\n        break;\n      default:\n        break;\n    }\n  }\n}\n","// NG2\nimport { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ComponentRef, Injectable, Injector, ViewContainerRef } from '@angular/core';\nimport { NovoModalContainerComponent } from './modal-container.component';\n// APP\nimport { NovoModalParams, NovoModalRef } from './modal-ref';\n\ninterface ModalConfig {\n  panelClass?: string;\n  hasBackdrop?: boolean;\n  backdropClass?: string;\n}\n\nconst DEFAULT_CONFIG: ModalConfig = {\n  hasBackdrop: true,\n  backdropClass: 'modal-overlay-backdrop',\n  panelClass: 'modal-overlay-panel',\n};\n\n@Injectable({ providedIn: 'root' })\nexport class NovoModalService {\n  overlayRef: OverlayRef;\n\n  set parentViewContainer(view: ViewContainerRef) {\n    console.warn('parentViewContainer is deprecated - will be ignored');\n  }\n\n  constructor(private injector: Injector, private overlay: Overlay) {}\n\n  open<T extends Record<string, any>>(component, params: Partial<T> = {}) {\n    // Override default configuration\n    const modalConfig = DEFAULT_CONFIG;\n\n    // Returns an OverlayRef which is a PortalHost\n    const overlayRef = this.createOverlay(modalConfig);\n    this.overlayRef = overlayRef;\n\n    // Instantiate remote control\n    const modalRef = new NovoModalRef<typeof params>(component, params, overlayRef);\n\n    const overlayComponent = this.attachModalContainer(NovoModalContainerComponent, overlayRef, modalConfig, modalRef);\n\n    // Pass the instance of the overlay component to the remote control\n    modalRef.componentInstance = overlayComponent;\n\n    overlayRef.backdropClick().subscribe(() => modalRef.close());\n\n    return modalRef;\n  }\n\n  private createOverlay(config: ModalConfig) {\n    const overlayConfig = this.getOverlayConfig(config);\n    return this.overlay.create(overlayConfig);\n  }\n\n  private attachModalContainer(component, overlayRef: OverlayRef, config: ModalConfig, modalRef: NovoModalRef) {\n    const injector = this.createInjector(config, modalRef);\n    const containerPortal = new ComponentPortal(component, null, injector);\n    const containerRef: ComponentRef<any> = overlayRef.attach(containerPortal);\n\n    return containerRef.instance;\n  }\n\n  private createInjector(config: ModalConfig, modalRef: NovoModalRef): Injector {\n    return Injector.create({\n      parent: this.injector,\n      providers: [\n        { provide: NovoModalRef, useValue: modalRef },\n        // Support backwards compatability\n        { provide: NovoModalParams, useValue: modalRef.params },\n      ],\n    });\n  }\n\n  private getOverlayConfig(config: ModalConfig): OverlayConfig {\n    const positionStrategy = this.overlay.position().global().centerHorizontally().centerVertically();\n\n    const overlayConfig = new OverlayConfig({\n      positionStrategy,\n      hasBackdrop: config.hasBackdrop,\n      backdropClass: config.backdropClass,\n      panelClass: config.panelClass,\n    });\n\n    return overlayConfig;\n  }\n}\n","// NG2\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoModalContainerComponent } from './modal-container.component';\nimport { NovoModalElement, NovoModalNotificationElement } from './modal.component';\nimport { NovoModalService } from './modal.service';\n\n@NgModule({\n  imports: [OverlayModule, PortalModule, CommonModule, NovoButtonModule],\n  declarations: [NovoModalContainerComponent, NovoModalElement, NovoModalNotificationElement],\n  exports: [NovoModalElement, NovoModalNotificationElement],\n  providers: [NovoModalService],\n})\nexport class NovoModalModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.NovoModalRef","i2"],"mappings":"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"}

package/fesm2022/novo-elements-elements-multi-picker.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { forwardRef, EventEmitter, Input, Output, Component, NgModule } from '@angular/core';
+import { forwardRef, EventEmitter, Input, Output, ViewChild, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { ReplaySubject } from 'rxjs';
 import * as i1 from 'novo-elements/services';
+import * as i3 from 'novo-elements/elements/picker';
+import { NovoPickerModule } from 'novo-elements/elements/picker';
 import { Helpers } from 'novo-elements/utils';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from 'novo-elements/elements/picker';
-import { NovoPickerModule } from 'novo-elements/elements/picker';
 import * as i4 from 'novo-elements/elements/chips';
 import { NovoChipsModule } from 'novo-elements/elements/chips';
 
@@ -57,6 +57,10 @@ class NovoMultiPickerElement {
         this.strictRelationship = this.source.strictRelationship || false;
         this.setupOptions();
     }
+    openPanel() {
+        this.picker?.show();
+        this.picker?.input?.nativeElement?.focus();
+    }
     clearValue() {
         this.types.forEach((type) => this.modifyAllOfType(type.value, 'unselect'));
         this.items = [];
@@ -550,7 +554,7 @@ class NovoMultiPickerElement {
         this.onModelTouched = fn;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoMultiPickerElement, deps: [{ token: i0.ElementRef }, { token: i1.NovoLabelService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoMultiPickerElement, isStandalone: false, selector: "multi-picker", inputs: { source: "source", placeholder: "placeholder", types: "types", value: "value" }, outputs: { changed: "changed", focus: "focus", blur: "blur" }, host: { properties: { "class.with-value": "items.length > 0" } }, providers: [CHIPS_VALUE_ACCESSOR], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoMultiPickerElement, isStandalone: false, selector: "multi-picker", inputs: { source: "source", placeholder: "placeholder", types: "types", value: "value" }, outputs: { changed: "changed", focus: "focus", blur: "blur" }, host: { properties: { "class.with-value": "items.length > 0" } }, providers: [CHIPS_VALUE_ACCESSOR], viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }], ngImport: i0, template: `
     <novo-chip
       *ngFor="let item of _items | async | slice: 0:chipsCount"
       [type]="item.type"
@@ -567,6 +571,7 @@ class NovoMultiPickerElement {
     </div>
     <div class="chip-input-container">
       <novo-picker
+        #picker
         clearValueOnSelect="true"
         [config]="source"
         [placeholder]="placeholder"
@@ -578,9 +583,9 @@ class NovoMultiPickerElement {
       >
       </novo-picker>
     </div>
-    <i class="bhi-search" [class.has-value]="items.length"></i>
-    <label class="clear-all" *ngIf="items.length" (click)="clearValue()">{{ labels.clearAll }} <i class="bhi-times"></i></label>
-  `, isInline: true, styles: [":host{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45));transition:all .2s ease-in-out;position:relative;padding:2px 0}:host .hidden-chips-toggle{cursor:pointer;padding-left:.5rem;line-height:2.7rem}:host.with-value{margin-bottom:20px}:host:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host.selected,:host.selected:hover{border-bottom:1px solid var(--color-positive)}:host.selected+i,:host.selected:hover+i{color:var(--color-positive)}:host.disabled{border-bottom-style:dashed!important}:host .novo-chip-container{flex:1;display:flex;flex-flow:row wrap;gap:.4rem;align-items:center}:host .chip-input-container{flex:1 15rem;padding-left:var(--spacing-md)}:host .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}:host .chip-input-container input:focus{outline:none}:host .chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:var(--color-negative);cursor:pointer;display:flex;align-items:center}[data-theme=bh2026] :host label.clear-all{bottom:-27px}:host label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}:host i.bhi-search{position:absolute;bottom:8px;right:0;font-size:1.1em;color:var(--font-color-base)}[data-theme=bh2026] :host i.bhi-search{bottom:4px}:host+i{position:absolute;right:0;bottom:7px}:host.with-value{margin-bottom:0}:host novo-picker{position:inherit;padding-bottom:0}:host novo-picker>::ng-deep input{border:none;border-bottom:none!important}:host novo-picker>::ng-deep input:disabled{border-bottom:none!important}:host novo-picker>::ng-deep i{display:none}:host novo-picker div.picker-results-container{left:0}:host picker-results{position:absolute;color:#000}:host picker-results novo-list{max-height:49vh;overflow:auto}:host picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}:host picker-results novo-list novo-list-item>div{width:100%}:host picker-results novo-list novo-list-item.active{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item:hover{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item item-content{flex-flow:row wrap}:host picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}:host picker-results .error-results,:host picker-results .no-recents,:host picker-results .null-results{text-align:center;padding:1em 0 4em}:host picker-results .error-results>i,:host picker-results .no-recents>i,:host picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}:host picker-results .error-results>h4,:host picker-results .error-results>p,:host picker-results .no-recents>h4,:host picker-results .no-recents>p,:host picker-results .null-results>h4,:host picker-results .null-results>p{margin:0;max-width:none;padding:0}:host picker-results .error-results>h4,:host picker-results .no-recents>h4,:host picker-results .null-results>h4{font-weight:500}:host picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}:host .preview-container entity-picker-result{background:#fff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}:host .preview-container entity-picker-result .novo-list-item{flex:0 0}:host .preview-container entity-picker-result .novo-list-item>div{width:100%}:host .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}:host .chip-input-container{padding-top:10px}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host novo-picker li.header{text-transform:uppercase;font-weight:400;border-top:1px solid #e8e8e8;padding-bottom:0}:host novo-picker li label{color:#9e9e9e;text-transform:capitalize}:host novo-picker li label:hover i.bhi-checkbox-empty,:host novo-picker li label:hover i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host novo-picker li.checked label{color:#393939}:host novo-picker i{margin-right:5px}:host novo-picker i.bhi-checkbox-empty{color:#d2d2d2}:host novo-picker i.bhi-checkbox-filled,:host novo-picker i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host chip span{text-transform:capitalize}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoPickerElement, selector: "novo-picker", inputs: ["config", "placeholder", "clearValueOnSelect", "closeOnSelect", "selected", "appendToBody", "parentScrollSelector", "parentScrollAction", "containerClass", "side", "autoSelectFirstOption", "overrideElement", "maxlength", "allowCustomValues", "width", "minWidth", "allowTabNavigation", "disablePickerInput"], outputs: ["changed", "select", "focus", "blur", "typing", "tab"] }, { kind: "component", type: i4.NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }] }); }
+    <i class="bhi-search" [class.has-value]="items.length" (click)="openPanel()"></i>
+    <label class="clear-all" *ngIf="items.length" (click)="clearValue()">{{ labels.clearAllNormalCase }} <i class="bhi-times"></i></label>
+  `, isInline: true, styles: [":host{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45));transition:all .2s ease-in-out;position:relative;padding:2px 0}:host .hidden-chips-toggle{cursor:pointer;padding-left:.5rem;line-height:2.7rem}:host.with-value{margin-bottom:20px}:host:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host.selected,:host.selected:hover{border-bottom:1px solid var(--color-positive)}:host.selected+i,:host.selected:hover+i{color:var(--color-positive)}:host.disabled{border-bottom-style:dashed!important}:host .novo-chip-container{flex:1;display:flex;flex-flow:row wrap;gap:.4rem;align-items:center}:host .chip-input-container{flex:1 15rem;padding-left:var(--spacing-md)}:host .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}:host .chip-input-container input:focus{outline:none}:host .chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:var(--color-negative);cursor:pointer;display:flex;align-items:center;text-transform:uppercase}[data-theme=bh2026] :host label.clear-all{bottom:-28px;color:var(--button-color-dialogue-negative-content-default);font-size:var(--typography-button-sm-font-size);font-weight:var(--typography-button-sm-font-weight);line-height:var(--typography-button-sm-line-height);text-transform:none}:host label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}[data-theme=bh2026] :host label.clear-all i{font-size:var(--typography-meta-sm-font-size);padding-bottom:3px;margin-left:10px}:host i.bhi-search{position:absolute;bottom:4px;right:0;font-size:var(--typography-body-lg-font-size, 1.1em);color:var(--font-color-base);cursor:pointer}:host+i{position:absolute;right:0;bottom:7px}:host.with-value{margin-bottom:0}:host novo-picker{position:inherit;padding-bottom:0}:host novo-picker>::ng-deep input{border:none;border-bottom:none!important}:host novo-picker>::ng-deep input:disabled{border-bottom:none!important}:host novo-picker>::ng-deep i{display:none}:host novo-picker div.picker-results-container{left:0}:host picker-results{position:absolute;color:#000}:host picker-results novo-list{max-height:49vh;overflow:auto}:host picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}:host picker-results novo-list novo-list-item>div{width:100%}:host picker-results novo-list novo-list-item.active{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item:hover{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item item-content{flex-flow:row wrap}:host picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}:host picker-results .error-results,:host picker-results .no-recents,:host picker-results .null-results{text-align:center;padding:1em 0 4em}:host picker-results .error-results>i,:host picker-results .no-recents>i,:host picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}:host picker-results .error-results>h4,:host picker-results .error-results>p,:host picker-results .no-recents>h4,:host picker-results .no-recents>p,:host picker-results .null-results>h4,:host picker-results .null-results>p{margin:0;max-width:none;padding:0}:host picker-results .error-results>h4,:host picker-results .no-recents>h4,:host picker-results .null-results>h4{font-weight:500}:host picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}:host .preview-container entity-picker-result{background:#fff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}:host .preview-container entity-picker-result .novo-list-item{flex:0 0}:host .preview-container entity-picker-result .novo-list-item>div{width:100%}:host .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}:host .chip-input-container{padding-top:10px}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host novo-picker li.header{text-transform:uppercase;font-weight:400;border-top:1px solid #e8e8e8;padding-bottom:0}:host novo-picker li label{color:#9e9e9e;text-transform:capitalize}:host novo-picker li label:hover i.bhi-checkbox-empty,:host novo-picker li label:hover i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host novo-picker li.checked label{color:#393939}:host novo-picker i{margin-right:5px}:host novo-picker i.bhi-checkbox-empty{color:#d2d2d2}:host novo-picker i.bhi-checkbox-filled,:host novo-picker i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host chip span{text-transform:capitalize}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoPickerElement, selector: "novo-picker", inputs: ["config", "placeholder", "clearValueOnSelect", "closeOnSelect", "selected", "appendToBody", "parentScrollSelector", "parentScrollAction", "containerClass", "side", "autoSelectFirstOption", "overrideElement", "maxlength", "allowCustomValues", "width", "minWidth", "allowTabNavigation", "disablePickerInput"], outputs: ["changed", "select", "focus", "blur", "typing", "tab"] }, { kind: "component", type: i4.NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoMultiPickerElement, decorators: [{
             type: Component,
@@ -601,6 +606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
     </div>
     <div class="chip-input-container">
       <novo-picker
+        #picker
         clearValueOnSelect="true"
         [config]="source"
         [placeholder]="placeholder"
@@ -612,12 +618,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
       >
       </novo-picker>
     </div>
-    <i class="bhi-search" [class.has-value]="items.length"></i>
-    <label class="clear-all" *ngIf="items.length" (click)="clearValue()">{{ labels.clearAll }} <i class="bhi-times"></i></label>
+    <i class="bhi-search" [class.has-value]="items.length" (click)="openPanel()"></i>
+    <label class="clear-all" *ngIf="items.length" (click)="clearValue()">{{ labels.clearAllNormalCase }} <i class="bhi-times"></i></label>
   `, host: {
                         '[class.with-value]': 'items.length > 0',
-                    }, standalone: false, styles: [":host{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45));transition:all .2s ease-in-out;position:relative;padding:2px 0}:host .hidden-chips-toggle{cursor:pointer;padding-left:.5rem;line-height:2.7rem}:host.with-value{margin-bottom:20px}:host:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host.selected,:host.selected:hover{border-bottom:1px solid var(--color-positive)}:host.selected+i,:host.selected:hover+i{color:var(--color-positive)}:host.disabled{border-bottom-style:dashed!important}:host .novo-chip-container{flex:1;display:flex;flex-flow:row wrap;gap:.4rem;align-items:center}:host .chip-input-container{flex:1 15rem;padding-left:var(--spacing-md)}:host .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}:host .chip-input-container input:focus{outline:none}:host .chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:var(--color-negative);cursor:pointer;display:flex;align-items:center}[data-theme=bh2026] :host label.clear-all{bottom:-27px}:host label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}:host i.bhi-search{position:absolute;bottom:8px;right:0;font-size:1.1em;color:var(--font-color-base)}[data-theme=bh2026] :host i.bhi-search{bottom:4px}:host+i{position:absolute;right:0;bottom:7px}:host.with-value{margin-bottom:0}:host novo-picker{position:inherit;padding-bottom:0}:host novo-picker>::ng-deep input{border:none;border-bottom:none!important}:host novo-picker>::ng-deep input:disabled{border-bottom:none!important}:host novo-picker>::ng-deep i{display:none}:host novo-picker div.picker-results-container{left:0}:host picker-results{position:absolute;color:#000}:host picker-results novo-list{max-height:49vh;overflow:auto}:host picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}:host picker-results novo-list novo-list-item>div{width:100%}:host picker-results novo-list novo-list-item.active{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item:hover{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item item-content{flex-flow:row wrap}:host picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}:host picker-results .error-results,:host picker-results .no-recents,:host picker-results .null-results{text-align:center;padding:1em 0 4em}:host picker-results .error-results>i,:host picker-results .no-recents>i,:host picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}:host picker-results .error-results>h4,:host picker-results .error-results>p,:host picker-results .no-recents>h4,:host picker-results .no-recents>p,:host picker-results .null-results>h4,:host picker-results .null-results>p{margin:0;max-width:none;padding:0}:host picker-results .error-results>h4,:host picker-results .no-recents>h4,:host picker-results .null-results>h4{font-weight:500}:host picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}:host .preview-container entity-picker-result{background:#fff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}:host .preview-container entity-picker-result .novo-list-item{flex:0 0}:host .preview-container entity-picker-result .novo-list-item>div{width:100%}:host .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}:host .chip-input-container{padding-top:10px}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host novo-picker li.header{text-transform:uppercase;font-weight:400;border-top:1px solid #e8e8e8;padding-bottom:0}:host novo-picker li label{color:#9e9e9e;text-transform:capitalize}:host novo-picker li label:hover i.bhi-checkbox-empty,:host novo-picker li label:hover i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host novo-picker li.checked label{color:#393939}:host novo-picker i{margin-right:5px}:host novo-picker i.bhi-checkbox-empty{color:#d2d2d2}:host novo-picker i.bhi-checkbox-filled,:host novo-picker i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host chip span{text-transform:capitalize}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NovoLabelService }], propDecorators: { source: [{
+                    }, standalone: false, styles: [":host{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 45));transition:all .2s ease-in-out;position:relative;padding:2px 0}:host .hidden-chips-toggle{cursor:pointer;padding-left:.5rem;line-height:2.7rem}:host.with-value{margin-bottom:20px}:host:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host.selected,:host.selected:hover{border-bottom:1px solid var(--color-positive)}:host.selected+i,:host.selected:hover+i{color:var(--color-positive)}:host.disabled{border-bottom-style:dashed!important}:host .novo-chip-container{flex:1;display:flex;flex-flow:row wrap;gap:.4rem;align-items:center}:host .chip-input-container{flex:1 15rem;padding-left:var(--spacing-md)}:host .chip-input-container input{padding-top:0;border:none;background:transparent!important;width:100%}:host .chip-input-container input:focus{outline:none}:host .chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host label.clear-all{flex:1 100%;position:absolute;right:0;bottom:-20px;font-size:.9rem;color:var(--color-negative);cursor:pointer;display:flex;align-items:center;text-transform:uppercase}[data-theme=bh2026] :host label.clear-all{bottom:-28px;color:var(--button-color-dialogue-negative-content-default);font-size:var(--typography-button-sm-font-size);font-weight:var(--typography-button-sm-font-weight);line-height:var(--typography-button-sm-line-height);text-transform:none}:host label.clear-all i{font-size:.7rem;padding-bottom:2px;margin-left:5px}[data-theme=bh2026] :host label.clear-all i{font-size:var(--typography-meta-sm-font-size);padding-bottom:3px;margin-left:10px}:host i.bhi-search{position:absolute;bottom:4px;right:0;font-size:var(--typography-body-lg-font-size, 1.1em);color:var(--font-color-base);cursor:pointer}:host+i{position:absolute;right:0;bottom:7px}:host.with-value{margin-bottom:0}:host novo-picker{position:inherit;padding-bottom:0}:host novo-picker>::ng-deep input{border:none;border-bottom:none!important}:host novo-picker>::ng-deep input:disabled{border-bottom:none!important}:host novo-picker>::ng-deep i{display:none}:host novo-picker div.picker-results-container{left:0}:host picker-results{position:absolute;color:#000}:host picker-results novo-list{max-height:49vh;overflow:auto}:host picker-results novo-list novo-list-item{flex:0 0;transition:background-color .25s}:host picker-results novo-list novo-list-item>div{width:100%}:host picker-results novo-list novo-list-item.active{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item:hover{background-color:hsl(from var(--color-positive) h s calc(l + 35))}:host picker-results novo-list novo-list-item item-content{flex-flow:row wrap}:host picker-results novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}:host picker-results .error-results,:host picker-results .no-recents,:host picker-results .null-results{text-align:center;padding:1em 0 4em}:host picker-results .error-results>i,:host picker-results .no-recents>i,:host picker-results .null-results>i{font-size:3em;margin:.5em;color:#0000004d}:host picker-results .error-results>h4,:host picker-results .error-results>p,:host picker-results .no-recents>h4,:host picker-results .no-recents>p,:host picker-results .null-results>h4,:host picker-results .null-results>p{margin:0;max-width:none;padding:0}:host picker-results .error-results>h4,:host picker-results .no-recents>h4,:host picker-results .null-results>h4{font-weight:500}:host picker-results section{box-shadow:.1em .1em 1em #00000040;z-index:9;position:absolute;width:100%;background-color:#fff;color:#000}:host .preview-container entity-picker-result{background:#fff;position:absolute;top:100%;left:0;width:100%;min-width:180px;max-height:49vh;overflow:auto;z-index:9001;border:1px solid #4a89dc;transition:all .2s ease-in-out}:host .preview-container entity-picker-result .novo-list-item{flex:0 0}:host .preview-container entity-picker-result .novo-list-item>div{width:100%}:host .preview-container entity-picker-result .novo-list-item .novo-item-content{flex-flow:row wrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>*{flex:0 0 33%;white-space:nowrap}:host .preview-container entity-picker-result .novo-list-item .novo-item-content>p{min-width:15em;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}entity-chip-results{max-width:none!important}:host .chip-input-container{padding-top:10px}:host ul.summary{display:inline;list-style:none;color:#868686;padding:0 10px}:host ul.summary li{display:inline;padding:0 3px}:host ul.summary li:after{content:\", \"}:host ul.summary li:last-child:after{content:\" \"}:host novo-picker li.header{text-transform:uppercase;font-weight:400;border-top:1px solid #e8e8e8;padding-bottom:0}:host novo-picker li label{color:#9e9e9e;text-transform:capitalize}:host novo-picker li label:hover i.bhi-checkbox-empty,:host novo-picker li label:hover i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host novo-picker li.checked label{color:#393939}:host novo-picker i{margin-right:5px}:host novo-picker i.bhi-checkbox-empty{color:#d2d2d2}:host novo-picker i.bhi-checkbox-filled,:host novo-picker i.bhi-checkbox-indeterminate{color:var(--color-positive)}:host chip span{text-transform:capitalize}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NovoLabelService }], propDecorators: { picker: [{
+                type: ViewChild,
+                args: ['picker', { static: false }]
+            }], source: [{
                 type: Input
             }], placeholder: [{
                 type: Input