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

novo-elements 13.1.0 → 13.2.0

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

Files changed (230) hide show

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

@@ -81,7 +81,7 @@ class NovoSwitchElement {
       </div>
       <div class="novo-switch-label"><ng-content></ng-content></div>
     </div>
-  `, isInline: true, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:8px;position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:0 1px 2px #00000026;color:#3d464d}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:#2e2e2e}:host.black[aria-checked=true] .novo-switch-thumb{color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.gray[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.grey[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.bright[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.light[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:#7a7f92}:host.neutral[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#667580}:host.dark[aria-checked=true] .novo-switch-thumb{color:#fff}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.orange[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.navigation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:#3cc3ff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:#fff}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.steel[aria-checked=true] .novo-switch-thumb{color:#fff}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:#98a7ba}:host.metal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.silver[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.stone[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:#cecece}:host.ash[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:#9e9e9e}:host.slate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:#8097ae}:host.onyx[aria-checked=true] .novo-switch-thumb{color:#fff}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:#565656}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:#3b516a}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.midnight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:#374e62}:host.darkness[aria-checked=true] .novo-switch-thumb{color:#fff}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:#1c618f}:host.navy[aria-checked=true] .novo-switch-thumb{color:#fff}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.aqua[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.ocean[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:#77d7c0}:host.mint[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.grass[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:#f4ab98}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:#fff}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:#fff}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:#ebb8d6}:host.carnation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:#cfc3ef}:host.lavender[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:#c4b4d6}:host.mountain[aria-checked=true] .novo-switch-thumb{color:#fff}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.info[aria-checked=true] .novo-switch-thumb{color:#fff}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.positive[aria-checked=true] .novo-switch-thumb{color:#fff}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.success[aria-checked=true] .novo-switch-thumb{color:#fff}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.negative[aria-checked=true] .novo-switch-thumb{color:#fff}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.danger[aria-checked=true] .novo-switch-thumb{color:#fff}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.error[aria-checked=true] .novo-switch-thumb{color:#fff}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.warning[aria-checked=true] .novo-switch-thumb{color:#fff}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:#fafafa}:host.empty[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.disabled[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.background[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.presentation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.pulse[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:#82c0ea}:host.company[aria-checked=true] .novo-switch-thumb{color:#fff}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:#87d3a8}:host.candidate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:#cba1c0}:host.lead[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.contact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:#ab398e}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:#fff}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.job[aria-checked=true] .novo-switch-thumb{color:#fff}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.joborder[aria-checked=true] .novo-switch-thumb{color:#fff}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:#dcdee4}:host.submission[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.sendout[aria-checked=true] .novo-switch-thumb{color:#fff}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:#1669a0}:host.placement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.note[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:#7b82c6}:host.contract[aria-checked=true] .novo-switch-thumb{color:#fff}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:#7a7f92}:host.task[aria-checked=true] .novo-switch-thumb{color:#fff}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.user[aria-checked=true] .novo-switch-thumb{color:#fff}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:#fff}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:#fff}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.credential[aria-checked=true] .novo-switch-thumb{color:#fff}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.person[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#32393f}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#d3d3d3}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:#f5f5f5}:host:focus .novo-switch-label:not(:empty){border:1px dotted #dbdbdb}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }] }); }
+  `, isInline: true, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:var(--border-radius-lg, 8px);position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:var(--shadow-1);color:var(--color-contrast-light)}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.border-default[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border-default[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border-default) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-black) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-black)}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-white) h s calc(l + 18))}:host.white[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-white)}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-gray) h s calc(l + 18))}:host.gray[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-gray)}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grey) h s calc(l + 18))}:host.grey[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grey)}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-offWhite) h s calc(l + 18))}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-off-white)}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bright) h s calc(l + 18))}:host.bright[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bright)}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 18))}:host.light[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-light)}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-neutral) h s calc(l + 18))}:host.neutral[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-neutral)}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l + 18))}:host.dark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-dark)}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-orange) h s calc(l + 18))}:host.orange[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-orange)}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navigation) h s calc(l + 18))}:host.navigation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navigation)}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-skyBlue) h s calc(l + 18))}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sky-blue)}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-steel) h s calc(l + 18))}:host.steel[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-steel)}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-metal) h s calc(l + 18))}:host.metal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-metal)}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sand) h s calc(l + 18))}:host.sand[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sand)}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-silver) h s calc(l + 18))}:host.silver[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-silver)}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-stone) h s calc(l + 18))}:host.stone[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-stone)}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ash) h s calc(l + 18))}:host.ash[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ash)}:host.anonymous[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.anonymous[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-anonymous) h s calc(l + 18))}:host.anonymous[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-anonymous)}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-slate) h s calc(l + 18))}:host.slate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-slate)}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-onyx) h s calc(l + 18))}:host.onyx[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-onyx)}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-charcoal) h s calc(l + 18))}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-charcoal)}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-moonlight) h s calc(l + 18))}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-moonlight)}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-midnight) h s calc(l + 18))}:host.midnight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-midnight)}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-darkness) h s calc(l + 18))}:host.darkness[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-darkness)}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navy) h s calc(l + 18))}:host.navy[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navy)}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-aqua) h s calc(l + 18))}:host.aqua[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-aqua)}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ocean) h s calc(l + 18))}:host.ocean[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ocean)}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mint) h s calc(l + 18))}:host.mint[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mint)}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grass) h s calc(l + 18))}:host.grass[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grass)}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sunflower) h s calc(l + 18))}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sunflower)}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bittersweet) h s calc(l + 18))}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bittersweet)}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grapefruit) h s calc(l + 18))}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grapefruit)}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-carnation) h s calc(l + 18))}:host.carnation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-carnation)}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lavender) h s calc(l + 18))}:host.lavender[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lavender)}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mountain) h s calc(l + 18))}:host.mountain[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mountain)}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-info) h s calc(l + 18))}:host.info[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-info)}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-positive) h s calc(l + 18))}:host.positive[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-positive)}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-success) h s calc(l + 18))}:host.success[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-success)}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-negative) h s calc(l + 18))}:host.negative[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-negative)}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-danger) h s calc(l + 18))}:host.danger[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-danger)}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-error) h s calc(l + 18))}:host.error[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-error)}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-warning) h s calc(l + 18))}:host.warning[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-warning)}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-empty) h s calc(l + 18))}:host.empty[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-empty)}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-disabled) h s calc(l + 18))}:host.disabled[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-disabled)}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-background) h s calc(l + 18))}:host.background[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background)}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-backgroundDark) h s calc(l + 18))}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background-dark)}:host.border[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border) h s calc(l + 18))}:host.border[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border)}:host.border2[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.border2[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border2) h s calc(l + 18))}:host.border2[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border2)}:host.text[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.text[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-text) h s calc(l + 18))}:host.text[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-text)}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-presentation) h s calc(l + 18))}:host.presentation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-presentation)}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bullhorn) h s calc(l + 18))}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bullhorn)}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-pulse) h s calc(l + 18))}:host.pulse[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-pulse)}:host.fastFind[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.fastFind[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-fastFind) h s calc(l + 18))}:host.fastFind[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-fast-find)}:host.toast[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.toast[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-toast) h s calc(l + 18))}:host.toast[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-toast)}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-company) h s calc(l + 18))}:host.company[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-company)}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-candidate) h s calc(l + 18))}:host.candidate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-candidate)}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lead) h s calc(l + 18))}:host.lead[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lead)}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contact) h s calc(l + 18))}:host.contact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contact)}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-clientcontact) h s calc(l + 18))}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-clientcontact)}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-opportunity) h s calc(l + 18))}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-opportunity)}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-job) h s calc(l + 18))}:host.job[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job)}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-joborder) h s calc(l + 18))}:host.joborder[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-joborder)}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-submission) h s calc(l + 18))}:host.submission[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-submission)}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sendout) h s calc(l + 18))}:host.sendout[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sendout)}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-placement) h s calc(l + 18))}:host.placement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-placement)}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-note) h s calc(l + 18))}:host.note[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-note)}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contract) h s calc(l + 18))}:host.contract[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contract)}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-task) h s calc(l + 18))}:host.task[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-task)}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-jobCode) h s calc(l + 18))}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job-code)}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-earnCode) h s calc(l + 18))}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-earn-code)}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-invoiceStatement) h s calc(l + 18))}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-invoice-statement)}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-billableCharge) h s calc(l + 18))}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-billable-charge)}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-payableCharge) h s calc(l + 18))}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-payable-charge)}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-user) h s calc(l + 18))}:host.user[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-user)}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-corporateUser) h s calc(l + 18))}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-corporate-user)}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-distributionList) h s calc(l + 18))}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-distribution-list)}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-credential) h s calc(l + 18))}:host.credential[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-credential)}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-person) h s calc(l + 18))}:host.person[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-person)}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l - 5))}:host.light[aria-checked=true] .novo-switch-thumb{background-color:hsl(from var(--color-light) h s calc(l - 3))}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 10))}:host:focus .novo-switch-label:not(:empty){border:1px dotted var(--color-border)}:host-context([data-theme=bh2026]) .novo-switch-bar{background-color:var(--toggle-color-background, #ffffff);border:1px solid var(--toggle-color-border, var(--color-border-default, #f0f5f9))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }] }); }
 }
 __decorate([
     BooleanInput(),
@@ -109,7 +109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         '[attr.aria-disabled]': 'disabled',
                         '(keydown)': 'onKeydown($event)',
                         '[class]': 'theme',
-                    }, standalone: false, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:8px;position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:0 1px 2px #00000026;color:#3d464d}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:#2e2e2e}:host.black[aria-checked=true] .novo-switch-thumb{color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.gray[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.grey[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.bright[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.light[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:#7a7f92}:host.neutral[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#667580}:host.dark[aria-checked=true] .novo-switch-thumb{color:#fff}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.orange[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.navigation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:#3cc3ff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:#fff}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.steel[aria-checked=true] .novo-switch-thumb{color:#fff}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:#98a7ba}:host.metal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.silver[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.stone[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:#cecece}:host.ash[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:#9e9e9e}:host.slate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:#8097ae}:host.onyx[aria-checked=true] .novo-switch-thumb{color:#fff}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:#565656}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:#3b516a}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.midnight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:#374e62}:host.darkness[aria-checked=true] .novo-switch-thumb{color:#fff}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:#1c618f}:host.navy[aria-checked=true] .novo-switch-thumb{color:#fff}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.aqua[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.ocean[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:#77d7c0}:host.mint[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.grass[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:#f4ab98}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:#fff}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:#fff}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:#ebb8d6}:host.carnation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:#cfc3ef}:host.lavender[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:#c4b4d6}:host.mountain[aria-checked=true] .novo-switch-thumb{color:#fff}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.info[aria-checked=true] .novo-switch-thumb{color:#fff}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.positive[aria-checked=true] .novo-switch-thumb{color:#fff}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.success[aria-checked=true] .novo-switch-thumb{color:#fff}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.negative[aria-checked=true] .novo-switch-thumb{color:#fff}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.danger[aria-checked=true] .novo-switch-thumb{color:#fff}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.error[aria-checked=true] .novo-switch-thumb{color:#fff}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.warning[aria-checked=true] .novo-switch-thumb{color:#fff}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:#fafafa}:host.empty[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.disabled[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.background[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.presentation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.pulse[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:#82c0ea}:host.company[aria-checked=true] .novo-switch-thumb{color:#fff}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:#87d3a8}:host.candidate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:#cba1c0}:host.lead[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.contact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:#ab398e}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:#fff}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.job[aria-checked=true] .novo-switch-thumb{color:#fff}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.joborder[aria-checked=true] .novo-switch-thumb{color:#fff}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:#dcdee4}:host.submission[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.sendout[aria-checked=true] .novo-switch-thumb{color:#fff}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:#1669a0}:host.placement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.note[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:#7b82c6}:host.contract[aria-checked=true] .novo-switch-thumb{color:#fff}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:#7a7f92}:host.task[aria-checked=true] .novo-switch-thumb{color:#fff}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.user[aria-checked=true] .novo-switch-thumb{color:#fff}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:#fff}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:#fff}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.credential[aria-checked=true] .novo-switch-thumb{color:#fff}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.person[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#32393f}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#d3d3d3}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:#f5f5f5}:host:focus .novo-switch-label:not(:empty){border:1px dotted #dbdbdb}\n"] }]
+                    }, standalone: false, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:var(--border-radius-lg, 8px);position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:var(--shadow-1);color:var(--color-contrast-light)}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.border-default[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border-default[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border-default) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-black) h s calc(l + 18))}:host.black[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-black)}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-white) h s calc(l + 18))}:host.white[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-white)}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-gray) h s calc(l + 18))}:host.gray[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-gray)}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grey) h s calc(l + 18))}:host.grey[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grey)}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-offWhite) h s calc(l + 18))}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-off-white)}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bright) h s calc(l + 18))}:host.bright[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bright)}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 18))}:host.light[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-light)}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-neutral) h s calc(l + 18))}:host.neutral[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-neutral)}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l + 18))}:host.dark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-dark)}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-orange) h s calc(l + 18))}:host.orange[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-orange)}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navigation) h s calc(l + 18))}:host.navigation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navigation)}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-skyBlue) h s calc(l + 18))}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sky-blue)}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-steel) h s calc(l + 18))}:host.steel[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-steel)}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-metal) h s calc(l + 18))}:host.metal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-metal)}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sand) h s calc(l + 18))}:host.sand[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sand)}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-silver) h s calc(l + 18))}:host.silver[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-silver)}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-stone) h s calc(l + 18))}:host.stone[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-stone)}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ash) h s calc(l + 18))}:host.ash[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ash)}:host.anonymous[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.anonymous[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-anonymous) h s calc(l + 18))}:host.anonymous[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-anonymous)}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-slate) h s calc(l + 18))}:host.slate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-slate)}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-onyx) h s calc(l + 18))}:host.onyx[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-onyx)}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-charcoal) h s calc(l + 18))}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-charcoal)}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-moonlight) h s calc(l + 18))}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-moonlight)}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-midnight) h s calc(l + 18))}:host.midnight[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-midnight)}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-darkness) h s calc(l + 18))}:host.darkness[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-darkness)}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-navy) h s calc(l + 18))}:host.navy[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-navy)}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-aqua) h s calc(l + 18))}:host.aqua[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-aqua)}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-ocean) h s calc(l + 18))}:host.ocean[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-ocean)}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mint) h s calc(l + 18))}:host.mint[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mint)}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grass) h s calc(l + 18))}:host.grass[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grass)}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sunflower) h s calc(l + 18))}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sunflower)}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bittersweet) h s calc(l + 18))}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bittersweet)}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-grapefruit) h s calc(l + 18))}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-grapefruit)}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-carnation) h s calc(l + 18))}:host.carnation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-carnation)}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lavender) h s calc(l + 18))}:host.lavender[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lavender)}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-mountain) h s calc(l + 18))}:host.mountain[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-mountain)}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-info) h s calc(l + 18))}:host.info[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-info)}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-positive) h s calc(l + 18))}:host.positive[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-positive)}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-success) h s calc(l + 18))}:host.success[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-success)}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-negative) h s calc(l + 18))}:host.negative[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-negative)}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-danger) h s calc(l + 18))}:host.danger[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-danger)}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-error) h s calc(l + 18))}:host.error[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-error)}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-warning) h s calc(l + 18))}:host.warning[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-warning)}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-empty) h s calc(l + 18))}:host.empty[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-empty)}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-disabled) h s calc(l + 18))}:host.disabled[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-disabled)}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-background) h s calc(l + 18))}:host.background[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background)}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-backgroundDark) h s calc(l + 18))}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-background-dark)}:host.border[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.border[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border) h s calc(l + 18))}:host.border[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border)}:host.border2[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.border2[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-border2) h s calc(l + 18))}:host.border2[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-border2)}:host.text[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.text[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-text) h s calc(l + 18))}:host.text[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-text)}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-presentation) h s calc(l + 18))}:host.presentation[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-presentation)}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-bullhorn) h s calc(l + 18))}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-bullhorn)}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-pulse) h s calc(l + 18))}:host.pulse[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-pulse)}:host.fastFind[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.fastFind[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-fastFind) h s calc(l + 18))}:host.fastFind[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-fast-find)}:host.toast[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.toast[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-toast) h s calc(l + 18))}:host.toast[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-toast)}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-company) h s calc(l + 18))}:host.company[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-company)}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-candidate) h s calc(l + 18))}:host.candidate[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-candidate)}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-lead) h s calc(l + 18))}:host.lead[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-lead)}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contact) h s calc(l + 18))}:host.contact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contact)}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-clientcontact) h s calc(l + 18))}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-clientcontact)}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-opportunity) h s calc(l + 18))}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-opportunity)}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-job) h s calc(l + 18))}:host.job[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job)}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-joborder) h s calc(l + 18))}:host.joborder[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-joborder)}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-submission) h s calc(l + 18))}:host.submission[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-submission)}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-sendout) h s calc(l + 18))}:host.sendout[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-sendout)}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-placement) h s calc(l + 18))}:host.placement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-placement)}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-note) h s calc(l + 18))}:host.note[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-note)}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-contract) h s calc(l + 18))}:host.contract[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-contract)}:host.task[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.task[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-task) h s calc(l + 18))}:host.task[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-task)}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-jobCode) h s calc(l + 18))}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-job-code)}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-earnCode) h s calc(l + 18))}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-earn-code)}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-invoiceStatement) h s calc(l + 18))}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-invoice-statement)}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-billableCharge) h s calc(l + 18))}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-billable-charge)}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-payableCharge) h s calc(l + 18))}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-payable-charge)}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-user) h s calc(l + 18))}:host.user[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-user)}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-corporateUser) h s calc(l + 18))}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-corporate-user)}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-distributionList) h s calc(l + 18))}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-distribution-list)}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-credential) h s calc(l + 18))}:host.credential[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-credential)}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-person) h s calc(l + 18))}:host.person[aria-checked=true] .novo-switch-thumb{color:var(--color-contrast-person)}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:hsl(from var(--color-dark) h s calc(l - 5))}:host.light[aria-checked=true] .novo-switch-thumb{background-color:hsl(from var(--color-light) h s calc(l - 3))}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:hsl(from var(--color-light) h s calc(l + 10))}:host:focus .novo-switch-label:not(:empty){border:1px dotted var(--color-border)}:host-context([data-theme=bh2026]) .novo-switch-bar{background-color:var(--toggle-color-background, #ffffff);border:1px solid var(--toggle-color-border, var(--color-border-default, #f0f5f9))}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { theme: [{
                 type: Input
             }], icons: [{

package/fesm2022/novo-elements-elements-switch.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"novo-elements-elements-switch.mjs","sources":["../../../projects/novo-elements/src/elements/switch/Switch.ts","../../../projects/novo-elements/src/elements/switch/Switch.module.ts","../../../projects/novo-elements/src/elements/switch/novo-elements-elements-switch.ts"],"sourcesContent":["// NG2\nimport { ChangeDetectorRef, Component, EventEmitter, forwardRef, HostBinding, Input, Output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BooleanInput, Key } from 'novo-elements/utils';\n\n// Value accessor for the component (supports ngModel)\nconst SWITCH_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NovoSwitchElement),\n multi: true,\n};\n\n@Component({\n selector: 'novo-switch',\n providers: [SWITCH_VALUE_ACCESSOR],\n template: `\n <div (click)=\"toggle($event)\">\n <div class=\"novo-switch-container\">\n <div class=\"novo-switch-bar\"></div>\n <div class=\"novo-switch-thumb-container\">\n <div class=\"novo-switch-thumb\">\n <novo-icon ngIf=\"!value\" smaller>{{ icons[0] }}</novo-icon>\n <novo-icon ngIf=\"value\" smaller>{{ icons[1] }}</novo-icon>\n </div>\n </div>\n </div>\n <div class=\"novo-switch-label\"><ng-content></ng-content></div>\n </div>\n `,\n styleUrls: ['./Switch.scss'],\n host: {\n role: 'checkbox',\n class: 'novo-switch',\n '[attr.aria-checked]': 'value',\n '[attr.aria-disabled]': 'disabled',\n '(keydown)': 'onKeydown($event)',\n '[class]': 'theme',\n },\n standalone: false,\n})\nexport class NovoSwitchElement implements ControlValueAccessor {\n @Input()\n theme: string = 'ocean';\n\n @Input()\n icons: [string, string] = ['x', 'check'];\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-switch-disabled')\n disabled: boolean = false;\n\n @Output()\n onChange: EventEmitter<any> = new EventEmitter();\n\n private _value: boolean;\n public get value(): boolean {\n return this._value;\n }\n public set value(value: boolean) {\n this._value = value;\n }\n onModelChange: Function = () => {};\n onModelTouched: Function = () => {};\n\n constructor(private ref: ChangeDetectorRef) {}\n\n onKeydown(event: KeyboardEvent) {\n if (event.key === Key.Space) {\n event.preventDefault();\n this.toggle(event);\n }\n }\n\n toggle(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (this.disabled) {\n return;\n }\n\n this.value = !this.value;\n this.onChange.next(this.value);\n this.onModelChange(this.value);\n this.ref.markForCheck();\n }\n\n writeValue(model: boolean): void {\n this.value = model;\n this.ref.markForCheck();\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoSwitchElement } from './Switch';\n\n@NgModule({\n imports: [CommonModule, FormsModule, NovoIconModule],\n declarations: [NovoSwitchElement],\n exports: [NovoSwitchElement],\n})\nexport class NovoSwitchModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKA;AACA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,IAAA,KAAK,EAAE,IAAI;CACZ;MA8BY,iBAAiB,CAAA;AAgB5B,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM;IACpB;IACA,IAAW,KAAK,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;IACrB;AAIA,IAAA,WAAA,CAAoB,GAAsB,EAAA;QAAtB,IAAA,CAAA,GAAG,GAAH,GAAG;QAvBvB,IAAA,CAAA,KAAK,GAAW,OAAO;AAGvB,QAAA,IAAA,CAAA,KAAK,GAAqB,CAAC,GAAG,EAAE,OAAO,CAAC;QAKxC,IAAA,CAAA,QAAQ,GAAY,KAAK;AAGzB,QAAA,IAAA,CAAA,QAAQ,GAAsB,IAAI,YAAY,EAAE;AAShD,QAAA,IAAA,CAAA,aAAa,GAAa,MAAK,EAAE,CAAC;AAClC,QAAA,IAAA,CAAA,cAAc,GAAa,MAAK,EAAE,CAAC;IAEU;AAE7C,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,KAAK,CAAC,GAAG,KAAA,GAAA,kBAAgB;YAC3B,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACpB;IACF;AAEA,IAAA,MAAM,CAAC,KAAK,EAAA;QACV,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,eAAe,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;QACxB;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB;QACF;AAEA,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK;QACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA,IAAA,gBAAgB,CAAC,EAAY,EAAA;AAC3B,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;IACzB;AAEA,IAAA,iBAAiB,CAAC,EAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;IAC1B;+GA7DW,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,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,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,SAAA,EA1Bf,CAAC,qBAAqB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EACxB;;;;;;;;;;;;;AAaX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~26iBAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,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,CAAA,EAAA,CAAA,CAAA;;AAsBD,UAAA,CAAA;AAFC,IAAA,YAAY,EAAE;;AAEW,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FAVf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA5B7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,SAAA,EACZ,CAAC,qBAAqB,CAAC,EAAA,QAAA,EACxB;;;;;;;;;;;;;GAaX,EAAA,IAAA,EAEO;AACF,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,qBAAqB,EAAE,OAAO;AAC9B,wBAAA,sBAAsB,EAAE,UAAU;AAClC,wBAAA,WAAW,EAAE,mBAAmB;AAChC,wBAAA,SAAS,EAAE,OAAO;AACrB,qBAAA,EAAA,UAAA,EACW,KAAK,EAAA,MAAA,EAAA,CAAA,~~26iBAAA~~,CAAA,EAAA;;sBAGlB;;sBAGA;;sBAGA;;sBAEA,WAAW;uBAAC,4BAA4B;;sBAGxC;;;MCzCU,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAhB,gBAAgB,EAAA,YAAA,EAAA,CAHZ,iBAAiB,CAAA,EAAA,OAAA,EAAA,CADtB,YAAY,EAAE,WAAW,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAEzC,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,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,gBAAgB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,WAAW,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA;;4FAIxC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,CAAC;oBACpD,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA;;;ACVD;;AAEG;;;;"}
1	+ {"version":3,"file":"novo-elements-elements-switch.mjs","sources":["../../../projects/novo-elements/src/elements/switch/Switch.ts","../../../projects/novo-elements/src/elements/switch/Switch.module.ts","../../../projects/novo-elements/src/elements/switch/novo-elements-elements-switch.ts"],"sourcesContent":["// NG2\nimport { ChangeDetectorRef, Component, EventEmitter, forwardRef, HostBinding, Input, Output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BooleanInput, Key } from 'novo-elements/utils';\n\n// Value accessor for the component (supports ngModel)\nconst SWITCH_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NovoSwitchElement),\n multi: true,\n};\n\n@Component({\n selector: 'novo-switch',\n providers: [SWITCH_VALUE_ACCESSOR],\n template: `\n <div (click)=\"toggle($event)\">\n <div class=\"novo-switch-container\">\n <div class=\"novo-switch-bar\"></div>\n <div class=\"novo-switch-thumb-container\">\n <div class=\"novo-switch-thumb\">\n <novo-icon ngIf=\"!value\" smaller>{{ icons[0] }}</novo-icon>\n <novo-icon ngIf=\"value\" smaller>{{ icons[1] }}</novo-icon>\n </div>\n </div>\n </div>\n <div class=\"novo-switch-label\"><ng-content></ng-content></div>\n </div>\n `,\n styleUrls: ['./Switch.scss'],\n host: {\n role: 'checkbox',\n class: 'novo-switch',\n '[attr.aria-checked]': 'value',\n '[attr.aria-disabled]': 'disabled',\n '(keydown)': 'onKeydown($event)',\n '[class]': 'theme',\n },\n standalone: false,\n})\nexport class NovoSwitchElement implements ControlValueAccessor {\n @Input()\n theme: string = 'ocean';\n\n @Input()\n icons: [string, string] = ['x', 'check'];\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-switch-disabled')\n disabled: boolean = false;\n\n @Output()\n onChange: EventEmitter<any> = new EventEmitter();\n\n private _value: boolean;\n public get value(): boolean {\n return this._value;\n }\n public set value(value: boolean) {\n this._value = value;\n }\n onModelChange: Function = () => {};\n onModelTouched: Function = () => {};\n\n constructor(private ref: ChangeDetectorRef) {}\n\n onKeydown(event: KeyboardEvent) {\n if (event.key === Key.Space) {\n event.preventDefault();\n this.toggle(event);\n }\n }\n\n toggle(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (this.disabled) {\n return;\n }\n\n this.value = !this.value;\n this.onChange.next(this.value);\n this.onModelChange(this.value);\n this.ref.markForCheck();\n }\n\n writeValue(model: boolean): void {\n this.value = model;\n this.ref.markForCheck();\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoSwitchElement } from './Switch';\n\n@NgModule({\n imports: [CommonModule, FormsModule, NovoIconModule],\n declarations: [NovoSwitchElement],\n exports: [NovoSwitchElement],\n})\nexport class NovoSwitchModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKA;AACA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,IAAA,KAAK,EAAE,IAAI;CACZ;MA8BY,iBAAiB,CAAA;AAgB5B,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM;IACpB;IACA,IAAW,KAAK,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;IACrB;AAIA,IAAA,WAAA,CAAoB,GAAsB,EAAA;QAAtB,IAAA,CAAA,GAAG,GAAH,GAAG;QAvBvB,IAAA,CAAA,KAAK,GAAW,OAAO;AAGvB,QAAA,IAAA,CAAA,KAAK,GAAqB,CAAC,GAAG,EAAE,OAAO,CAAC;QAKxC,IAAA,CAAA,QAAQ,GAAY,KAAK;AAGzB,QAAA,IAAA,CAAA,QAAQ,GAAsB,IAAI,YAAY,EAAE;AAShD,QAAA,IAAA,CAAA,aAAa,GAAa,MAAK,EAAE,CAAC;AAClC,QAAA,IAAA,CAAA,cAAc,GAAa,MAAK,EAAE,CAAC;IAEU;AAE7C,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,KAAK,CAAC,GAAG,KAAA,GAAA,kBAAgB;YAC3B,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACpB;IACF;AAEA,IAAA,MAAM,CAAC,KAAK,EAAA;QACV,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,eAAe,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;QACxB;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB;QACF;AAEA,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK;QACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA,IAAA,gBAAgB,CAAC,EAAY,EAAA;AAC3B,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;IACzB;AAEA,IAAA,iBAAiB,CAAC,EAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;IAC1B;+GA7DW,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,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,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,SAAA,EA1Bf,CAAC,qBAAqB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EACxB;;;;;;;;;;;;;AAaX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4wwBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,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,CAAA,EAAA,CAAA,CAAA;;AAsBD,UAAA,CAAA;AAFC,IAAA,YAAY,EAAE;;AAEW,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FAVf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA5B7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,SAAA,EACZ,CAAC,qBAAqB,CAAC,EAAA,QAAA,EACxB;;;;;;;;;;;;;GAaX,EAAA,IAAA,EAEO;AACF,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,qBAAqB,EAAE,OAAO;AAC9B,wBAAA,sBAAsB,EAAE,UAAU;AAClC,wBAAA,WAAW,EAAE,mBAAmB;AAChC,wBAAA,SAAS,EAAE,OAAO;AACrB,qBAAA,EAAA,UAAA,EACW,KAAK,EAAA,MAAA,EAAA,CAAA,4wwBAAA,CAAA,EAAA;;sBAGlB;;sBAGA;;sBAGA;;sBAEA,WAAW;uBAAC,4BAA4B;;sBAGxC;;;MCzCU,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAhB,gBAAgB,EAAA,YAAA,EAAA,CAHZ,iBAAiB,CAAA,EAAA,OAAA,EAAA,CADtB,YAAY,EAAE,WAAW,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAEzC,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,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,gBAAgB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,WAAW,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA;;4FAIxC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,CAAC;oBACpD,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA;;;ACVD;;AAEG;;;;"}

package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs CHANGED Viewed

@@ -1,21 +1,25 @@
 import * as i3 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { input, EventEmitter, signal, computed, Output, Input, ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 import * as i1 from 'novo-elements/services';
 import { NovoLabelService } from 'novo-elements/services';
-import { binarySearch, Helpers, BooleanInput } from 'novo-elements/utils';
-import * as i7 from 'novo-elements/elements/common';
-import { NOVO_OPTION_PARENT_COMPONENT, NovoOptionModule } from 'novo-elements/elements/common';
-import * as i6 from 'novo-elements/elements/dropdown';
+import { Helpers, binarySearch, BooleanInput } from 'novo-elements/utils';
+import * as i5 from 'novo-elements/elements/common';
+import { NOVO_OPTION_PARENT_COMPONENT, NovoCommonModule, NovoOptionModule } from 'novo-elements/elements/common';
+import * as i9 from 'novo-elements/elements/dropdown';
 import { NovoDropdownModule } from 'novo-elements/elements/dropdown';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from 'novo-elements/elements/tabs';
+import * as i4 from 'novo-elements/elements/chips';
+import { NovoChipsModule } from 'novo-elements/elements/chips';
+import * as i6 from 'novo-elements/elements/icon';
+import { NovoIconModule } from 'novo-elements/elements/icon';
+import * as i7 from 'novo-elements/elements/tabs';
 import { NovoTabModule } from 'novo-elements/elements/tabs';
-import * as i5 from 'novo-elements/elements/button';
+import * as i8 from 'novo-elements/elements/button';
 import { NovoButtonModule } from 'novo-elements/elements/button';
 import { FormsModule } from '@angular/forms';
 import { NovoCheckboxModule } from 'novo-elements/elements/checkbox';
@@ -37,12 +41,16 @@ class NovoTabbedGroupPickerElement {
         this.ref = ref;
         this.multiple = true;
         this.showFooter = false;
+        this.useChips = input(false, ...(ngDevMode ? [{ debugName: "useChips" }] : []));
+        this.maxChips = input(3, ...(ngDevMode ? [{ debugName: "maxChips" }] : []));
+        this.chipSize = input('md', ...(ngDevMode ? [{ debugName: "chipSize" }] : []));
         // In activation mode, no checkboxes are displayed, and only the selectionActivated event occurs.
         this.selectionEnabled = true;
         this.activation = new EventEmitter();
         this.selectionChange = new EventEmitter();
         this.applyChange = new EventEmitter();
         this.cancelChange = new EventEmitter();
+        this.tabSelect = new EventEmitter();
         this.displayTabIndex = 0;
         this.filterText = new BehaviorSubject('');
         this.loading = true;
@@ -50,6 +58,11 @@ class NovoTabbedGroupPickerElement {
         // Initial height based on 13 px font rendered in chrome. Actual height retrieved onDropdownToggled.
         this.scrollViewportHeight = 351;
         this.virtualScrollItemSize = 39;
+        this.selectedChips = signal([], ...(ngDevMode ? [{ debugName: "selectedChips" }] : []));
+        this.showAllChips = signal(false, ...(ngDevMode ? [{ debugName: "showAllChips" }] : []));
+        this.displayedChips = computed(() => this.showAllChips() ? this.selectedChips() : this.selectedChips().slice(0, this.maxChips()), ...(ngDevMode ? [{ debugName: "displayedChips" }] : []));
+        this.hiddenChips = computed(() => this.showAllChips() ? [] : this.selectedChips().slice(this.maxChips()), ...(ngDevMode ? [{ debugName: "hiddenChips" }] : []));
+        this.chipsInputPlaceholder = computed(() => this.displayedChips().length ? '' : this.buttonConfig.label, ...(ngDevMode ? [{ debugName: "chipsInputPlaceholder" }] : []));
         this.getSelectedState = (childArray) => {
             if (!Array.isArray(childArray)) {
                 return undefined;
@@ -90,6 +103,10 @@ class NovoTabbedGroupPickerElement {
             this.filterTextSubscription.unsubscribe();
         }
     }
+    showAllChipsToggle(event) {
+        this.showAllChips.update((show) => !show);
+        Helpers.swallowEvent(event);
+    }
     loadValues() {
         this.setupDisplayData();
         this.createChildrenReferences();
@@ -98,6 +115,7 @@ class NovoTabbedGroupPickerElement {
         this.updateClearAll();
     }
     changeTab(tab) {
+        this.tabSelect.emit({ newTab: tab, oldTab: { ...this.displayTab } });
         this.displayTab = tab;
         if (this.scrollableInstance) {
             this.scrollableInstance.scrollTo({ behavior: 'auto', top: 0 });
@@ -107,6 +125,16 @@ class NovoTabbedGroupPickerElement {
         return Number(getComputedStyle(element, '').height.match(/(\d+(\.\d+)?)px$/)[1]);
     }
     setupDisplayData() {
+        if (this.useChips()) {
+            this.tabs.forEach((tab) => {
+                tab.data.forEach((item) => {
+                    item.icon = tab.icon;
+                    if (item.selected) {
+                        this.selectedChips.set([...this.selectedChips(), item]);
+                    }
+                });
+            });
+        }
         // shallow copy here so that reassigning displayTabs[i].data doesn't mutate tabs[i].data
         // but both data values point to the same items
         this.displayTabs = this.tabs.map((tab) => ({ ...tab }));
@@ -201,8 +229,25 @@ class NovoTabbedGroupPickerElement {
         this.updateParentsAndQuickSelect();
         this.updateClearAll(item.selected);
         this.emitSelectedValues();
+        this.toggleChip(item);
         this.ref.markForCheck();
     }
+    toggleChip(item) {
+        if (this.useChips()) {
+            let newChips = [];
+            const oldChips = [...this.selectedChips()];
+            if (oldChips.includes(item)) {
+                if (oldChips.length > 1) {
+                    oldChips.splice(oldChips.indexOf(item), 1);
+                    newChips = oldChips;
+                }
+            }
+            else {
+                newChips = [...oldChips, item];
+            }
+            this.selectedChips.set(newChips);
+        }
+    }
     initializeDescendantSelection() {
         this.tabs.forEach((tab) => {
             if ('childTypeName' in tab && tab.data?.length) {
@@ -295,6 +340,7 @@ class NovoTabbedGroupPickerElement {
     }
     revertState() {
         this.tabs = Helpers.deepClone(this.appliedState);
+        this.selectedChips.set([]);
         this.loadValues();
     }
     deselectEverything(event) {
@@ -317,6 +363,7 @@ class NovoTabbedGroupPickerElement {
                 tab.data.forEach((item) => delete item.selected);
             }
         });
+        this.selectedChips.set([]);
         this.emitSelectedValues();
         this.ref.markForCheck();
     }
@@ -328,7 +375,7 @@ class NovoTabbedGroupPickerElement {
         this.filterText.next(event.target.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoTabbedGroupPickerElement, deps: [{ token: i1.NovoLabelService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoTabbedGroupPickerElement, isStandalone: false, selector: "novo-tabbed-group-picker", inputs: { buttonConfig: "buttonConfig", tabs: "tabs", quickSelectConfig: "quickSelectConfig", showFooter: "showFooter", selectionEnabled: "selectionEnabled" }, outputs: { activation: "activation", selectionChange: "selectionChange", applyChange: "applyChange", cancelChange: "cancelChange" }, providers: [{ provide: NOVO_OPTION_PARENT_COMPONENT, useExisting: NovoTabbedGroupPickerElement }], viewQueries: [{ propertyName: "scrollableInstance", first: true, predicate: ["tabbedGroupPickerVirtualScrollViewport"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<novo-dropdown (toggled)=\"onDropdownToggle($event)\" multiple #dropdown>\n  <novo-button\n    class=\"tabbed-group-picker-button\"\n    [theme]=\"buttonConfig.theme\"\n    [side]=\"buttonConfig.side\"\n    [size]=\"buttonConfig.size\"\n    [icon]=\"buttonConfig.icon\"\n    [loading]=\"loading\">\n    <ng-content></ng-content>\n    <div class=\"tabbed-group-picker-button-label\">{{ buttonConfig.label }}</div>\n  </novo-button>\n  <div class=\"tabbed-group-picker-search\" data-automation-id=\"tabbed-group-picker-search\" (keydown)=\"dropdown._handleKeydown($event)\">\n    <input #inputElement type=\"text\" [placeholder]=\"labelService.search\" [value]=\"filterText | async\" (input)=\"onFilter($event)\" />\n    <i class=\"bhi-search\" *ngIf=\"!(filterText | async)\"></i>\n    <i class=\"bhi-times\" *ngIf=\"(filterText | async)\" (click)=\"onClearFilter($event)\" (keydown.space)=\"onClearFilter($event)\"></i>\n  </div>\n  <div class=\"tabbed-group-picker-column-container\" (keydown)=\"dropdown._handleKeydown($event)\">\n    <div class=\"tabbed-group-picker-column left\">\n      <novo-nav theme=\"white\" direction=\"vertical\">\n        <novo-tab *ngFor=\"let tab of displayTabs\" [attr.data-automation-id]=\"tab.typeName\"\n          (activeChange)=\"changeTab(tab)\">\n          <span>{{ tab.typeLabel }} ({{ tab.data.length }})</span><i class=\"bhi-next\"></i>\n        </novo-tab>\n      </novo-nav>\n      <novo-button *ngIf=\"showClearAll && !showFooter\" class=\"clear-all-button\" theme=\"dialogue\" icon=\"times\" side=\"right\"\n        color=\"grapefruit\" (click)=\"deselectEverything($event)\" (keydown.space)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"tabbed-group-picker-column right\">\n      <div class=\"quick-select\" *ngIf=\"quickSelectConfig && !(filterText | async)\">\n        <novo-optgroup class=\"quick-select-list\" [label]=\"quickSelectConfig.label\">\n          <novo-option\n            class=\"quick-select-item\"\n            *ngFor=\"let quickSelect of quickSelectConfig.items\"\n            [attr.data-automation-id]=\"quickSelect.label\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"quickSelect.selected\"\n            (click)=\"activateItem(quickSelect)\"\n            (keydown.space)=\"activateItem(quickSelect)\"\n            novoInert>\n            {{quickSelect.label}}\n          </novo-option>\n        </novo-optgroup>\n      </div>\n      <novo-optgroup *ngIf=\"displayTab.data.length\">\n        <cdk-virtual-scroll-viewport\n          [itemSize]=\"virtualScrollItemSize\"\n          [maxBufferPx]=\"maxBufferPx\"\n          [minBufferPx]=\"minBufferPx\"\n          #tabbedGroupPickerVirtualScrollViewport>\n          <novo-option\n            *cdkVirtualFor=\"let item of displayTab.data\"\n            [attr.data-automation-id]=\"item[displayTab.labelField]\"\n            [attr.data-automation-value]=\"item[displayTab.valueField]\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"item.selected\"\n            (click)=\"activateItem(item, displayTab)\"\n            (keydown.space)=\"activateItem(item, displayTab)\"\n            novoInert>\n            {{item[displayTab.labelField]}}\n          </novo-option>\n        </cdk-virtual-scroll-viewport>\n      </novo-optgroup>\n      <div class=\"tabbed-group-picker-empty-item\" *ngIf=\"!displayTab.data.length && (filterText | async)\">\n        <i class=\"{{ displayTab.icon || 'bhi-search' }}\"></i>\n        <div class=\"empty-item-main-message\">{{ labelService.tabbedGroupPickerEmpty }}</div>\n        <div class=\"empty-item-sub-message\">{{ labelService.tabbedGroupClearSuggestion(displayTab.typeLabel) }}\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\" *ngIf=\"showFooter\">\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"clear-all-button\"\n        *ngIf=\"showClearAll\"\n        theme=\"dialogue\"\n        icon=\"times\"\n        side=\"right\"\n        color=\"grapefruit\"\n        (click)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"cancel-button\"\n        marginRight=\"1rem\"\n        theme=\"dialogue\"\n        (click)=\"cancel()\">{{ labelService.cancel }}</novo-button>\n      <novo-button\n        class=\"save-button\"\n        theme=\"primary\"\n        color=\"primary\"\n        (click)=\"apply()\">{{ labelService.apply }}</novo-button>\n    </div>\n  </div>\n</novo-dropdown>", styles: [":host .tabbed-group-picker-button .tabbed-group-picker-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:40px;width:100%}::ng-deep .dropdown-container .tabbed-group-picker-search{width:100%;padding:.5em;border-bottom:.1em solid #ccc;position:relative}::ng-deep .dropdown-container .tabbed-group-picker-search input{background:transparent;border:none;border-radius:0;outline:none;height:2rem;width:95%;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:#3d464d}::ng-deep .dropdown-container .tabbed-group-picker-search input::placeholder{color:var(--form-placeholder)}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-search,::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{position:absolute;bottom:1em;right:.5em;color:#9e9e9e;font-size:1.2rem;margin-right:1em}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{cursor:pointer}::ng-deep .dropdown-container .footer{background:var(--background-main);display:flex;align-items:center;justify-content:space-between;padding:1rem}::ng-deep .dropdown-container .tabbed-group-picker-column-container{display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column{display:flex;flex-direction:column;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left{border-right:1px solid #dbdbdb;justify-content:space-between}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left .clear-all-button{margin-bottom:.5em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav{overflow:auto}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab{min-height:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab>.novo-tab-link{max-width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active .novo-tab-link{font-weight:400}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active:hover .novo-tab-link{font-weight:400;color:#4a89dc}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab:hover .novo-tab-link{font-weight:400;color:#000;opacity:1}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right{display:block;width:23em;overflow:hidden}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select{font-weight:500}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-label{padding:.7em 1.9em 0;background:#f5f5f5;text-transform:uppercase;font-size:.8em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-list .quick-select-item{background:#f5f5f5;padding:.5em .8em;border-bottom:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:27em;overflow-x:hidden}@media(max-height:720px){::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:18em}}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup novo-option:hover.novo-option-inert{background:var(--background-main, rgba(74, 137, 220, .1))}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e9e9e;width:100%;height:27em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item i{padding-bottom:.2em;font-size:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-main-message{font-weight:500;color:#3d464d}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-sub-message{font-size:.9em}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i4.NovoNavElement, selector: "novo-nav", inputs: ["theme", "direction", "outlet", "router", "condensed", "selectedIndex"], outputs: ["selectedIndexChange"] }, { kind: "component", type: i4.NovoTabElement, selector: "novo-tab", inputs: ["active", "color", "disabled"], outputs: ["activeChange"] }, { kind: "component", type: i5.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i6.NovoDropdownElement, selector: "novo-dropdown", inputs: ["parentScrollSelector", "parentScrollAction", "containerClass", "side", "scrollStrategy", "keepOpen", "height", "width", "appendToBody", "multiple", "scrollToActiveItemOnOpen"], outputs: ["toggled"] }, { kind: "component", type: i7.NovoOption, selector: "novo-option", inputs: ["selected", "keepOpen", "novoInert", "value", "disabled"], exportAs: ["novoOption"] }, { kind: "component", type: i7.NovoOptgroup, selector: "novo-optgroup", inputs: ["disabled", "label"], exportAs: ["novoOptgroup"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NovoTabbedGroupPickerElement, isStandalone: false, selector: "novo-tabbed-group-picker", inputs: { buttonConfig: { classPropertyName: "buttonConfig", publicName: "buttonConfig", isSignal: false, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: false, isRequired: false, transformFunction: null }, quickSelectConfig: { classPropertyName: "quickSelectConfig", publicName: "quickSelectConfig", isSignal: false, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: false, isRequired: false, transformFunction: null }, useChips: { classPropertyName: "useChips", publicName: "useChips", isSignal: true, isRequired: false, transformFunction: null }, maxChips: { classPropertyName: "maxChips", publicName: "maxChips", isSignal: true, isRequired: false, transformFunction: null }, chipSize: { classPropertyName: "chipSize", publicName: "chipSize", isSignal: true, isRequired: false, transformFunction: null }, selectionEnabled: { classPropertyName: "selectionEnabled", publicName: "selectionEnabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { activation: "activation", selectionChange: "selectionChange", applyChange: "applyChange", cancelChange: "cancelChange", tabSelect: "tabSelect" }, host: { properties: { "class.use-chips": "useChips()" } }, providers: [{ provide: NOVO_OPTION_PARENT_COMPONENT, useExisting: NovoTabbedGroupPickerElement }], viewQueries: [{ propertyName: "scrollableInstance", first: true, predicate: ["tabbedGroupPickerVirtualScrollViewport"], descendants: true }, { propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<novo-dropdown (toggled)=\"onDropdownToggle($event)\" multiple #dropdown>\n  <novo-button\n    class=\"tabbed-group-picker-button\"\n    [theme]=\"buttonConfig.theme\"\n    [side]=\"buttonConfig.side\"\n    [size]=\"buttonConfig.size\"\n    [icon]=\"buttonConfig.icon\"\n    [loading]=\"loading\">\n    <ng-content></ng-content>\n    <div class=\"tabbed-group-picker-button-label\">{{ buttonConfig.label }}</div>\n  </novo-button>\n  <div class=\"tabbed-group-picker-search\"\n    [class.use-chips]=\"useChips()\"\n    data-automation-id=\"tabbed-group-picker-search\"\n    (keydown)=\"dropdown._handleKeydown($event)\">\n    @if (useChips()) {\n      <novo-chip-list>\n        <novo-chip *ngFor=\"let chip of displayedChips()\" [value]=\"chip\" [size]=\"chipSize()\">\n          <novo-icon *ngIf=\"chip.icon?.entityColor\" class=\"txc-{{ chip.icon.entityColor }}\" novoChipAvatar>circle</novo-icon>\n          <novo-icon *ngIf=\"!chip.icon?.entityColor && chip.icon\">{{ chip.icon }}</novo-icon>\n          <novo-text ellipsis tooltipOnOverflow>{{ chip.label || chip.name || chip.title || chip.value }}</novo-text>\n          <novo-icon novoChipRemove (click)=\"activateItem(chip)\">x</novo-icon>\n        </novo-chip>\n        <div *ngIf=\"selectedChips().length\" class=\"hidden-chips-toggle\" (click)=\"showAllChipsToggle($event)\">\n          <novo-label *ngIf=\"hiddenChips().length && !showAllChips()\" color=\"positive\">+ {{ hiddenChips().length }} {{ labelService.more }} </novo-label>\n          <novo-label *ngIf=\"showAllChips()\" color=\"positive\"><novo-icon>sort-asc</novo-icon> {{ labelService.showLess }}</novo-label>\n        </div>\n        <input #inputElement class=\"chip-list-input\" type=\"text\" [value]=\"filterText | async\" (input)=\"onFilter($event)\" />\n        <i class=\"bhi-search\" *ngIf=\"!(filterText | async) && !showAllChips()\" (click)=\"inputElement.focus()\"></i>\n        <i class=\"bhi-times\" *ngIf=\"(filterText | async)\" (click)=\"onClearFilter($event)\" (keydown.space)=\"onClearFilter($event)\"></i>\n      </novo-chip-list>\n    } @else {\n      <input #inputElement type=\"text\" [placeholder]=\"labelService.search\" [value]=\"filterText | async\" (input)=\"onFilter($event)\" />\n      <i class=\"bhi-search\" *ngIf=\"!(filterText | async)\"></i>\n      <i class=\"bhi-times\" *ngIf=\"(filterText | async)\" (click)=\"onClearFilter($event)\" (keydown.space)=\"onClearFilter($event)\"></i>\n    }\n  </div>\n  <div class=\"tabbed-group-picker-column-container\" (keydown)=\"dropdown._handleKeydown($event)\">\n    <div class=\"tabbed-group-picker-column left\">\n      <novo-nav theme=\"white\" direction=\"vertical\">\n        <novo-tab *ngFor=\"let tab of displayTabs\" [attr.data-automation-id]=\"tab.typeName\"\n          (activeChange)=\"changeTab(tab)\">\n          <span>{{ tab.typeLabel }} ({{ tab.data.length }})</span><i class=\"bhi-next\"></i>\n        </novo-tab>\n      </novo-nav>\n      <novo-button *ngIf=\"showClearAll && !showFooter\" class=\"clear-all-button\" theme=\"dialogue\" icon=\"times\" side=\"right\"\n        color=\"grapefruit\" (click)=\"deselectEverything($event)\" (keydown.space)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"tabbed-group-picker-column right\">\n      <div class=\"quick-select\" *ngIf=\"quickSelectConfig && !(filterText | async)\">\n        <novo-optgroup class=\"quick-select-list\" [label]=\"quickSelectConfig.label\">\n          <novo-option\n            class=\"quick-select-item\"\n            *ngFor=\"let quickSelect of quickSelectConfig.items\"\n            [attr.data-automation-id]=\"quickSelect.label\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"quickSelect.selected\"\n            (click)=\"activateItem(quickSelect)\"\n            (keydown.space)=\"activateItem(quickSelect)\"\n            novoInert>\n            {{quickSelect.label}}\n          </novo-option>\n        </novo-optgroup>\n      </div>\n      <novo-optgroup *ngIf=\"displayTab.data.length\">\n        <cdk-virtual-scroll-viewport\n          [itemSize]=\"virtualScrollItemSize\"\n          [maxBufferPx]=\"maxBufferPx\"\n          [minBufferPx]=\"minBufferPx\"\n          #tabbedGroupPickerVirtualScrollViewport>\n          <novo-option\n            *cdkVirtualFor=\"let item of displayTab.data\"\n            [attr.data-automation-id]=\"item[displayTab.labelField]\"\n            [attr.data-automation-value]=\"item[displayTab.valueField]\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"item.selected\"\n            (click)=\"activateItem(item, displayTab)\"\n            (keydown.space)=\"activateItem(item, displayTab)\"\n            novoInert>\n            {{item[displayTab.labelField]}}\n          </novo-option>\n        </cdk-virtual-scroll-viewport>\n      </novo-optgroup>\n      <div class=\"tabbed-group-picker-empty-item\" *ngIf=\"!displayTab.data.length && (filterText | async)\">\n        <i class=\"{{ displayTab.icon || 'bhi-search' }}\"></i>\n        <div class=\"empty-item-main-message\">{{ labelService.tabbedGroupPickerEmpty }}</div>\n        <div class=\"empty-item-sub-message\">{{ labelService.tabbedGroupClearSuggestion(displayTab.typeLabel) }}\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\" *ngIf=\"showFooter\">\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"clear-all-button\"\n        *ngIf=\"showClearAll\"\n        theme=\"dialogue\"\n        icon=\"times\"\n        side=\"right\"\n        color=\"grapefruit\"\n        (click)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"cancel-button\"\n        marginRight=\"1rem\"\n        theme=\"dialogue\"\n        (click)=\"cancel()\">{{ labelService.cancel }}</novo-button>\n      <novo-button\n        class=\"save-button\"\n        theme=\"primary\"\n        color=\"primary\"\n        (click)=\"apply()\">{{ labelService.apply }}</novo-button>\n    </div>\n  </div>\n</novo-dropdown>", styles: [":host .tabbed-group-picker-button .tabbed-group-picker-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:40px;width:100%}::ng-deep .dropdown-container .tabbed-group-picker-search{width:100%;padding:.5em;border-bottom:.1em solid #ccc;position:relative}::ng-deep .dropdown-container .tabbed-group-picker-search input{background:transparent;border:none;border-radius:0;outline:none;height:2rem;width:95%;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:var(--font-color-base)}::ng-deep .dropdown-container .tabbed-group-picker-search input.chip-list-input{flex:1 0 20px}::ng-deep .dropdown-container .tabbed-group-picker-search input::placeholder{color:var(--form-placeholder)}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-search,::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{position:absolute;bottom:1em;right:.5em;color:#9e9e9e;font-size:var(--font-size-sm);margin-right:1em}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{cursor:pointer}::ng-deep .dropdown-container .tabbed-group-picker-search .hidden-chips-toggle{cursor:pointer}::ng-deep .dropdown-container .tabbed-group-picker-search.use-chips{max-width:500px}::ng-deep .dropdown-container .footer{background:var(--background-main);display:flex;align-items:center;justify-content:space-between;padding:1rem}::ng-deep .dropdown-container .tabbed-group-picker-column-container{display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column{display:flex;flex-direction:column;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left{border-right:1px solid var(--color-border);justify-content:space-between}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left .clear-all-button{margin-bottom:.5em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav{overflow:auto}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab{min-height:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab>.novo-tab-link{max-width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active .novo-tab-link{font-weight:400}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active:hover .novo-tab-link{font-weight:400;color:var(--color-positive)}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab:hover .novo-tab-link{font-weight:400;color:#000;opacity:1}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right{display:block;width:23em;overflow:hidden}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select{font-weight:500}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-label{padding:.7em 1.9em 0;background:hsl(from var(--color-light) h s calc(l + 10));text-transform:uppercase;font-size:.8em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-list .quick-select-item{background:hsl(from var(--color-light) h s calc(l + 10));padding:.5em .8em;border-bottom:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:27em;overflow-x:hidden}@media(max-height:720px){::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:18em}}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup novo-option:hover.novo-option-inert{background:var(--background-main, rgb(from var(--color-ocean) r g b/.1))}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e9e9e;width:100%;height:27em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item i{padding-bottom:.2em;font-size:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-main-message{font-weight:500;color:var(--font-color-base)}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-sub-message{font-size:.9em}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i4.NovoChipElement, selector: "novo-chip, [novo-chip]", inputs: ["color", "tabIndex", "size", "type", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"] }, { kind: "directive", type: i4.NovoChipAvatar, selector: "novo-chip-avatar, [novoChipAvatar]" }, { kind: "directive", type: i4.NovoChipRemove, selector: "[novoChipRemove]" }, { kind: "component", type: i4.NovoChipList, selector: "novo-chip-list", inputs: ["errorStateMatcher", "multiple", "chipsToggleable", "stacked", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["novoChipList"] }, { kind: "component", type: i5.NovoText, selector: "novo-text,[novo-text]", inputs: ["block"] }, { kind: "component", type: i5.NovoLabel, selector: "novo-label,[novo-label]", inputs: ["id"] }, { kind: "directive", type: i5.MarginDirective, selector: "[m],[margin],[marginTop],[marginRight],[marginBottom],[marginLeft],[marginX],[marginY],[mt],[mr],[mb],[ml],[mx],[my]", inputs: ["margin", "m", "marginLeft", "ml", "marginRight", "mr", "marginTop", "mt", "marginBottom", "mb", "marginX", "mx", "marginY", "my"] }, { kind: "directive", type: i5.ThemeColorDirective, selector: "[theme]", inputs: ["theme"] }, { kind: "component", type: i6.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i7.NovoNavElement, selector: "novo-nav", inputs: ["theme", "direction", "outlet", "router", "condensed", "selectedIndex"], outputs: ["selectedIndexChange"] }, { kind: "component", type: i7.NovoTabElement, selector: "novo-tab", inputs: ["active", "color", "disabled"], outputs: ["activeChange"] }, { kind: "component", type: i8.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i9.NovoDropdownElement, selector: "novo-dropdown", inputs: ["parentScrollSelector", "parentScrollAction", "containerClass", "side", "scrollStrategy", "keepOpen", "height", "width", "appendToBody", "multiple", "scrollToActiveItemOnOpen"], outputs: ["toggled"] }, { kind: "component", type: i5.NovoOption, selector: "novo-option", inputs: ["selected", "keepOpen", "novoInert", "value", "disabled"], exportAs: ["novoOption"] }, { kind: "component", type: i5.NovoOptgroup, selector: "novo-optgroup", inputs: ["disabled", "label"], exportAs: ["novoOptgroup"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     BooleanInput(),
@@ -336,7 +383,9 @@ __decorate([
 ], NovoTabbedGroupPickerElement.prototype, "selectionEnabled", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoTabbedGroupPickerElement, decorators: [{
             type: Component,
-            args: [{ selector: 'novo-tabbed-group-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NOVO_OPTION_PARENT_COMPONENT, useExisting: NovoTabbedGroupPickerElement }], standalone: false, template: "<novo-dropdown (toggled)=\"onDropdownToggle($event)\" multiple #dropdown>\n  <novo-button\n    class=\"tabbed-group-picker-button\"\n    [theme]=\"buttonConfig.theme\"\n    [side]=\"buttonConfig.side\"\n    [size]=\"buttonConfig.size\"\n    [icon]=\"buttonConfig.icon\"\n    [loading]=\"loading\">\n    <ng-content></ng-content>\n    <div class=\"tabbed-group-picker-button-label\">{{ buttonConfig.label }}</div>\n  </novo-button>\n  <div class=\"tabbed-group-picker-search\" data-automation-id=\"tabbed-group-picker-search\" (keydown)=\"dropdown._handleKeydown($event)\">\n    <input #inputElement type=\"text\" [placeholder]=\"labelService.search\" [value]=\"filterText | async\" (input)=\"onFilter($event)\" />\n    <i class=\"bhi-search\" *ngIf=\"!(filterText | async)\"></i>\n    <i class=\"bhi-times\" *ngIf=\"(filterText | async)\" (click)=\"onClearFilter($event)\" (keydown.space)=\"onClearFilter($event)\"></i>\n  </div>\n  <div class=\"tabbed-group-picker-column-container\" (keydown)=\"dropdown._handleKeydown($event)\">\n    <div class=\"tabbed-group-picker-column left\">\n      <novo-nav theme=\"white\" direction=\"vertical\">\n        <novo-tab *ngFor=\"let tab of displayTabs\" [attr.data-automation-id]=\"tab.typeName\"\n          (activeChange)=\"changeTab(tab)\">\n          <span>{{ tab.typeLabel }} ({{ tab.data.length }})</span><i class=\"bhi-next\"></i>\n        </novo-tab>\n      </novo-nav>\n      <novo-button *ngIf=\"showClearAll && !showFooter\" class=\"clear-all-button\" theme=\"dialogue\" icon=\"times\" side=\"right\"\n        color=\"grapefruit\" (click)=\"deselectEverything($event)\" (keydown.space)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"tabbed-group-picker-column right\">\n      <div class=\"quick-select\" *ngIf=\"quickSelectConfig && !(filterText | async)\">\n        <novo-optgroup class=\"quick-select-list\" [label]=\"quickSelectConfig.label\">\n          <novo-option\n            class=\"quick-select-item\"\n            *ngFor=\"let quickSelect of quickSelectConfig.items\"\n            [attr.data-automation-id]=\"quickSelect.label\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"quickSelect.selected\"\n            (click)=\"activateItem(quickSelect)\"\n            (keydown.space)=\"activateItem(quickSelect)\"\n            novoInert>\n            {{quickSelect.label}}\n          </novo-option>\n        </novo-optgroup>\n      </div>\n      <novo-optgroup *ngIf=\"displayTab.data.length\">\n        <cdk-virtual-scroll-viewport\n          [itemSize]=\"virtualScrollItemSize\"\n          [maxBufferPx]=\"maxBufferPx\"\n          [minBufferPx]=\"minBufferPx\"\n          #tabbedGroupPickerVirtualScrollViewport>\n          <novo-option\n            *cdkVirtualFor=\"let item of displayTab.data\"\n            [attr.data-automation-id]=\"item[displayTab.labelField]\"\n            [attr.data-automation-value]=\"item[displayTab.valueField]\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"item.selected\"\n            (click)=\"activateItem(item, displayTab)\"\n            (keydown.space)=\"activateItem(item, displayTab)\"\n            novoInert>\n            {{item[displayTab.labelField]}}\n          </novo-option>\n        </cdk-virtual-scroll-viewport>\n      </novo-optgroup>\n      <div class=\"tabbed-group-picker-empty-item\" *ngIf=\"!displayTab.data.length && (filterText | async)\">\n        <i class=\"{{ displayTab.icon || 'bhi-search' }}\"></i>\n        <div class=\"empty-item-main-message\">{{ labelService.tabbedGroupPickerEmpty }}</div>\n        <div class=\"empty-item-sub-message\">{{ labelService.tabbedGroupClearSuggestion(displayTab.typeLabel) }}\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\" *ngIf=\"showFooter\">\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"clear-all-button\"\n        *ngIf=\"showClearAll\"\n        theme=\"dialogue\"\n        icon=\"times\"\n        side=\"right\"\n        color=\"grapefruit\"\n        (click)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"cancel-button\"\n        marginRight=\"1rem\"\n        theme=\"dialogue\"\n        (click)=\"cancel()\">{{ labelService.cancel }}</novo-button>\n      <novo-button\n        class=\"save-button\"\n        theme=\"primary\"\n        color=\"primary\"\n        (click)=\"apply()\">{{ labelService.apply }}</novo-button>\n    </div>\n  </div>\n</novo-dropdown>", styles: [":host .tabbed-group-picker-button .tabbed-group-picker-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:40px;width:100%}::ng-deep .dropdown-container .tabbed-group-picker-search{width:100%;padding:.5em;border-bottom:.1em solid #ccc;position:relative}::ng-deep .dropdown-container .tabbed-group-picker-search input{background:transparent;border:none;border-radius:0;outline:none;height:2rem;width:95%;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:#3d464d}::ng-deep .dropdown-container .tabbed-group-picker-search input::placeholder{color:var(--form-placeholder)}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-search,::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{position:absolute;bottom:1em;right:.5em;color:#9e9e9e;font-size:1.2rem;margin-right:1em}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{cursor:pointer}::ng-deep .dropdown-container .footer{background:var(--background-main);display:flex;align-items:center;justify-content:space-between;padding:1rem}::ng-deep .dropdown-container .tabbed-group-picker-column-container{display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column{display:flex;flex-direction:column;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left{border-right:1px solid #dbdbdb;justify-content:space-between}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left .clear-all-button{margin-bottom:.5em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav{overflow:auto}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab{min-height:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab>.novo-tab-link{max-width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active .novo-tab-link{font-weight:400}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active:hover .novo-tab-link{font-weight:400;color:#4a89dc}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab:hover .novo-tab-link{font-weight:400;color:#000;opacity:1}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right{display:block;width:23em;overflow:hidden}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select{font-weight:500}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-label{padding:.7em 1.9em 0;background:#f5f5f5;text-transform:uppercase;font-size:.8em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-list .quick-select-item{background:#f5f5f5;padding:.5em .8em;border-bottom:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:27em;overflow-x:hidden}@media(max-height:720px){::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:18em}}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup novo-option:hover.novo-option-inert{background:var(--background-main, rgba(74, 137, 220, .1))}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e9e9e;width:100%;height:27em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item i{padding-bottom:.2em;font-size:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-main-message{font-weight:500;color:#3d464d}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-sub-message{font-size:.9em}\n"] }]
+            args: [{ selector: 'novo-tabbed-group-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NOVO_OPTION_PARENT_COMPONENT, useExisting: NovoTabbedGroupPickerElement }], standalone: false, host: {
+                        '[class.use-chips]': 'useChips()',
+                    }, template: "<novo-dropdown (toggled)=\"onDropdownToggle($event)\" multiple #dropdown>\n  <novo-button\n    class=\"tabbed-group-picker-button\"\n    [theme]=\"buttonConfig.theme\"\n    [side]=\"buttonConfig.side\"\n    [size]=\"buttonConfig.size\"\n    [icon]=\"buttonConfig.icon\"\n    [loading]=\"loading\">\n    <ng-content></ng-content>\n    <div class=\"tabbed-group-picker-button-label\">{{ buttonConfig.label }}</div>\n  </novo-button>\n  <div class=\"tabbed-group-picker-search\"\n    [class.use-chips]=\"useChips()\"\n    data-automation-id=\"tabbed-group-picker-search\"\n    (keydown)=\"dropdown._handleKeydown($event)\">\n    @if (useChips()) {\n      <novo-chip-list>\n        <novo-chip *ngFor=\"let chip of displayedChips()\" [value]=\"chip\" [size]=\"chipSize()\">\n          <novo-icon *ngIf=\"chip.icon?.entityColor\" class=\"txc-{{ chip.icon.entityColor }}\" novoChipAvatar>circle</novo-icon>\n          <novo-icon *ngIf=\"!chip.icon?.entityColor && chip.icon\">{{ chip.icon }}</novo-icon>\n          <novo-text ellipsis tooltipOnOverflow>{{ chip.label || chip.name || chip.title || chip.value }}</novo-text>\n          <novo-icon novoChipRemove (click)=\"activateItem(chip)\">x</novo-icon>\n        </novo-chip>\n        <div *ngIf=\"selectedChips().length\" class=\"hidden-chips-toggle\" (click)=\"showAllChipsToggle($event)\">\n          <novo-label *ngIf=\"hiddenChips().length && !showAllChips()\" color=\"positive\">+ {{ hiddenChips().length }} {{ labelService.more }} </novo-label>\n          <novo-label *ngIf=\"showAllChips()\" color=\"positive\"><novo-icon>sort-asc</novo-icon> {{ labelService.showLess }}</novo-label>\n        </div>\n        <input #inputElement class=\"chip-list-input\" type=\"text\" [value]=\"filterText | async\" (input)=\"onFilter($event)\" />\n        <i class=\"bhi-search\" *ngIf=\"!(filterText | async) && !showAllChips()\" (click)=\"inputElement.focus()\"></i>\n        <i class=\"bhi-times\" *ngIf=\"(filterText | async)\" (click)=\"onClearFilter($event)\" (keydown.space)=\"onClearFilter($event)\"></i>\n      </novo-chip-list>\n    } @else {\n      <input #inputElement type=\"text\" [placeholder]=\"labelService.search\" [value]=\"filterText | async\" (input)=\"onFilter($event)\" />\n      <i class=\"bhi-search\" *ngIf=\"!(filterText | async)\"></i>\n      <i class=\"bhi-times\" *ngIf=\"(filterText | async)\" (click)=\"onClearFilter($event)\" (keydown.space)=\"onClearFilter($event)\"></i>\n    }\n  </div>\n  <div class=\"tabbed-group-picker-column-container\" (keydown)=\"dropdown._handleKeydown($event)\">\n    <div class=\"tabbed-group-picker-column left\">\n      <novo-nav theme=\"white\" direction=\"vertical\">\n        <novo-tab *ngFor=\"let tab of displayTabs\" [attr.data-automation-id]=\"tab.typeName\"\n          (activeChange)=\"changeTab(tab)\">\n          <span>{{ tab.typeLabel }} ({{ tab.data.length }})</span><i class=\"bhi-next\"></i>\n        </novo-tab>\n      </novo-nav>\n      <novo-button *ngIf=\"showClearAll && !showFooter\" class=\"clear-all-button\" theme=\"dialogue\" icon=\"times\" side=\"right\"\n        color=\"grapefruit\" (click)=\"deselectEverything($event)\" (keydown.space)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"tabbed-group-picker-column right\">\n      <div class=\"quick-select\" *ngIf=\"quickSelectConfig && !(filterText | async)\">\n        <novo-optgroup class=\"quick-select-list\" [label]=\"quickSelectConfig.label\">\n          <novo-option\n            class=\"quick-select-item\"\n            *ngFor=\"let quickSelect of quickSelectConfig.items\"\n            [attr.data-automation-id]=\"quickSelect.label\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"quickSelect.selected\"\n            (click)=\"activateItem(quickSelect)\"\n            (keydown.space)=\"activateItem(quickSelect)\"\n            novoInert>\n            {{quickSelect.label}}\n          </novo-option>\n        </novo-optgroup>\n      </div>\n      <novo-optgroup *ngIf=\"displayTab.data.length\">\n        <cdk-virtual-scroll-viewport\n          [itemSize]=\"virtualScrollItemSize\"\n          [maxBufferPx]=\"maxBufferPx\"\n          [minBufferPx]=\"minBufferPx\"\n          #tabbedGroupPickerVirtualScrollViewport>\n          <novo-option\n            *cdkVirtualFor=\"let item of displayTab.data\"\n            [attr.data-automation-id]=\"item[displayTab.labelField]\"\n            [attr.data-automation-value]=\"item[displayTab.valueField]\"\n            [allowSelection]=\"selectionEnabled\"\n            [selected]=\"item.selected\"\n            (click)=\"activateItem(item, displayTab)\"\n            (keydown.space)=\"activateItem(item, displayTab)\"\n            novoInert>\n            {{item[displayTab.labelField]}}\n          </novo-option>\n        </cdk-virtual-scroll-viewport>\n      </novo-optgroup>\n      <div class=\"tabbed-group-picker-empty-item\" *ngIf=\"!displayTab.data.length && (filterText | async)\">\n        <i class=\"{{ displayTab.icon || 'bhi-search' }}\"></i>\n        <div class=\"empty-item-main-message\">{{ labelService.tabbedGroupPickerEmpty }}</div>\n        <div class=\"empty-item-sub-message\">{{ labelService.tabbedGroupClearSuggestion(displayTab.typeLabel) }}\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\" *ngIf=\"showFooter\">\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"clear-all-button\"\n        *ngIf=\"showClearAll\"\n        theme=\"dialogue\"\n        icon=\"times\"\n        side=\"right\"\n        color=\"grapefruit\"\n        (click)=\"deselectEverything($event)\">{{ labelService.clear }}</novo-button>\n    </div>\n    <div class=\"save-cancel-button-container\">\n      <novo-button\n        class=\"cancel-button\"\n        marginRight=\"1rem\"\n        theme=\"dialogue\"\n        (click)=\"cancel()\">{{ labelService.cancel }}</novo-button>\n      <novo-button\n        class=\"save-button\"\n        theme=\"primary\"\n        color=\"primary\"\n        (click)=\"apply()\">{{ labelService.apply }}</novo-button>\n    </div>\n  </div>\n</novo-dropdown>", styles: [":host .tabbed-group-picker-button .tabbed-group-picker-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:40px;width:100%}::ng-deep .dropdown-container .tabbed-group-picker-search{width:100%;padding:.5em;border-bottom:.1em solid #ccc;position:relative}::ng-deep .dropdown-container .tabbed-group-picker-search input{background:transparent;border:none;border-radius:0;outline:none;height:2rem;width:95%;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;color:var(--font-color-base)}::ng-deep .dropdown-container .tabbed-group-picker-search input.chip-list-input{flex:1 0 20px}::ng-deep .dropdown-container .tabbed-group-picker-search input::placeholder{color:var(--form-placeholder)}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-search,::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{position:absolute;bottom:1em;right:.5em;color:#9e9e9e;font-size:var(--font-size-sm);margin-right:1em}::ng-deep .dropdown-container .tabbed-group-picker-search i.bhi-times{cursor:pointer}::ng-deep .dropdown-container .tabbed-group-picker-search .hidden-chips-toggle{cursor:pointer}::ng-deep .dropdown-container .tabbed-group-picker-search.use-chips{max-width:500px}::ng-deep .dropdown-container .footer{background:var(--background-main);display:flex;align-items:center;justify-content:space-between;padding:1rem}::ng-deep .dropdown-container .tabbed-group-picker-column-container{display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column{display:flex;flex-direction:column;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left{border-right:1px solid var(--color-border);justify-content:space-between}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left .clear-all-button{margin-bottom:.5em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav{overflow:auto}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab{min-height:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab>.novo-tab-link{max-width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active .novo-tab-link{font-weight:400}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab.active:hover .novo-tab-link{font-weight:400;color:var(--color-positive)}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.left novo-nav>novo-tab:hover .novo-tab-link{font-weight:400;color:#000;opacity:1}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right{display:block;width:23em;overflow:hidden}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select{font-weight:500}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-label{padding:.7em 1.9em 0;background:hsl(from var(--color-light) h s calc(l + 10));text-transform:uppercase;font-size:.8em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .quick-select .quick-select-list .quick-select-item{background:hsl(from var(--color-light) h s calc(l + 10));padding:.5em .8em;border-bottom:none}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:27em;overflow-x:hidden}@media(max-height:720px){::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup cdk-virtual-scroll-viewport{height:18em}}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right novo-optgroup novo-option:hover.novo-option-inert{background:var(--background-main, rgb(from var(--color-ocean) r g b/.1))}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e9e9e;width:100%;height:27em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item i{padding-bottom:.2em;font-size:3em}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-main-message{font-weight:500;color:var(--font-color-base)}::ng-deep .dropdown-container .tabbed-group-picker-column-container .tabbed-group-picker-column.right .tabbed-group-picker-empty-item .empty-item-sub-message{font-size:.9em}\n"] }]
         }], ctorParameters: () => [{ type: i1.NovoLabelService }, { type: i0.ChangeDetectorRef }], propDecorators: { scrollableInstance: [{
                 type: ViewChild,
                 args: ['tabbedGroupPickerVirtualScrollViewport']
@@ -354,7 +403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Input
             }], showFooter: [{
                 type: Input
-            }], selectionEnabled: [{
+            }], useChips: [{ type: i0.Input, args: [{ isSignal: true, alias: "useChips", required: false }] }], maxChips: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxChips", required: false }] }], chipSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipSize", required: false }] }], selectionEnabled: [{
                 type: Input
             }], activation: [{
                 type: Output
@@ -364,6 +413,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Output
             }], cancelChange: [{
                 type: Output
+            }], tabSelect: [{
+                type: Output
             }] } });
 // NG2
@@ -372,6 +423,9 @@ class NovoTabbedGroupPickerModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoTabbedGroupPickerModule, declarations: [NovoTabbedGroupPickerElement], imports: [CommonModule,
             FormsModule,
             ScrollingModule,
+            NovoChipsModule,
+            NovoCommonModule,
+            NovoIconModule,
             NovoTabModule,
             NovoListModule,
             NovoFormExtrasModule,
@@ -382,6 +436,9 @@ class NovoTabbedGroupPickerModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoTabbedGroupPickerModule, providers: [NovoLabelService], imports: [CommonModule,
             FormsModule,
             ScrollingModule,
+            NovoChipsModule,
+            NovoCommonModule,
+            NovoIconModule,
             NovoTabModule,
             NovoListModule,
             NovoFormExtrasModule,
@@ -397,6 +454,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         CommonModule,
                         FormsModule,
                         ScrollingModule,
+                        NovoChipsModule,
+                        NovoCommonModule,
+                        NovoIconModule,
                         NovoTabModule,
                         NovoListModule,
                         NovoFormExtrasModule,