novo-elements 13.2.0-next.13 → 13.2.0-next.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/elements/card/Card.scss +1 -1
- package/elements/chips/Chip.scss +44 -0
- package/elements/chips/Chips.scss +9 -0
- package/elements/date-picker/DatePickerInput.scss +5 -0
- package/elements/field/field.scss +1 -1
- package/elements/form/Form.scss +162 -12
- package/elements/form/extras/address/Address.scss +77 -0
- package/elements/form/fieldset-header.scss +2 -5
- package/elements/header/Header.scss +1 -1
- package/elements/picker/Picker.scss +26 -5
- package/elements/picker/extras/picker-results/PickerResults.scss +2 -1
- package/elements/select/Select.scss +0 -1
- package/elements/tabs/tab.scss +36 -0
- package/elements/time-picker/TimePickerInput.scss +7 -2
- package/elements/toolbar/toolbar.component.scss +1 -1
- package/fesm2022/novo-elements-elements-card.mjs +2 -2
- package/fesm2022/novo-elements-elements-card.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-chips.mjs +4 -4
- package/fesm2022/novo-elements-elements-chips.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-date-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-date-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-form.mjs +8 -8
- package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-header.mjs +2 -2
- package/fesm2022/novo-elements-elements-header.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-multi-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-multi-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-picker.mjs +6 -6
- package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-select.mjs +2 -2
- package/fesm2022/novo-elements-elements-select.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tabs.mjs +4 -4
- package/fesm2022/novo-elements-elements-tabs.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-time-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-toolbar.mjs +2 -2
- package/fesm2022/novo-elements-elements-toolbar.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/themes/bh2026.scss +2 -2
|
@@ -195,7 +195,7 @@ class CardElement {
|
|
|
195
195
|
*ngIf="!(loading || config.loading) && !(message || config.message)"
|
|
196
196
|
select="footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"
|
|
197
197
|
></ng-content>
|
|
198
|
-
`, isInline: true, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:root[data-theme=bh2026] :host{--spacing-md: var(--spacing-padding-md)}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:root:not([data-theme=bh2026]) :host header .title i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-black-10)}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-padding-md) var(--spacing-padding-lg) var(--spacing-padding-md) 0;border-bottom:1px solid var(--color-border-default)}:host-context([data-theme=bh2026]) header .title{padding-inline:var(--spacing-gutter)}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:var(--typography-card-header-font-size, var(--typography-font-size-18));font-weight:var(--typography-card-header-font-weight, var(--typography-font-weight-500))}:host-context([data-theme=bh2026]) header .title h1 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h2 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h3 ::ng-deep .card-flag-icon{font-size:var(--font-size-lg);vertical-align:10%}:host-context([data-theme=bh2026]) header .title ::ng-deep i{margin:0}:host-context([data-theme=bh2026]) header .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A)}:host-context([data-theme=bh2026]) header .actions{display:flex;align-items:center;gap:var(--spacing-gap-sm)}:host-context([data-theme=bh2026]) header novo-button{color:var(--color-text-subtle)}:host-context([data-theme=bh2026]) header ::ng-deep .novo-card-header-text{padding-inline-start:var(--spacing-padding-sm)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-flag-icon{color:var(--color-content-subtle, #5d7798)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon{color:var(--page-entity-color, var(--color-content-subtle, #5d7798))}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-appointment{color:var(--color-entity-appointment)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-star{color:var(--color-entity-star)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-person{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-company{color:var(--color-entity-company)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-candidate{color:var(--color-entity-candidate)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-navigation{color:var(--color-entity-navigation)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-lead{color:var(--color-entity-lead)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contact{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-clientcontact{color:var(--color-entity-clientcontact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-opportunity{color:var(--color-entity-opportunity)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-job{color:var(--color-entity-job)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-joborder{color:var(--color-entity-joborder)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-submission{color:var(--color-entity-submission)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-sendout{color:var(--color-entity-sendout)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-placement{color:var(--color-entity-placement)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-note{color:var(--color-entity-note)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-task{color:var(--color-entity-task)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-distributionList{color:var(--color-entity-distributionList)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-credential{color:var(--color-entity-credential)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-user{color:var(--color-entity-user)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-corporateuser{color:var(--color-entity-corporateuser)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-neutral{color:var(--color-entity-neutral)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contract{color:var(--color-entity-contract)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-jobCode{color:var(--color-entity-jobCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-earnCode{color:var(--color-entity-earnCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-billableCharge{color:var(--color-entity-billableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-payableCharge{color:var(--color-entity-payableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-complianceManager{color:var(--color-entity-complianceManager)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-invoiceStatement{color:var(--color-entity-invoiceStatement)}:host-context([data-theme=bh2026]) :host.icon-color-parent ::ng-deep .card-flag-icon{color:var(--page-entity-color)}:host-context([data-theme=bh2026]) :host .novo-card-header{padding-inline-start:var(--spacing-gutter)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A);transition:color .3s ease-in-out}:host-context([data-theme=bh2026]) :host header ::ng-deep:not(:hover) .card-move-handle,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header:not(:hover) .card-move-handle{color:transparent}:host-context([data-theme=bh2026]) :host header ::ng-deep .novo-icon.card-move-handle i,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header .novo-icon.card-move-handle i{color:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i4.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i5.NovoLoadingElement, selector: "novo-loading", inputs: ["theme", "color", "size"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltipPosition", "tooltipType", "tooltipSize", "tooltipBounce", "tooltipNoAnimate", "tooltipRounded", "tooltipAlways", "tooltipPreline", "removeTooltipArrow", "tooltipAutoPosition", "tooltipIsHTML", "tooltipCloseOnClick", "tooltipOnOverflow", "tooltipActive"] }, { kind: "directive", type: i7.ThemeColorDirective, selector: "[theme]", inputs: ["theme"] }, { kind: "pipe", type: i7.If2026ThemePipe, name: "ifBh2026Theme" }] }); }
|
|
198
|
+
`, isInline: true, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:root[data-theme=bh2026] :host{--spacing-md: var(--spacing-padding-md)}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:root:not([data-theme=bh2026]) :host header .title i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-charcoal-08)}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-padding-md) var(--spacing-padding-lg) var(--spacing-padding-md) 0;border-bottom:1px solid var(--color-border-default)}:host-context([data-theme=bh2026]) header .title{padding-inline:var(--spacing-gutter)}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:var(--typography-card-header-font-size, var(--typography-font-size-18));font-weight:var(--typography-card-header-font-weight, var(--typography-font-weight-500))}:host-context([data-theme=bh2026]) header .title h1 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h2 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h3 ::ng-deep .card-flag-icon{font-size:var(--font-size-lg);vertical-align:10%}:host-context([data-theme=bh2026]) header .title ::ng-deep i{margin:0}:host-context([data-theme=bh2026]) header .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A)}:host-context([data-theme=bh2026]) header .actions{display:flex;align-items:center;gap:var(--spacing-gap-sm)}:host-context([data-theme=bh2026]) header novo-button{color:var(--color-text-subtle)}:host-context([data-theme=bh2026]) header ::ng-deep .novo-card-header-text{padding-inline-start:var(--spacing-padding-sm)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-flag-icon{color:var(--color-content-subtle, #5d7798)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon{color:var(--page-entity-color, var(--color-content-subtle, #5d7798))}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-appointment{color:var(--color-entity-appointment)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-star{color:var(--color-entity-star)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-person{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-company{color:var(--color-entity-company)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-candidate{color:var(--color-entity-candidate)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-navigation{color:var(--color-entity-navigation)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-lead{color:var(--color-entity-lead)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contact{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-clientcontact{color:var(--color-entity-clientcontact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-opportunity{color:var(--color-entity-opportunity)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-job{color:var(--color-entity-job)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-joborder{color:var(--color-entity-joborder)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-submission{color:var(--color-entity-submission)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-sendout{color:var(--color-entity-sendout)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-placement{color:var(--color-entity-placement)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-note{color:var(--color-entity-note)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-task{color:var(--color-entity-task)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-distributionList{color:var(--color-entity-distributionList)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-credential{color:var(--color-entity-credential)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-user{color:var(--color-entity-user)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-corporateuser{color:var(--color-entity-corporateuser)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-neutral{color:var(--color-entity-neutral)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contract{color:var(--color-entity-contract)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-jobCode{color:var(--color-entity-jobCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-earnCode{color:var(--color-entity-earnCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-billableCharge{color:var(--color-entity-billableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-payableCharge{color:var(--color-entity-payableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-complianceManager{color:var(--color-entity-complianceManager)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-invoiceStatement{color:var(--color-entity-invoiceStatement)}:host-context([data-theme=bh2026]) :host.icon-color-parent ::ng-deep .card-flag-icon{color:var(--page-entity-color)}:host-context([data-theme=bh2026]) :host .novo-card-header{padding-inline-start:var(--spacing-gutter)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A);transition:color .3s ease-in-out}:host-context([data-theme=bh2026]) :host header ::ng-deep:not(:hover) .card-move-handle,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header:not(:hover) .card-move-handle{color:transparent}:host-context([data-theme=bh2026]) :host header ::ng-deep .novo-icon.card-move-handle i,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header .novo-icon.card-move-handle i{color:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i4.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i5.NovoLoadingElement, selector: "novo-loading", inputs: ["theme", "color", "size"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltipPosition", "tooltipType", "tooltipSize", "tooltipBounce", "tooltipNoAnimate", "tooltipRounded", "tooltipAlways", "tooltipPreline", "removeTooltipArrow", "tooltipAutoPosition", "tooltipIsHTML", "tooltipCloseOnClick", "tooltipOnOverflow", "tooltipActive"] }, { kind: "directive", type: i7.ThemeColorDirective, selector: "[theme]", inputs: ["theme"] }, { kind: "pipe", type: i7.If2026ThemePipe, name: "ifBh2026Theme" }] }); }
|
|
199
199
|
}
|
|
200
200
|
__decorate([
|
|
201
201
|
BooleanInput(),
|
|
@@ -269,7 +269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
269
269
|
*ngIf="!(loading || config.loading) && !(message || config.message)"
|
|
270
270
|
select="footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"
|
|
271
271
|
></ng-content>
|
|
272
|
-
`, standalone: false, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:root[data-theme=bh2026] :host{--spacing-md: var(--spacing-padding-md)}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:root:not([data-theme=bh2026]) :host header .title i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-
|
|
272
|
+
`, standalone: false, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:root[data-theme=bh2026] :host{--spacing-md: var(--spacing-padding-md)}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:root:not([data-theme=bh2026]) :host header .title i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-charcoal-08)}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-padding-md) var(--spacing-padding-lg) var(--spacing-padding-md) 0;border-bottom:1px solid var(--color-border-default)}:host-context([data-theme=bh2026]) header .title{padding-inline:var(--spacing-gutter)}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:var(--typography-card-header-font-size, var(--typography-font-size-18));font-weight:var(--typography-card-header-font-weight, var(--typography-font-weight-500))}:host-context([data-theme=bh2026]) header .title h1 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h2 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h3 ::ng-deep .card-flag-icon{font-size:var(--font-size-lg);vertical-align:10%}:host-context([data-theme=bh2026]) header .title ::ng-deep i{margin:0}:host-context([data-theme=bh2026]) header .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A)}:host-context([data-theme=bh2026]) header .actions{display:flex;align-items:center;gap:var(--spacing-gap-sm)}:host-context([data-theme=bh2026]) header novo-button{color:var(--color-text-subtle)}:host-context([data-theme=bh2026]) header ::ng-deep .novo-card-header-text{padding-inline-start:var(--spacing-padding-sm)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-flag-icon{color:var(--color-content-subtle, #5d7798)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon{color:var(--page-entity-color, var(--color-content-subtle, #5d7798))}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-appointment{color:var(--color-entity-appointment)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-star{color:var(--color-entity-star)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-person{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-company{color:var(--color-entity-company)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-candidate{color:var(--color-entity-candidate)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-navigation{color:var(--color-entity-navigation)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-lead{color:var(--color-entity-lead)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contact{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-clientcontact{color:var(--color-entity-clientcontact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-opportunity{color:var(--color-entity-opportunity)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-job{color:var(--color-entity-job)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-joborder{color:var(--color-entity-joborder)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-submission{color:var(--color-entity-submission)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-sendout{color:var(--color-entity-sendout)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-placement{color:var(--color-entity-placement)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-note{color:var(--color-entity-note)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-task{color:var(--color-entity-task)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-distributionList{color:var(--color-entity-distributionList)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-credential{color:var(--color-entity-credential)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-user{color:var(--color-entity-user)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-corporateuser{color:var(--color-entity-corporateuser)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-neutral{color:var(--color-entity-neutral)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contract{color:var(--color-entity-contract)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-jobCode{color:var(--color-entity-jobCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-earnCode{color:var(--color-entity-earnCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-billableCharge{color:var(--color-entity-billableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-payableCharge{color:var(--color-entity-payableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-complianceManager{color:var(--color-entity-complianceManager)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-invoiceStatement{color:var(--color-entity-invoiceStatement)}:host-context([data-theme=bh2026]) :host.icon-color-parent ::ng-deep .card-flag-icon{color:var(--page-entity-color)}:host-context([data-theme=bh2026]) :host .novo-card-header{padding-inline-start:var(--spacing-gutter)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A);transition:color .3s ease-in-out}:host-context([data-theme=bh2026]) :host header ::ng-deep:not(:hover) .card-move-handle,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header:not(:hover) .card-move-handle{color:transparent}:host-context([data-theme=bh2026]) :host header ::ng-deep .novo-icon.card-move-handle i,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header .novo-icon.card-move-handle i{color:inherit}\n"] }]
|
|
273
273
|
}], ctorParameters: () => [{ type: i1.NovoLabelService }], propDecorators: { padding: [{
|
|
274
274
|
type: Input
|
|
275
275
|
}], config: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"novo-elements-elements-card.mjs","sources":["../../../projects/novo-elements/src/elements/card/Card.ts","../../../projects/novo-elements/src/elements/card/Card.module.ts","../../../projects/novo-elements/src/elements/card/novo-elements-elements-card.ts"],"sourcesContent":["// NG2\nimport { Component, EventEmitter, HostBinding, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-card-actions',\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class CardActionsElement {}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-content, [novo-card-content], [novoCardContent]',\n host: { class: 'novo-card-content', '[class.condensed]': 'condensed' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardContent.scss'],\n standalone: false,\n})\nexport class CardContentElement {\n @Input() @BooleanInput() condensed: boolean = false;\n}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-header, [novo-card-header], [novoCardHeader]',\n host: { class: 'novo-card-header' },\n template: `\n <ng-content select=\"novo-avatar, [novo-avatar], novo-icon\"></ng-content>\n <div class=\"novo-card-header-text\">\n <ng-content select=\"novo-title, [novo-title], novo-text, novo-label, novo-caption\"></ng-content>\n </div>\n <ng-content></ng-content>\n <div class=\"novo-card-header-actions\">\n <ng-content select=\"novo-action\"></ng-content>\n </div>\n `,\n styleUrls: ['./CardHeader.scss'],\n standalone: false,\n})\nexport class CardHeaderElement {}\n\n@Component({\n selector: 'novo-card-footer, [novo-card-footer], [novoCardFooter]',\n host: { class: 'novo-card-footer' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardFooter.scss'],\n standalone: false,\n})\nexport class CardFooterElement {}\n\n@Component({\n selector: 'novo-card',\n host: {\n class: 'novo-card',\n '[attr.data-automation-id]': 'cardAutomationId',\n '[class.loading]': 'loading || config.loading',\n },\n template: `\n <!--Loading-->\n <div class=\"card-loading-container\" *ngIf=\"loading || config.loading\">\n <novo-loading theme=\"line\" [attr.data-automation-id]=\"cardAutomationId + '-loading'\"></novo-loading>\n </div>\n <!--Card Header-->\n <header *ngIf=\"title || config.title\">\n <div class=\"title\">\n <!--Grabber Icon-->\n <novo-icon\n *ngIf=\"move || config.move\"\n tooltip=\"{{ labels.move }}\"\n tooltipPosition=\"bottom-right\"\n class=\"card-move-handle\"\n [attr.data-automation-id]=\"cardAutomationId + '-move'\"\n >move</novo-icon\n >\n <!--Card Title-->\n <h3 [attr.data-automation-id]=\"cardAutomationId + '-title'\">\n <span [tooltip]=\"iconTooltip\" tooltipPosition=\"right\"><i *ngIf=\"iconClass\" class=\"card-flag-icon\" [ngClass]=\"iconClass\"></i></span><!--\n --><span class=\"novo-card-header-text\">{{ title || config.title }}</span>\n </h3>\n </div>\n <!--Card Actions-->\n <div class=\"actions\" [attr.data-automation-id]=\"cardAutomationId + '-actions'\">\n <ng-content select=\"novo-card-actions\"></ng-content>\n <novo-button\n theme=\"icon\"\n [icon]=\"'refresh-o' | ifBh2026Theme : 'refresh'\"\n (click)=\"toggleRefresh()\"\n *ngIf=\"refresh || config.refresh\"\n [attr.data-automation-id]=\"cardAutomationId + '-refresh'\"\n tooltip=\"{{ labels.refresh }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n\n <novo-button\n theme=\"icon\"\n [icon]=\"'x' | ifBh2026Theme : 'close-o'\"\n (click)=\"toggleClose()\"\n *ngIf=\"close || config.close\"\n [attr.data-automation-id]=\"cardAutomationId + '-close'\"\n tooltip=\"{{ labels.close }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n </div>\n </header>\n <!--Content (transcluded)-->\n <ng-content *ngIf=\"!(loading || config.loading) && !(message || config.message)\"></ng-content>\n <!--Error/Empty Message-->\n <p\n class=\"card-message\"\n *ngIf=\"!(loading || config.loading) && (message || config.message)\"\n [attr.data-automation-id]=\"cardAutomationId + '-message'\"\n >\n <i *ngIf=\"messageIconClass\" [ngClass]=\"messageIconClass\"></i> <span [innerHtml]=\"message || config.message\"></span>\n </p>\n <!--Card Footer-->\n <ng-content\n *ngIf=\"!(loading || config.loading) && !(message || config.message)\"\n select=\"footer,novo-card-footer,[novo-card-footer],[novoCardFooter]\"\n ></ng-content>\n `,\n styleUrls: ['./Card.scss'],\n standalone: false,\n})\nexport class CardElement implements OnChanges, OnInit {\n @Input()\n padding: boolean = true;\n @Input()\n config: any = {};\n @Input()\n title: string;\n @Input()\n message: string;\n @Input()\n messageIcon: string;\n @Input()\n icon: string;\n // A feature for the 2026 styles that lets a card icon match either the icon default color (auto) or the --page-entity-color css variable\n @Input()\n iconColorClass: 'icon-color-auto' | 'icon-color-parent' | undefined;\n @Input()\n iconTooltip: string;\n @Input()\n refresh: boolean;\n @Input()\n close: boolean;\n @Input()\n move: boolean;\n @Input()\n loading: boolean;\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-card-inline')\n inline: boolean;\n\n @Input()\n inset: string = 'none';\n\n @HostBinding('class')\n get cardClass() {\n return `${this.iconColorClass || ''} novo-card-inset-${this.inset}`;\n }\n\n @Output()\n onClose: EventEmitter<void> = new EventEmitter();\n @Output()\n onRefresh: EventEmitter<void> = new EventEmitter();\n\n cardAutomationId: string;\n labels: NovoLabelService;\n iconClass: string | null;\n messageIconClass: string;\n\n constructor(labels: NovoLabelService) {\n this.labels = labels;\n }\n\n ngOnInit() {\n this.config = this.config || {};\n }\n\n ngOnChanges(changes?: SimpleChanges) {\n this.config = this.config || {};\n this.cardAutomationId = `${(this.title || this.config.title || 'no-title').trim().toLowerCase().replace(/\\s/g, '-')}-card`;\n\n const newIcon: string = this.icon || this.config.icon;\n const newMessageIcon: string = this.messageIcon || this.config.messageIcon;\n this.iconClass = newIcon ? `bhi-${newIcon}` : null;\n this.messageIconClass = newMessageIcon ? `bhi-${newMessageIcon}` : null;\n }\n\n toggleClose() {\n if (!this.config.onClose) {\n this.onClose.next();\n } else {\n this.config.onClose();\n }\n }\n\n toggleRefresh() {\n if (!this.config.onRefresh) {\n this.onRefresh.next();\n } else {\n this.config.onRefresh();\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoLoadingModule } from 'novo-elements/elements/loading';\nimport { NovoTooltipModule } from 'novo-elements/elements/tooltip';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { CardActionsElement, CardContentElement, CardElement, CardFooterElement, CardHeaderElement } from './Card';\n\n@NgModule({\n imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule, NovoCommonModule],\n declarations: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n exports: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n})\nexport class NovoCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;MAWa,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,8EAHjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAG5B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;;AAGD;;AAEG;MAQU,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;QAQ2B,IAAA,CAAA,SAAS,GAAY,KAAK;AACpD,IAAA;+GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,yPAJjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4JAAA,CAAA,EAAA,CAAA,CAAA;;AAKd,UAAA,CAAA;AAAf,IAAA,YAAY,EAAE;;AAA4B,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;4FADzC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2DAA2D,EAAA,IAAA,EAC/D,EAAE,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,WAAW,EAAE,EAAA,QAAA,EAC5D,2BAA2B,cAEzB,KAAK,EAAA,MAAA,EAAA,CAAA,4JAAA,CAAA,EAAA;;sBAGlB;;AAGH;;AAEG;MAiBU,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbhB;;;;;;;;;AASX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2vNAAA,CAAA,EAAA,CAAA,CAAA;;4FAIU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAhB7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wDAAwD,QAC5D,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAA,QAAA,EACzB;;;;;;;;;AASX,EAAA,CAAA,EAAA,UAAA,EAEa,KAAK,EAAA,MAAA,EAAA,CAAA,2vNAAA,CAAA,EAAA;;MAWR,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,iKAJhB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+kMAAA,CAAA,EAAA,CAAA,CAAA;;4FAI5B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;+BACI,wDAAwD,EAAA,IAAA,EAC5D,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAA,QAAA,EACzB,2BAA2B,EAAA,UAAA,EAEzB,KAAK,EAAA,MAAA,EAAA,CAAA,+kMAAA,CAAA,EAAA;;MA6ER,WAAW,CAAA;AAmCtB,IAAA,IACI,SAAS,GAAA;QACX,OAAO,CAAA,EAAG,IAAI,CAAC,cAAc,IAAI,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,CAAA,CAAE;IACrE;AAYA,IAAA,WAAA,CAAY,MAAwB,EAAA;QAhDpC,IAAA,CAAA,OAAO,GAAY,IAAI;QAEvB,IAAA,CAAA,MAAM,GAAQ,EAAE;QA6BhB,IAAA,CAAA,KAAK,GAAW,MAAM;AAQtB,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,YAAY,EAAE;AAEhD,QAAA,IAAA,CAAA,SAAS,GAAuB,IAAI,YAAY,EAAE;AAQhD,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;IACtB;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE;IACjC;AAEA,IAAA,WAAW,CAAC,OAAuB,EAAA;QACjC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE;AAC/B,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAA,EAAG,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,UAAU,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO;QAE1H,MAAM,OAAO,GAAW,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI;QACrD,MAAM,cAAc,GAAW,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW;AAC1E,QAAA,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,CAAA,IAAA,EAAO,OAAO,CAAA,CAAE,GAAG,IAAI;AAClD,QAAA,IAAI,CAAC,gBAAgB,GAAG,cAAc,GAAG,CAAA,IAAA,EAAO,cAAc,CAAA,CAAE,GAAG,IAAI;IACzE;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACxB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;QACrB;aAAO;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QACvB;IACF;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;AAC1B,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;QACvB;aAAO;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;QACzB;IACF;+GAlFW,WAAW,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,2BAAA,EAAA,wBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2gSAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,eAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;AAkCD,UAAA,CAAA;AAFC,IAAA,YAAY,EAAE;;AAEC,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;4FA9BL,WAAW,EAAA,UAAA,EAAA,CAAA;kBAzEvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,IAAA,EACf;AACF,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,2BAA2B,EAAE,kBAAkB;AAC/C,wBAAA,iBAAiB,EAAE,2BAA2B;qBACjD,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DX,EAAA,CAAA,EAAA,UAAA,EAEa,KAAK,EAAA,MAAA,EAAA,CAAA,2gSAAA,CAAA,EAAA;;sBAGlB;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAGA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAGA;;sBAEA,WAAW;uBAAC,wBAAwB;;sBAGpC;;sBAGA,WAAW;uBAAC,OAAO;;sBAKnB;;sBAEA;;;AC5KH;MAgBa,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,CAHV,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAD9F,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAEtG,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA;gHAExF,cAAc,EAAA,OAAA,EAAA,CAJf,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA;;4FAIrG,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;oBACjH,YAAY,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC;oBACzG,OAAO,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC;AACrG,iBAAA;;;ACfD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"novo-elements-elements-card.mjs","sources":["../../../projects/novo-elements/src/elements/card/Card.ts","../../../projects/novo-elements/src/elements/card/Card.module.ts","../../../projects/novo-elements/src/elements/card/novo-elements-elements-card.ts"],"sourcesContent":["// NG2\nimport { Component, EventEmitter, HostBinding, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\nimport { BooleanInput } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-card-actions',\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class CardActionsElement {}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-content, [novo-card-content], [novoCardContent]',\n host: { class: 'novo-card-content', '[class.condensed]': 'condensed' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardContent.scss'],\n standalone: false,\n})\nexport class CardContentElement {\n @Input() @BooleanInput() condensed: boolean = false;\n}\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Component({\n selector: 'novo-card-header, [novo-card-header], [novoCardHeader]',\n host: { class: 'novo-card-header' },\n template: `\n <ng-content select=\"novo-avatar, [novo-avatar], novo-icon\"></ng-content>\n <div class=\"novo-card-header-text\">\n <ng-content select=\"novo-title, [novo-title], novo-text, novo-label, novo-caption\"></ng-content>\n </div>\n <ng-content></ng-content>\n <div class=\"novo-card-header-actions\">\n <ng-content select=\"novo-action\"></ng-content>\n </div>\n `,\n styleUrls: ['./CardHeader.scss'],\n standalone: false,\n})\nexport class CardHeaderElement {}\n\n@Component({\n selector: 'novo-card-footer, [novo-card-footer], [novoCardFooter]',\n host: { class: 'novo-card-footer' },\n template: '<ng-content></ng-content>',\n styleUrls: ['./CardFooter.scss'],\n standalone: false,\n})\nexport class CardFooterElement {}\n\n@Component({\n selector: 'novo-card',\n host: {\n class: 'novo-card',\n '[attr.data-automation-id]': 'cardAutomationId',\n '[class.loading]': 'loading || config.loading',\n },\n template: `\n <!--Loading-->\n <div class=\"card-loading-container\" *ngIf=\"loading || config.loading\">\n <novo-loading theme=\"line\" [attr.data-automation-id]=\"cardAutomationId + '-loading'\"></novo-loading>\n </div>\n <!--Card Header-->\n <header *ngIf=\"title || config.title\">\n <div class=\"title\">\n <!--Grabber Icon-->\n <novo-icon\n *ngIf=\"move || config.move\"\n tooltip=\"{{ labels.move }}\"\n tooltipPosition=\"bottom-right\"\n class=\"card-move-handle\"\n [attr.data-automation-id]=\"cardAutomationId + '-move'\"\n >move</novo-icon\n >\n <!--Card Title-->\n <h3 [attr.data-automation-id]=\"cardAutomationId + '-title'\">\n <span [tooltip]=\"iconTooltip\" tooltipPosition=\"right\"><i *ngIf=\"iconClass\" class=\"card-flag-icon\" [ngClass]=\"iconClass\"></i></span><!--\n --><span class=\"novo-card-header-text\">{{ title || config.title }}</span>\n </h3>\n </div>\n <!--Card Actions-->\n <div class=\"actions\" [attr.data-automation-id]=\"cardAutomationId + '-actions'\">\n <ng-content select=\"novo-card-actions\"></ng-content>\n <novo-button\n theme=\"icon\"\n [icon]=\"'refresh-o' | ifBh2026Theme : 'refresh'\"\n (click)=\"toggleRefresh()\"\n *ngIf=\"refresh || config.refresh\"\n [attr.data-automation-id]=\"cardAutomationId + '-refresh'\"\n tooltip=\"{{ labels.refresh }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n\n <novo-button\n theme=\"icon\"\n [icon]=\"'x' | ifBh2026Theme : 'close-o'\"\n (click)=\"toggleClose()\"\n *ngIf=\"close || config.close\"\n [attr.data-automation-id]=\"cardAutomationId + '-close'\"\n tooltip=\"{{ labels.close }}\"\n tooltipPosition=\"bottom-left\"\n ></novo-button>\n </div>\n </header>\n <!--Content (transcluded)-->\n <ng-content *ngIf=\"!(loading || config.loading) && !(message || config.message)\"></ng-content>\n <!--Error/Empty Message-->\n <p\n class=\"card-message\"\n *ngIf=\"!(loading || config.loading) && (message || config.message)\"\n [attr.data-automation-id]=\"cardAutomationId + '-message'\"\n >\n <i *ngIf=\"messageIconClass\" [ngClass]=\"messageIconClass\"></i> <span [innerHtml]=\"message || config.message\"></span>\n </p>\n <!--Card Footer-->\n <ng-content\n *ngIf=\"!(loading || config.loading) && !(message || config.message)\"\n select=\"footer,novo-card-footer,[novo-card-footer],[novoCardFooter]\"\n ></ng-content>\n `,\n styleUrls: ['./Card.scss'],\n standalone: false,\n})\nexport class CardElement implements OnChanges, OnInit {\n @Input()\n padding: boolean = true;\n @Input()\n config: any = {};\n @Input()\n title: string;\n @Input()\n message: string;\n @Input()\n messageIcon: string;\n @Input()\n icon: string;\n // A feature for the 2026 styles that lets a card icon match either the icon default color (auto) or the --page-entity-color css variable\n @Input()\n iconColorClass: 'icon-color-auto' | 'icon-color-parent' | undefined;\n @Input()\n iconTooltip: string;\n @Input()\n refresh: boolean;\n @Input()\n close: boolean;\n @Input()\n move: boolean;\n @Input()\n loading: boolean;\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-card-inline')\n inline: boolean;\n\n @Input()\n inset: string = 'none';\n\n @HostBinding('class')\n get cardClass() {\n return `${this.iconColorClass || ''} novo-card-inset-${this.inset}`;\n }\n\n @Output()\n onClose: EventEmitter<void> = new EventEmitter();\n @Output()\n onRefresh: EventEmitter<void> = new EventEmitter();\n\n cardAutomationId: string;\n labels: NovoLabelService;\n iconClass: string | null;\n messageIconClass: string;\n\n constructor(labels: NovoLabelService) {\n this.labels = labels;\n }\n\n ngOnInit() {\n this.config = this.config || {};\n }\n\n ngOnChanges(changes?: SimpleChanges) {\n this.config = this.config || {};\n this.cardAutomationId = `${(this.title || this.config.title || 'no-title').trim().toLowerCase().replace(/\\s/g, '-')}-card`;\n\n const newIcon: string = this.icon || this.config.icon;\n const newMessageIcon: string = this.messageIcon || this.config.messageIcon;\n this.iconClass = newIcon ? `bhi-${newIcon}` : null;\n this.messageIconClass = newMessageIcon ? `bhi-${newMessageIcon}` : null;\n }\n\n toggleClose() {\n if (!this.config.onClose) {\n this.onClose.next();\n } else {\n this.config.onClose();\n }\n }\n\n toggleRefresh() {\n if (!this.config.onRefresh) {\n this.onRefresh.next();\n } else {\n this.config.onRefresh();\n }\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoLoadingModule } from 'novo-elements/elements/loading';\nimport { NovoTooltipModule } from 'novo-elements/elements/tooltip';\nimport { NovoCommonModule } from 'novo-elements/elements/common';\nimport { CardActionsElement, CardContentElement, CardElement, CardFooterElement, CardHeaderElement } from './Card';\n\n@NgModule({\n imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule, NovoCommonModule],\n declarations: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n exports: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],\n})\nexport class NovoCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -313,7 +313,7 @@ class NovoChipElement extends NovoChipMixinBase {
|
|
|
313
313
|
});
|
|
314
314
|
}
|
|
315
315
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoChipElement, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.Platform }, { token: i0.ChangeDetectorRef, optional: true }, { token: DOCUMENT }, { token: ANIMATION_MODULE_TYPE, optional: true }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
316
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoChipElement, isStandalone: false, selector: "novo-chip, [novo-chip]", inputs: { color: "color", tabIndex: "tabIndex", size: "size", type: "type", selected: "selected", value: "value", selectable: "selectable", disabled: "disabled", removable: "removable" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { attributes: { "role": "option" }, listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)", "focus": "focus()", "blur": "_blur()" }, properties: { "class.novo-chip-selectable": "selectable", "class.novo-chip-selected": "selected", "class.novo-chip-with-avatar": "avatar", "class.novo-chip-with-trailing-icon": "removeIcon", "class.novo-chip-disabled": "disabled", "class._novo-animation-noopable": "_animationsDisabled", "attr.tabindex": "disabled ? null : tabIndex", "attr.disabled": "disabled || null", "attr.aria-disabled": "disabled.toString()", "attr.aria-selected": "ariaSelected" }, classAttribute: "novo-chip novo-focus-indicator" }, providers: [{ provide: REMOVABLE_REF, useExisting: NovoChipElement }], queries: [{ propertyName: "avatar", first: true, predicate: NovoChipAvatar, descendants: true }, { propertyName: "removeIcon", first: true, predicate: NovoChipRemove, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:color,opacity,border-color,border-width,background-color;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
316
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoChipElement, isStandalone: false, selector: "novo-chip, [novo-chip]", inputs: { color: "color", tabIndex: "tabIndex", size: "size", type: "type", selected: "selected", value: "value", selectable: "selectable", disabled: "disabled", removable: "removable" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { attributes: { "role": "option" }, listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)", "focus": "focus()", "blur": "_blur()" }, properties: { "class.novo-chip-selectable": "selectable", "class.novo-chip-selected": "selected", "class.novo-chip-with-avatar": "avatar", "class.novo-chip-with-trailing-icon": "removeIcon", "class.novo-chip-disabled": "disabled", "class._novo-animation-noopable": "_animationsDisabled", "attr.tabindex": "disabled ? null : tabIndex", "attr.disabled": "disabled || null", "attr.aria-disabled": "disabled.toString()", "attr.aria-selected": "ariaSelected" }, classAttribute: "novo-chip novo-focus-indicator" }, providers: [{ provide: REMOVABLE_REF, useExisting: NovoChipElement }], queries: [{ propertyName: "avatar", first: true, predicate: NovoChipAvatar, descendants: true }, { propertyName: "removeIcon", first: true, predicate: NovoChipRemove, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:color,opacity,border-color,border-width,background-color;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}:root[data-theme=bh2026] .novo-chip{background:var(--chip-color-background-default-default);border:var(--chip-border-width) solid var(--chip-color-border-default-default);border-radius:var(--chip-border-radius);color:var(--chip-color-content-default);gap:var(--chip-spacing-md-gap);padding:var(--chip-spacing-md-padding-vertical) var(--chip-spacing-md-padding-horizontal);max-height:var(--chip-spacing-md-max-height);font-size:var(--typography-meta-default-font-size);font-weight:var(--typography-meta-default-font-weight);line-height:var(--typography-meta-default-line-height)}:root[data-theme=bh2026] .novo-chip:hover:not(.novo-chip-disabled){background:var(--chip-color-background-default-hover);border-color:var(--chip-color-border-default-hover);color:var(--chip-color-content-hover)}:root[data-theme=bh2026] .novo-chip.novo-chip-selectable:focus{outline:none;background:var(--chip-color-background-default-focus);border-width:var(--chip-border-focus-width);border-color:var(--chip-color-border-default-focus);color:var(--chip-color-content-focus)}:root[data-theme=bh2026] .novo-chip.novo-chip-selectable:focus:after{opacity:0}:root[data-theme=bh2026] .novo-chip.novo-chip-disabled{background:var(--chip-color-background-default-disabled);border-color:var(--chip-color-border-default-disabled);color:var(--chip-color-content-disabled);opacity:1}:root[data-theme=bh2026] .novo-chip .novo-chip-remove,:root[data-theme=bh2026] .novo-chip .novo-chip-trailing-icon{color:inherit}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
317
317
|
}
|
|
318
318
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoChipElement, decorators: [{
|
|
319
319
|
type: Component,
|
|
@@ -336,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
336
336
|
'(keydown)': '_handleKeydown($event)',
|
|
337
337
|
'(focus)': 'focus()',
|
|
338
338
|
'(blur)': '_blur()',
|
|
339
|
-
}, standalone: false, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:color,opacity,border-color,border-width,background-color;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}\n"] }]
|
|
339
|
+
}, standalone: false, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:color,opacity,border-color,border-width,background-color;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}:root[data-theme=bh2026] .novo-chip{background:var(--chip-color-background-default-default);border:var(--chip-border-width) solid var(--chip-color-border-default-default);border-radius:var(--chip-border-radius);color:var(--chip-color-content-default);gap:var(--chip-spacing-md-gap);padding:var(--chip-spacing-md-padding-vertical) var(--chip-spacing-md-padding-horizontal);max-height:var(--chip-spacing-md-max-height);font-size:var(--typography-meta-default-font-size);font-weight:var(--typography-meta-default-font-weight);line-height:var(--typography-meta-default-line-height)}:root[data-theme=bh2026] .novo-chip:hover:not(.novo-chip-disabled){background:var(--chip-color-background-default-hover);border-color:var(--chip-color-border-default-hover);color:var(--chip-color-content-hover)}:root[data-theme=bh2026] .novo-chip.novo-chip-selectable:focus{outline:none;background:var(--chip-color-background-default-focus);border-width:var(--chip-border-focus-width);border-color:var(--chip-color-border-default-focus);color:var(--chip-color-content-focus)}:root[data-theme=bh2026] .novo-chip.novo-chip-selectable:focus:after{opacity:0}:root[data-theme=bh2026] .novo-chip.novo-chip-disabled{background:var(--chip-color-background-default-disabled);border-color:var(--chip-color-border-default-disabled);color:var(--chip-color-content-disabled);opacity:1}:root[data-theme=bh2026] .novo-chip .novo-chip-remove,:root[data-theme=bh2026] .novo-chip .novo-chip-trailing-icon{color:inherit}\n"] }]
|
|
340
340
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.Platform }, { type: i0.ChangeDetectorRef, decorators: [{
|
|
341
341
|
type: Optional
|
|
342
342
|
}] }, { type: undefined, decorators: [{
|
|
@@ -1627,7 +1627,7 @@ class NovoChipsElement {
|
|
|
1627
1627
|
<label class="clear-all" *ngIf="items.length && !disablePickerInput" (click)="clearValue()"
|
|
1628
1628
|
>{{ labels.clearAll }} <i class="bhi-times"></i
|
|
1629
1629
|
></label>
|
|
1630
|
-
`, 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}: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)}: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}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.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: i5.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i3.NovoLabel, selector: "novo-label,[novo-label]", inputs: ["id"] }, { kind: "component", type: NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { kind: "directive", type: NovoChipAvatar, selector: "novo-chip-avatar, [novoChipAvatar]" }, { kind: "directive", type: NovoChipRemove, selector: "[novoChipRemove]" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SlicePipe, name: "slice" }, { kind: "pipe", type: AvatarTypePipe, name: "avatarType" }] }); }
|
|
1630
|
+
`, 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}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.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: i5.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i3.NovoLabel, selector: "novo-label,[novo-label]", inputs: ["id"] }, { kind: "component", type: NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { kind: "directive", type: NovoChipAvatar, selector: "novo-chip-avatar, [novoChipAvatar]" }, { kind: "directive", type: NovoChipRemove, selector: "[novoChipRemove]" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SlicePipe, name: "slice" }, { kind: "pipe", type: AvatarTypePipe, name: "avatarType" }] }); }
|
|
1631
1631
|
}
|
|
1632
1632
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoChipsElement, decorators: [{
|
|
1633
1633
|
type: Component,
|
|
@@ -1687,7 +1687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
1687
1687
|
`, host: {
|
|
1688
1688
|
'[class.with-value]': 'items.length > 0',
|
|
1689
1689
|
'[class.disabled]': 'disablePickerInput',
|
|
1690
|
-
}, 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}: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)}: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}\n"] }]
|
|
1690
|
+
}, 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}\n"] }]
|
|
1691
1691
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.ComponentUtils }, { type: i1$2.NovoLabelService }], propDecorators: { closeOnSelect: [{
|
|
1692
1692
|
type: Input
|
|
1693
1693
|
}], placeholder: [{
|