novo-elements 13.2.0 → 13.3.0

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

@@ -129,7 +129,7 @@ class NovoProgressBarElement {
         class="progress__value"
       />
     </svg>
-  `, isInline: true, styles: [":host{display:flex;height:100%}:host.linear{background-color:var(--color-positive)}:host.linear[color=border-default]{background:#dbdbdb}:host.linear[color=black]{color:var(--color-contrast-black);background:#000}:host.linear[color=white]{color:var(--color-contrast-white);background:#fff}:host.linear[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host.linear[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host.linear[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host.linear[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host.linear[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host.linear[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host.linear[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host.linear[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host.linear[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host.linear[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host.linear[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host.linear[color=metal]{color:var(--color-contrast-metal);background:#637893}:host.linear[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host.linear[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host.linear[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host.linear[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host.linear[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host.linear[color=slate]{color:var(--color-contrast-slate);background:#707070}:host.linear[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host.linear[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host.linear[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host.linear[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host.linear[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host.linear[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host.linear[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host.linear[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host.linear[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host.linear[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host.linear[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host.linear[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host.linear[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host.linear[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host.linear[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host.linear[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host.linear[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host.linear[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host.linear[color=success]{color:var(--color-contrast-success);background:#8cc152}:host.linear[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host.linear[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host.linear[color=error]{color:var(--color-contrast-error);background:#da4453}:host.linear[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host.linear[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host.linear[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host.linear[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host.linear[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host.linear[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host.linear[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host.linear[color=text]{color:var(--color-contrast-text);background:#282828}:host.linear[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host.linear[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host.linear[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host.linear[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host.linear[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host.linear[color=company]{color:var(--color-contrast-company);background:#39d}:host.linear[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host.linear[color=lead]{color:var(--color-contrast-lead);background:#a69}:host.linear[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host.linear[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host.linear[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host.linear[color=job]{color:var(--color-contrast-job);background:#b56}:host.linear[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host.linear[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host.linear[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host.linear[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host.linear[color=note]{color:var(--color-contrast-note);background:#747884}:host.linear[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host.linear[color=task]{color:var(--color-contrast-task);background:#4f5361}:host.linear[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host.linear[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host.linear[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host.linear[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host.linear[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host.linear[color=user]{color:var(--color-contrast-user);background:#696d79}:host.linear[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host.linear[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host.linear[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host.linear[color=person]{color:var(--color-contrast-person);background:#696d79}:host.linear:first-child{border-radius:.2em 0 0 .2em}:host.linear:last-child{border-radius:0 .2em .2em 0}:host.linear.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}:host.linear.animated{animation:progress-bar-stripes 2s linear infinite}:host.linear.flash{padding:0 calc(100% + 100px);background-image:linear-gradient(135deg,#e2e2e2 46%,#f4f4f4 48% 52%,#e2e2e2 54%);animation:progress-bar-flash 3s linear infinite}:host.radial{position:absolute}:host.radial[color=black] svg circle{stroke:var(--color-black)}:host.radial[color=white] svg circle{stroke:var(--color-white)}:host.radial[color=gray] svg circle{stroke:var(--color-gray)}:host.radial[color=grey] svg circle{stroke:var(--color-grey)}:host.radial[color=offWhite] svg circle{stroke:var(--color-off-white)}:host.radial[color=bright] svg circle{stroke:var(--color-bright)}:host.radial[color=light] svg circle{stroke:var(--color-light)}:host.radial[color=neutral] svg circle{stroke:var(--color-neutral)}:host.radial[color=dark] svg circle{stroke:var(--color-dark)}:host.radial[color=orange] svg circle{stroke:var(--color-orange)}:host.radial[color=navigation] svg circle{stroke:var(--color-navigation)}:host.radial[color=skyBlue] svg circle{stroke:var(--color-sky-blue)}:host.radial[color=steel] svg circle{stroke:var(--color-steel)}:host.radial[color=metal] svg circle{stroke:var(--color-metal)}:host.radial[color=sand] svg circle{stroke:var(--color-sand)}:host.radial[color=silver] svg circle{stroke:var(--color-silver)}:host.radial[color=stone] svg circle{stroke:var(--color-stone)}:host.radial[color=ash] svg circle{stroke:var(--color-ash)}:host.radial[color=anonymous] svg circle{stroke:var(--color-anonymous)}:host.radial[color=slate] svg circle{stroke:var(--color-slate)}:host.radial[color=onyx] svg circle{stroke:var(--color-onyx)}:host.radial[color=charcoal] svg circle{stroke:var(--color-charcoal)}:host.radial[color=moonlight] svg circle{stroke:var(--color-moonlight)}:host.radial[color=midnight] svg circle{stroke:var(--color-midnight)}:host.radial[color=darkness] svg circle{stroke:var(--color-darkness)}:host.radial[color=navy] svg circle{stroke:var(--color-navy)}:host.radial[color=aqua] svg circle{stroke:var(--color-aqua)}:host.radial[color=ocean] svg circle{stroke:var(--color-ocean)}:host.radial[color=mint] svg circle{stroke:var(--color-mint)}:host.radial[color=grass] svg circle{stroke:var(--color-grass)}:host.radial[color=sunflower] svg circle{stroke:var(--color-sunflower)}:host.radial[color=bittersweet] svg circle{stroke:var(--color-bittersweet)}:host.radial[color=grapefruit] svg circle{stroke:var(--color-grapefruit)}:host.radial[color=carnation] svg circle{stroke:var(--color-carnation)}:host.radial[color=lavender] svg circle{stroke:var(--color-lavender)}:host.radial[color=mountain] svg circle{stroke:var(--color-mountain)}:host.radial[color=info] svg circle{stroke:var(--color-info)}:host.radial[color=positive] svg circle{stroke:var(--color-positive)}:host.radial[color=success] svg circle{stroke:var(--color-success)}:host.radial[color=negative] svg circle{stroke:var(--color-negative)}:host.radial[color=danger] svg circle{stroke:var(--color-danger)}:host.radial[color=error] svg circle{stroke:var(--color-error)}:host.radial[color=warning] svg circle{stroke:var(--color-warning)}:host.radial[color=empty] svg circle{stroke:var(--color-empty)}:host.radial[color=disabled] svg circle{stroke:var(--color-disabled)}:host.radial[color=background] svg circle{stroke:var(--color-background)}:host.radial[color=backgroundDark] svg circle{stroke:var(--color-background-dark)}:host.radial[color=border] svg circle{stroke:var(--color-border)}:host.radial[color=border2] svg circle{stroke:var(--color-border2)}:host.radial[color=text] svg circle{stroke:var(--color-text)}:host.radial[color=presentation] svg circle{stroke:var(--color-presentation)}:host.radial[color=bullhorn] svg circle{stroke:var(--color-bullhorn)}:host.radial[color=pulse] svg circle{stroke:var(--color-pulse)}:host.radial[color=fastFind] svg circle{stroke:var(--color-fast-find)}:host.radial[color=toast] svg circle{stroke:var(--color-toast)}:host.radial[color=company] svg circle{stroke:var(--color-company)}:host.radial[color=candidate] svg circle{stroke:var(--color-candidate)}:host.radial[color=lead] svg circle{stroke:var(--color-lead)}:host.radial[color=contact] svg circle{stroke:var(--color-contact)}:host.radial[color=clientcontact] svg circle{stroke:var(--color-clientcontact)}:host.radial[color=opportunity] svg circle{stroke:var(--color-opportunity)}:host.radial[color=job] svg circle{stroke:var(--color-job)}:host.radial[color=joborder] svg circle{stroke:var(--color-joborder)}:host.radial[color=submission] svg circle{stroke:var(--color-submission)}:host.radial[color=sendout] svg circle{stroke:var(--color-sendout)}:host.radial[color=placement] svg circle{stroke:var(--color-placement)}:host.radial[color=note] svg circle{stroke:var(--color-note)}:host.radial[color=contract] svg circle{stroke:var(--color-contract)}:host.radial[color=task] svg circle{stroke:var(--color-task)}:host.radial[color=jobCode] svg circle{stroke:var(--color-job-code)}:host.radial[color=earnCode] svg circle{stroke:var(--color-earn-code)}:host.radial[color=invoiceStatement] svg circle{stroke:var(--color-invoice-statement)}:host.radial[color=billableCharge] svg circle{stroke:var(--color-billable-charge)}:host.radial[color=payableCharge] svg circle{stroke:var(--color-payable-charge)}:host.radial[color=user] svg circle{stroke:var(--color-user)}:host.radial[color=corporateUser] svg circle{stroke:var(--color-corporate-user)}:host.radial[color=distributionList] svg circle{stroke:var(--color-distribution-list)}:host.radial[color=credential] svg circle{stroke:var(--color-credential)}:host.radial[color=person] svg circle{stroke:var(--color-person)}:host.radial svg circle{stroke:var(--color-positive);transform-origin:50% 50%;transform:rotate(-90deg);transition:.35s stroke-dashoffset}:host.radial svg text{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}@-webkit-keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@-webkit-keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}@keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}:host-context([data-theme=bh2026]).linear:first-child{border-radius:999px 0 0 999px}:host-context([data-theme=bh2026]).linear:last-child{border-radius:0 999px 999px 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+  `, isInline: true, styles: [":host{display:flex;height:100%}:host.linear{background-color:var(--color-positive)}:host.linear[color=border-default]{background:#dbdbdb}:host.linear[color=black]{color:var(--color-contrast-black);background:#000}:host.linear[color=white]{color:var(--color-contrast-white);background:#fff}:host.linear[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host.linear[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host.linear[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host.linear[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host.linear[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host.linear[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host.linear[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host.linear[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host.linear[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host.linear[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host.linear[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host.linear[color=metal]{color:var(--color-contrast-metal);background:#637893}:host.linear[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host.linear[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host.linear[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host.linear[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host.linear[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host.linear[color=slate]{color:var(--color-contrast-slate);background:#707070}:host.linear[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host.linear[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host.linear[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host.linear[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host.linear[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host.linear[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host.linear[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host.linear[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host.linear[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host.linear[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host.linear[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host.linear[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host.linear[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host.linear[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host.linear[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host.linear[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host.linear[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host.linear[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host.linear[color=success]{color:var(--color-contrast-success);background:#8cc152}:host.linear[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host.linear[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host.linear[color=error]{color:var(--color-contrast-error);background:#da4453}:host.linear[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host.linear[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host.linear[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host.linear[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host.linear[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host.linear[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host.linear[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host.linear[color=text]{color:var(--color-contrast-text);background:#282828}:host.linear[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host.linear[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host.linear[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host.linear[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host.linear[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host.linear[color=company]{color:var(--color-contrast-company);background:#39d}:host.linear[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host.linear[color=lead]{color:var(--color-contrast-lead);background:#a69}:host.linear[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host.linear[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host.linear[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host.linear[color=job]{color:var(--color-contrast-job);background:#b56}:host.linear[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host.linear[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host.linear[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host.linear[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host.linear[color=note]{color:var(--color-contrast-note);background:#747884}:host.linear[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host.linear[color=task]{color:var(--color-contrast-task);background:#4f5361}:host.linear[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host.linear[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host.linear[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host.linear[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host.linear[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host.linear[color=user]{color:var(--color-contrast-user);background:#696d79}:host.linear[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host.linear[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host.linear[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host.linear[color=person]{color:var(--color-contrast-person);background:#696d79}:host.linear:first-child{border-radius:.2em 0 0 .2em}:host.linear:last-child{border-radius:0 .2em .2em 0}:host.linear.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}:host.linear.animated{animation:progress-bar-stripes 2s linear infinite}:host.linear.flash{padding:0 calc(100% + 100px);background-image:linear-gradient(135deg,#e2e2e2 46%,#f4f4f4 48% 52%,#e2e2e2 54%);animation:progress-bar-flash 3s linear infinite}:host.radial{position:absolute}:host.radial[color=black] svg circle{stroke:var(--color-black)}:host.radial[color=white] svg circle{stroke:var(--color-white)}:host.radial[color=gray] svg circle{stroke:var(--color-gray)}:host.radial[color=grey] svg circle{stroke:var(--color-grey)}:host.radial[color=offWhite] svg circle{stroke:var(--color-off-white)}:host.radial[color=bright] svg circle{stroke:var(--color-bright)}:host.radial[color=light] svg circle{stroke:var(--color-light)}:host.radial[color=neutral] svg circle{stroke:var(--color-neutral)}:host.radial[color=dark] svg circle{stroke:var(--color-dark)}:host.radial[color=orange] svg circle{stroke:var(--color-orange)}:host.radial[color=navigation] svg circle{stroke:var(--color-navigation)}:host.radial[color=skyBlue] svg circle{stroke:var(--color-sky-blue)}:host.radial[color=steel] svg circle{stroke:var(--color-steel)}:host.radial[color=metal] svg circle{stroke:var(--color-metal)}:host.radial[color=sand] svg circle{stroke:var(--color-sand)}:host.radial[color=silver] svg circle{stroke:var(--color-silver)}:host.radial[color=stone] svg circle{stroke:var(--color-stone)}:host.radial[color=ash] svg circle{stroke:var(--color-ash)}:host.radial[color=anonymous] svg circle{stroke:var(--color-anonymous)}:host.radial[color=slate] svg circle{stroke:var(--color-slate)}:host.radial[color=onyx] svg circle{stroke:var(--color-onyx)}:host.radial[color=charcoal] svg circle{stroke:var(--color-charcoal)}:host.radial[color=moonlight] svg circle{stroke:var(--color-moonlight)}:host.radial[color=midnight] svg circle{stroke:var(--color-midnight)}:host.radial[color=darkness] svg circle{stroke:var(--color-darkness)}:host.radial[color=navy] svg circle{stroke:var(--color-navy)}:host.radial[color=aqua] svg circle{stroke:var(--color-aqua)}:host.radial[color=ocean] svg circle{stroke:var(--color-ocean)}:host.radial[color=mint] svg circle{stroke:var(--color-mint)}:host.radial[color=grass] svg circle{stroke:var(--color-grass)}:host.radial[color=sunflower] svg circle{stroke:var(--color-sunflower)}:host.radial[color=bittersweet] svg circle{stroke:var(--color-bittersweet)}:host.radial[color=grapefruit] svg circle{stroke:var(--color-grapefruit)}:host.radial[color=carnation] svg circle{stroke:var(--color-carnation)}:host.radial[color=lavender] svg circle{stroke:var(--color-lavender)}:host.radial[color=mountain] svg circle{stroke:var(--color-mountain)}:host.radial[color=info] svg circle{stroke:var(--color-info)}:host.radial[color=positive] svg circle{stroke:var(--color-positive)}:host.radial[color=success] svg circle{stroke:var(--color-success)}:host.radial[color=negative] svg circle{stroke:var(--color-negative)}:host.radial[color=danger] svg circle{stroke:var(--color-danger)}:host.radial[color=error] svg circle{stroke:var(--color-error)}:host.radial[color=warning] svg circle{stroke:var(--color-warning)}:host.radial[color=empty] svg circle{stroke:var(--color-empty)}:host.radial[color=disabled] svg circle{stroke:var(--color-disabled)}:host.radial[color=background] svg circle{stroke:var(--color-background)}:host.radial[color=backgroundDark] svg circle{stroke:var(--color-background-dark)}:host.radial[color=border] svg circle{stroke:var(--color-border)}:host.radial[color=border2] svg circle{stroke:var(--color-border2)}:host.radial[color=text] svg circle{stroke:var(--color-text)}:host.radial[color=presentation] svg circle{stroke:var(--color-presentation)}:host.radial[color=bullhorn] svg circle{stroke:var(--color-bullhorn)}:host.radial[color=pulse] svg circle{stroke:var(--color-pulse)}:host.radial[color=fastFind] svg circle{stroke:var(--color-fast-find)}:host.radial[color=toast] svg circle{stroke:var(--color-toast)}:host.radial[color=company] svg circle{stroke:var(--color-company)}:host.radial[color=candidate] svg circle{stroke:var(--color-candidate)}:host.radial[color=lead] svg circle{stroke:var(--color-lead)}:host.radial[color=contact] svg circle{stroke:var(--color-contact)}:host.radial[color=clientcontact] svg circle{stroke:var(--color-clientcontact)}:host.radial[color=opportunity] svg circle{stroke:var(--color-opportunity)}:host.radial[color=job] svg circle{stroke:var(--color-job)}:host.radial[color=joborder] svg circle{stroke:var(--color-joborder)}:host.radial[color=submission] svg circle{stroke:var(--color-submission)}:host.radial[color=sendout] svg circle{stroke:var(--color-sendout)}:host.radial[color=placement] svg circle{stroke:var(--color-placement)}:host.radial[color=note] svg circle{stroke:var(--color-note)}:host.radial[color=contract] svg circle{stroke:var(--color-contract)}:host.radial[color=task] svg circle{stroke:var(--color-task)}:host.radial[color=jobCode] svg circle{stroke:var(--color-job-code)}:host.radial[color=earnCode] svg circle{stroke:var(--color-earn-code)}:host.radial[color=invoiceStatement] svg circle{stroke:var(--color-invoice-statement)}:host.radial[color=billableCharge] svg circle{stroke:var(--color-billable-charge)}:host.radial[color=payableCharge] svg circle{stroke:var(--color-payable-charge)}:host.radial[color=user] svg circle{stroke:var(--color-user)}:host.radial[color=corporateUser] svg circle{stroke:var(--color-corporate-user)}:host.radial[color=distributionList] svg circle{stroke:var(--color-distribution-list)}:host.radial[color=credential] svg circle{stroke:var(--color-credential)}:host.radial[color=person] svg circle{stroke:var(--color-person)}:host.radial svg circle{stroke:var(--color-positive);transform-origin:50% 50%;transform:rotate(-90deg);transition:.35s stroke-dashoffset}:host.radial svg text{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}@-webkit-keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@-webkit-keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}@keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}:host-context([data-theme=bh2026]).linear:not([color]){background-color:var(--button-primary-background)}:host-context([data-theme=bh2026]).linear:first-child{border-radius:999px 0 0 999px}:host-context([data-theme=bh2026]).linear:last-child{border-radius:0 999px 999px 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoProgressBarElement, decorators: [{
             type: Component,
@@ -147,7 +147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         class="progress__value"
       />
     </svg>
-  `, standalone: false, styles: [":host{display:flex;height:100%}:host.linear{background-color:var(--color-positive)}:host.linear[color=border-default]{background:#dbdbdb}:host.linear[color=black]{color:var(--color-contrast-black);background:#000}:host.linear[color=white]{color:var(--color-contrast-white);background:#fff}:host.linear[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host.linear[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host.linear[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host.linear[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host.linear[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host.linear[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host.linear[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host.linear[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host.linear[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host.linear[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host.linear[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host.linear[color=metal]{color:var(--color-contrast-metal);background:#637893}:host.linear[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host.linear[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host.linear[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host.linear[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host.linear[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host.linear[color=slate]{color:var(--color-contrast-slate);background:#707070}:host.linear[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host.linear[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host.linear[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host.linear[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host.linear[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host.linear[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host.linear[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host.linear[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host.linear[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host.linear[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host.linear[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host.linear[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host.linear[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host.linear[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host.linear[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host.linear[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host.linear[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host.linear[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host.linear[color=success]{color:var(--color-contrast-success);background:#8cc152}:host.linear[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host.linear[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host.linear[color=error]{color:var(--color-contrast-error);background:#da4453}:host.linear[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host.linear[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host.linear[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host.linear[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host.linear[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host.linear[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host.linear[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host.linear[color=text]{color:var(--color-contrast-text);background:#282828}:host.linear[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host.linear[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host.linear[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host.linear[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host.linear[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host.linear[color=company]{color:var(--color-contrast-company);background:#39d}:host.linear[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host.linear[color=lead]{color:var(--color-contrast-lead);background:#a69}:host.linear[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host.linear[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host.linear[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host.linear[color=job]{color:var(--color-contrast-job);background:#b56}:host.linear[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host.linear[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host.linear[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host.linear[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host.linear[color=note]{color:var(--color-contrast-note);background:#747884}:host.linear[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host.linear[color=task]{color:var(--color-contrast-task);background:#4f5361}:host.linear[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host.linear[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host.linear[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host.linear[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host.linear[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host.linear[color=user]{color:var(--color-contrast-user);background:#696d79}:host.linear[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host.linear[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host.linear[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host.linear[color=person]{color:var(--color-contrast-person);background:#696d79}:host.linear:first-child{border-radius:.2em 0 0 .2em}:host.linear:last-child{border-radius:0 .2em .2em 0}:host.linear.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}:host.linear.animated{animation:progress-bar-stripes 2s linear infinite}:host.linear.flash{padding:0 calc(100% + 100px);background-image:linear-gradient(135deg,#e2e2e2 46%,#f4f4f4 48% 52%,#e2e2e2 54%);animation:progress-bar-flash 3s linear infinite}:host.radial{position:absolute}:host.radial[color=black] svg circle{stroke:var(--color-black)}:host.radial[color=white] svg circle{stroke:var(--color-white)}:host.radial[color=gray] svg circle{stroke:var(--color-gray)}:host.radial[color=grey] svg circle{stroke:var(--color-grey)}:host.radial[color=offWhite] svg circle{stroke:var(--color-off-white)}:host.radial[color=bright] svg circle{stroke:var(--color-bright)}:host.radial[color=light] svg circle{stroke:var(--color-light)}:host.radial[color=neutral] svg circle{stroke:var(--color-neutral)}:host.radial[color=dark] svg circle{stroke:var(--color-dark)}:host.radial[color=orange] svg circle{stroke:var(--color-orange)}:host.radial[color=navigation] svg circle{stroke:var(--color-navigation)}:host.radial[color=skyBlue] svg circle{stroke:var(--color-sky-blue)}:host.radial[color=steel] svg circle{stroke:var(--color-steel)}:host.radial[color=metal] svg circle{stroke:var(--color-metal)}:host.radial[color=sand] svg circle{stroke:var(--color-sand)}:host.radial[color=silver] svg circle{stroke:var(--color-silver)}:host.radial[color=stone] svg circle{stroke:var(--color-stone)}:host.radial[color=ash] svg circle{stroke:var(--color-ash)}:host.radial[color=anonymous] svg circle{stroke:var(--color-anonymous)}:host.radial[color=slate] svg circle{stroke:var(--color-slate)}:host.radial[color=onyx] svg circle{stroke:var(--color-onyx)}:host.radial[color=charcoal] svg circle{stroke:var(--color-charcoal)}:host.radial[color=moonlight] svg circle{stroke:var(--color-moonlight)}:host.radial[color=midnight] svg circle{stroke:var(--color-midnight)}:host.radial[color=darkness] svg circle{stroke:var(--color-darkness)}:host.radial[color=navy] svg circle{stroke:var(--color-navy)}:host.radial[color=aqua] svg circle{stroke:var(--color-aqua)}:host.radial[color=ocean] svg circle{stroke:var(--color-ocean)}:host.radial[color=mint] svg circle{stroke:var(--color-mint)}:host.radial[color=grass] svg circle{stroke:var(--color-grass)}:host.radial[color=sunflower] svg circle{stroke:var(--color-sunflower)}:host.radial[color=bittersweet] svg circle{stroke:var(--color-bittersweet)}:host.radial[color=grapefruit] svg circle{stroke:var(--color-grapefruit)}:host.radial[color=carnation] svg circle{stroke:var(--color-carnation)}:host.radial[color=lavender] svg circle{stroke:var(--color-lavender)}:host.radial[color=mountain] svg circle{stroke:var(--color-mountain)}:host.radial[color=info] svg circle{stroke:var(--color-info)}:host.radial[color=positive] svg circle{stroke:var(--color-positive)}:host.radial[color=success] svg circle{stroke:var(--color-success)}:host.radial[color=negative] svg circle{stroke:var(--color-negative)}:host.radial[color=danger] svg circle{stroke:var(--color-danger)}:host.radial[color=error] svg circle{stroke:var(--color-error)}:host.radial[color=warning] svg circle{stroke:var(--color-warning)}:host.radial[color=empty] svg circle{stroke:var(--color-empty)}:host.radial[color=disabled] svg circle{stroke:var(--color-disabled)}:host.radial[color=background] svg circle{stroke:var(--color-background)}:host.radial[color=backgroundDark] svg circle{stroke:var(--color-background-dark)}:host.radial[color=border] svg circle{stroke:var(--color-border)}:host.radial[color=border2] svg circle{stroke:var(--color-border2)}:host.radial[color=text] svg circle{stroke:var(--color-text)}:host.radial[color=presentation] svg circle{stroke:var(--color-presentation)}:host.radial[color=bullhorn] svg circle{stroke:var(--color-bullhorn)}:host.radial[color=pulse] svg circle{stroke:var(--color-pulse)}:host.radial[color=fastFind] svg circle{stroke:var(--color-fast-find)}:host.radial[color=toast] svg circle{stroke:var(--color-toast)}:host.radial[color=company] svg circle{stroke:var(--color-company)}:host.radial[color=candidate] svg circle{stroke:var(--color-candidate)}:host.radial[color=lead] svg circle{stroke:var(--color-lead)}:host.radial[color=contact] svg circle{stroke:var(--color-contact)}:host.radial[color=clientcontact] svg circle{stroke:var(--color-clientcontact)}:host.radial[color=opportunity] svg circle{stroke:var(--color-opportunity)}:host.radial[color=job] svg circle{stroke:var(--color-job)}:host.radial[color=joborder] svg circle{stroke:var(--color-joborder)}:host.radial[color=submission] svg circle{stroke:var(--color-submission)}:host.radial[color=sendout] svg circle{stroke:var(--color-sendout)}:host.radial[color=placement] svg circle{stroke:var(--color-placement)}:host.radial[color=note] svg circle{stroke:var(--color-note)}:host.radial[color=contract] svg circle{stroke:var(--color-contract)}:host.radial[color=task] svg circle{stroke:var(--color-task)}:host.radial[color=jobCode] svg circle{stroke:var(--color-job-code)}:host.radial[color=earnCode] svg circle{stroke:var(--color-earn-code)}:host.radial[color=invoiceStatement] svg circle{stroke:var(--color-invoice-statement)}:host.radial[color=billableCharge] svg circle{stroke:var(--color-billable-charge)}:host.radial[color=payableCharge] svg circle{stroke:var(--color-payable-charge)}:host.radial[color=user] svg circle{stroke:var(--color-user)}:host.radial[color=corporateUser] svg circle{stroke:var(--color-corporate-user)}:host.radial[color=distributionList] svg circle{stroke:var(--color-distribution-list)}:host.radial[color=credential] svg circle{stroke:var(--color-credential)}:host.radial[color=person] svg circle{stroke:var(--color-person)}:host.radial svg circle{stroke:var(--color-positive);transform-origin:50% 50%;transform:rotate(-90deg);transition:.35s stroke-dashoffset}:host.radial svg text{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}@-webkit-keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@-webkit-keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}@keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}:host-context([data-theme=bh2026]).linear:first-child{border-radius:999px 0 0 999px}:host-context([data-theme=bh2026]).linear:last-child{border-radius:0 999px 999px 0}\n"] }]
+  `, standalone: false, styles: [":host{display:flex;height:100%}:host.linear{background-color:var(--color-positive)}:host.linear[color=border-default]{background:#dbdbdb}:host.linear[color=black]{color:var(--color-contrast-black);background:#000}:host.linear[color=white]{color:var(--color-contrast-white);background:#fff}:host.linear[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host.linear[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host.linear[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host.linear[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host.linear[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host.linear[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host.linear[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host.linear[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host.linear[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host.linear[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host.linear[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host.linear[color=metal]{color:var(--color-contrast-metal);background:#637893}:host.linear[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host.linear[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host.linear[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host.linear[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host.linear[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host.linear[color=slate]{color:var(--color-contrast-slate);background:#707070}:host.linear[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host.linear[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host.linear[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host.linear[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host.linear[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host.linear[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host.linear[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host.linear[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host.linear[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host.linear[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host.linear[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host.linear[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host.linear[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host.linear[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host.linear[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host.linear[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host.linear[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host.linear[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host.linear[color=success]{color:var(--color-contrast-success);background:#8cc152}:host.linear[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host.linear[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host.linear[color=error]{color:var(--color-contrast-error);background:#da4453}:host.linear[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host.linear[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host.linear[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host.linear[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host.linear[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host.linear[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host.linear[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host.linear[color=text]{color:var(--color-contrast-text);background:#282828}:host.linear[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host.linear[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host.linear[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host.linear[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host.linear[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host.linear[color=company]{color:var(--color-contrast-company);background:#39d}:host.linear[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host.linear[color=lead]{color:var(--color-contrast-lead);background:#a69}:host.linear[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host.linear[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host.linear[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host.linear[color=job]{color:var(--color-contrast-job);background:#b56}:host.linear[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host.linear[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host.linear[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host.linear[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host.linear[color=note]{color:var(--color-contrast-note);background:#747884}:host.linear[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host.linear[color=task]{color:var(--color-contrast-task);background:#4f5361}:host.linear[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host.linear[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host.linear[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host.linear[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host.linear[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host.linear[color=user]{color:var(--color-contrast-user);background:#696d79}:host.linear[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host.linear[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host.linear[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host.linear[color=person]{color:var(--color-contrast-person);background:#696d79}:host.linear:first-child{border-radius:.2em 0 0 .2em}:host.linear:last-child{border-radius:0 .2em .2em 0}:host.linear.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}:host.linear.animated{animation:progress-bar-stripes 2s linear infinite}:host.linear.flash{padding:0 calc(100% + 100px);background-image:linear-gradient(135deg,#e2e2e2 46%,#f4f4f4 48% 52%,#e2e2e2 54%);animation:progress-bar-flash 3s linear infinite}:host.radial{position:absolute}:host.radial[color=black] svg circle{stroke:var(--color-black)}:host.radial[color=white] svg circle{stroke:var(--color-white)}:host.radial[color=gray] svg circle{stroke:var(--color-gray)}:host.radial[color=grey] svg circle{stroke:var(--color-grey)}:host.radial[color=offWhite] svg circle{stroke:var(--color-off-white)}:host.radial[color=bright] svg circle{stroke:var(--color-bright)}:host.radial[color=light] svg circle{stroke:var(--color-light)}:host.radial[color=neutral] svg circle{stroke:var(--color-neutral)}:host.radial[color=dark] svg circle{stroke:var(--color-dark)}:host.radial[color=orange] svg circle{stroke:var(--color-orange)}:host.radial[color=navigation] svg circle{stroke:var(--color-navigation)}:host.radial[color=skyBlue] svg circle{stroke:var(--color-sky-blue)}:host.radial[color=steel] svg circle{stroke:var(--color-steel)}:host.radial[color=metal] svg circle{stroke:var(--color-metal)}:host.radial[color=sand] svg circle{stroke:var(--color-sand)}:host.radial[color=silver] svg circle{stroke:var(--color-silver)}:host.radial[color=stone] svg circle{stroke:var(--color-stone)}:host.radial[color=ash] svg circle{stroke:var(--color-ash)}:host.radial[color=anonymous] svg circle{stroke:var(--color-anonymous)}:host.radial[color=slate] svg circle{stroke:var(--color-slate)}:host.radial[color=onyx] svg circle{stroke:var(--color-onyx)}:host.radial[color=charcoal] svg circle{stroke:var(--color-charcoal)}:host.radial[color=moonlight] svg circle{stroke:var(--color-moonlight)}:host.radial[color=midnight] svg circle{stroke:var(--color-midnight)}:host.radial[color=darkness] svg circle{stroke:var(--color-darkness)}:host.radial[color=navy] svg circle{stroke:var(--color-navy)}:host.radial[color=aqua] svg circle{stroke:var(--color-aqua)}:host.radial[color=ocean] svg circle{stroke:var(--color-ocean)}:host.radial[color=mint] svg circle{stroke:var(--color-mint)}:host.radial[color=grass] svg circle{stroke:var(--color-grass)}:host.radial[color=sunflower] svg circle{stroke:var(--color-sunflower)}:host.radial[color=bittersweet] svg circle{stroke:var(--color-bittersweet)}:host.radial[color=grapefruit] svg circle{stroke:var(--color-grapefruit)}:host.radial[color=carnation] svg circle{stroke:var(--color-carnation)}:host.radial[color=lavender] svg circle{stroke:var(--color-lavender)}:host.radial[color=mountain] svg circle{stroke:var(--color-mountain)}:host.radial[color=info] svg circle{stroke:var(--color-info)}:host.radial[color=positive] svg circle{stroke:var(--color-positive)}:host.radial[color=success] svg circle{stroke:var(--color-success)}:host.radial[color=negative] svg circle{stroke:var(--color-negative)}:host.radial[color=danger] svg circle{stroke:var(--color-danger)}:host.radial[color=error] svg circle{stroke:var(--color-error)}:host.radial[color=warning] svg circle{stroke:var(--color-warning)}:host.radial[color=empty] svg circle{stroke:var(--color-empty)}:host.radial[color=disabled] svg circle{stroke:var(--color-disabled)}:host.radial[color=background] svg circle{stroke:var(--color-background)}:host.radial[color=backgroundDark] svg circle{stroke:var(--color-background-dark)}:host.radial[color=border] svg circle{stroke:var(--color-border)}:host.radial[color=border2] svg circle{stroke:var(--color-border2)}:host.radial[color=text] svg circle{stroke:var(--color-text)}:host.radial[color=presentation] svg circle{stroke:var(--color-presentation)}:host.radial[color=bullhorn] svg circle{stroke:var(--color-bullhorn)}:host.radial[color=pulse] svg circle{stroke:var(--color-pulse)}:host.radial[color=fastFind] svg circle{stroke:var(--color-fast-find)}:host.radial[color=toast] svg circle{stroke:var(--color-toast)}:host.radial[color=company] svg circle{stroke:var(--color-company)}:host.radial[color=candidate] svg circle{stroke:var(--color-candidate)}:host.radial[color=lead] svg circle{stroke:var(--color-lead)}:host.radial[color=contact] svg circle{stroke:var(--color-contact)}:host.radial[color=clientcontact] svg circle{stroke:var(--color-clientcontact)}:host.radial[color=opportunity] svg circle{stroke:var(--color-opportunity)}:host.radial[color=job] svg circle{stroke:var(--color-job)}:host.radial[color=joborder] svg circle{stroke:var(--color-joborder)}:host.radial[color=submission] svg circle{stroke:var(--color-submission)}:host.radial[color=sendout] svg circle{stroke:var(--color-sendout)}:host.radial[color=placement] svg circle{stroke:var(--color-placement)}:host.radial[color=note] svg circle{stroke:var(--color-note)}:host.radial[color=contract] svg circle{stroke:var(--color-contract)}:host.radial[color=task] svg circle{stroke:var(--color-task)}:host.radial[color=jobCode] svg circle{stroke:var(--color-job-code)}:host.radial[color=earnCode] svg circle{stroke:var(--color-earn-code)}:host.radial[color=invoiceStatement] svg circle{stroke:var(--color-invoice-statement)}:host.radial[color=billableCharge] svg circle{stroke:var(--color-billable-charge)}:host.radial[color=payableCharge] svg circle{stroke:var(--color-payable-charge)}:host.radial[color=user] svg circle{stroke:var(--color-user)}:host.radial[color=corporateUser] svg circle{stroke:var(--color-corporate-user)}:host.radial[color=distributionList] svg circle{stroke:var(--color-distribution-list)}:host.radial[color=credential] svg circle{stroke:var(--color-credential)}:host.radial[color=person] svg circle{stroke:var(--color-person)}:host.radial svg circle{stroke:var(--color-positive);transform-origin:50% 50%;transform:rotate(-90deg);transition:.35s stroke-dashoffset}:host.radial svg text{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}@-webkit-keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@-webkit-keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}@keyframes progress-bar-flash{0%{transform:translate(calc(-50% - 100px))}30%{transform:translate(calc(-50% - 100px))}60%{transform:translate(0)}to{transform:translate(0)}}:host-context([data-theme=bh2026]).linear:not([color]){background-color:var(--button-primary-background)}:host-context([data-theme=bh2026]).linear:first-child{border-radius:999px 0 0 999px}:host-context([data-theme=bh2026]).linear:last-child{border-radius:0 999px 999px 0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -253,7 +253,7 @@ class NovoProgressElement {
                 provide: NOVO_PROGRESS_CONTAINER,
                 useExisting: NovoProgressElement,
             },
-        ], queries: [{ propertyName: "_bars", predicate: i0.forwardRef(() => NovoProgressBarElement), descendants: true }], ngImport: i0, template: ' <ng-content></ng-content> ', isInline: true, styles: [":host{display:flex;position:relative;border-radius:.2em}:host.striped{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);background-size:20px 20px}:host.linear{width:200px;height:1.2em;background-color:var(--background-main);border:1px solid var(--color-empty);overflow:hidden}:host.radial{width:9.2em;height:9.2em}:host.fit-container{width:100%}\n"] }); }
+        ], queries: [{ propertyName: "_bars", predicate: i0.forwardRef(() => NovoProgressBarElement), descendants: true }], ngImport: i0, template: ' <ng-content></ng-content> ', isInline: true, styles: [":host{display:flex;position:relative;border-radius:.2em}:host.striped{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);background-size:20px 20px}:host.linear{width:200px;height:1.2em;background-color:var(--background-main);border:1px solid var(--color-empty);overflow:hidden}:host.radial{width:9.2em;height:9.2em}:host.fit-container{width:100%}:host-context([data-theme=bh2026]).linear{border-radius:var(--border-radius-pill);background-color:var(--color-background-subtle-hover);border-color:var(--color-border-default)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoProgressElement, decorators: [{
             type: Component,
@@ -262,7 +262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                             provide: NOVO_PROGRESS_CONTAINER,
                             useExisting: NovoProgressElement,
                         },
-                    ], standalone: false, styles: [":host{display:flex;position:relative;border-radius:.2em}:host.striped{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);background-size:20px 20px}:host.linear{width:200px;height:1.2em;background-color:var(--background-main);border:1px solid var(--color-empty);overflow:hidden}:host.radial{width:9.2em;height:9.2em}:host.fit-container{width:100%}\n"] }]
+                    ], standalone: false, styles: [":host{display:flex;position:relative;border-radius:.2em}:host.striped{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);background-size:20px 20px}:host.linear{width:200px;height:1.2em;background-color:var(--background-main);border:1px solid var(--color-empty);overflow:hidden}:host.radial{width:9.2em;height:9.2em}:host.fit-container{width:100%}:host-context([data-theme=bh2026]).linear{border-radius:var(--border-radius-pill);background-color:var(--color-background-subtle-hover);border-color:var(--color-border-default)}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], theme: [{

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

@@ -1 +1 @@
-{"version":3,"file":"novo-elements-elements-progress.mjs","sources":["../../../projects/novo-elements/src/elements/progress/ProgressConstants.ts","../../../projects/novo-elements/src/elements/progress/ProgressBar.ts","../../../projects/novo-elements/src/elements/progress/Progress.ts","../../../projects/novo-elements/src/elements/progress/Progress.module.ts","../../../projects/novo-elements/src/elements/progress/novo-elements-elements-progress.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport enum ProgressAppearance {\n  LINEAR = 'linear',\n  RADIAL = 'radial',\n}\n\n/**\n * Used to provide a progress container to a progress bar while avoiding circular references.\n * @docs-private\n */\nexport const NOVO_PROGRESS_CONTAINER = new InjectionToken('NOVO_PROGRESS_CONTAINER');\n","// NG2\nimport {\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  Inject,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NOVO_PROGRESS_CONTAINER, ProgressAppearance } from './ProgressConstants';\n\n// make radio-button-group ids unique\nlet nextId = 0;\n\n// Value accessor for the component (supports ngModel)\nconst PROGRESS_BAR_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => NovoProgressBarElement),\n  multi: true,\n};\n\n@Component({\n    selector: 'novo-progress-bar',\n    styleUrls: ['./ProgressBar.scss'],\n    providers: [PROGRESS_BAR_VALUE_ACCESSOR],\n    template: `\n    <div *ngIf=\"appearance === progressAppearance.LINEAR\" class=\"progress-bar\"></div>\n    <svg *ngIf=\"appearance === progressAppearance.RADIAL\" width=\"120\" height=\"120\">\n      <circle\n        [style.strokeDasharray]=\"circumference\"\n        [style.strokeDashoffset]=\"dashoffset\"\n        [attr.r]=\"radius\"\n        cx=\"60\"\n        cy=\"60\"\n        stroke-width=\"4\"\n        fill=\"transparent\"\n        class=\"progress__value\"\n      />\n    </svg>\n  `,\n    standalone: false,\n})\nexport class NovoProgressBarElement implements ControlValueAccessor, OnInit {\n  private _uniqueId: string = `novo-progress-${++nextId}`;\n  @HostBinding('class')\n  public appearance: ProgressAppearance = ProgressAppearance.LINEAR;\n  @Input() id: string = this._uniqueId;\n  @Input() name: string = this._uniqueId;\n  @Input() tabindex: number = 0;\n  @Input() label: string;\n  @Input() theme: string;\n  @Input() color: string;\n  @Input() indeterminate: boolean = false;\n  // Radial Value\n  public radius = 54;\n  public circumference = 2 * Math.PI * this.radius;\n  public dashoffset: number;\n  public progressAppearance = ProgressAppearance;\n\n  @HostBinding('class.striped')\n  @Input()\n  striped: boolean = false;\n\n  @HostBinding('class.animated')\n  @Input()\n  animated: boolean = false;\n\n  @HostBinding('class.flash')\n  @Input()\n  flash: boolean = false;\n\n  @HostBinding('style.width')\n  get width() {\n    if (this.appearance === ProgressAppearance.RADIAL) {\n      return '100%';\n    }\n    return `${this._percent * 100}%`;\n  }\n\n  @Output() change = new EventEmitter();\n  @Output() blur = new EventEmitter();\n  @Output() focus = new EventEmitter();\n\n  private _percent: number = 0;\n  private _value: number = 0;\n  private _disabled: boolean = false;\n\n  @Input() get value(): number {\n    return this._value;\n  }\n  set value(value) {\n    if (this.value !== value) {\n      this._value = value;\n      if (this.progress) {\n        this._percent = this.progress.total > 0 ? this._value / this.progress.total : 0;\n      } else {\n        this._percent = value;\n      }\n      this.dashoffset = this.circumference * (1 - this._percent);\n      this.onChangeCallback(this._value);\n    }\n  }\n  // Disabled State\n  @Input()\n  @HostBinding('class.disabled')\n  get disabled(): boolean {\n    return this._disabled || (this.progress != null && this.progress.disabled);\n  }\n  set disabled(value: boolean) {\n    this._disabled = !!value;\n  }\n\n  constructor(private ref: ChangeDetectorRef, @Optional() @Inject(NOVO_PROGRESS_CONTAINER) public progress: any) {\n    // NovoProgressElement\n    this.progress = progress;\n  }\n\n  ngOnInit() {\n    if (this.indeterminate) {\n      this.striped = true;\n      this.animated = true;\n    }\n    if (this.indeterminate || this.flash) {\n      this._value = this.progress?.total || 100;\n    }\n    if (this.flash) {\n      this.progress.fitContainer = true;\n    }\n    if (this.progress) {\n      this._percent = this.progress.total > 0 ? this._value / this.progress.total : 0;\n      this.appearance = this.progress.appearance;\n    }\n  }\n\n  writeValue(value: any): void {\n    this.value = value;\n    this.ref.markForCheck();\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChangeCallback = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouchedCallback = fn;\n  }\n\n  private onChangeCallback = (_: any) => {\n    // placeholder\n  };\n\n  private onTouchedCallback = () => {\n    // placeholder\n  };\n\n  setDisabledState(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n}\n","// NG2\nimport { AfterContentInit, Component, ContentChildren, forwardRef, HostBinding, Input, QueryList } from '@angular/core';\nimport { NovoProgressBarElement } from './ProgressBar';\nimport { NOVO_PROGRESS_CONTAINER, ProgressAppearance } from './ProgressConstants';\n\n@Component({\n    selector: 'novo-progress',\n    styleUrls: ['./Progress.scss'],\n    template: ' <ng-content></ng-content> ',\n    providers: [\n        {\n            provide: NOVO_PROGRESS_CONTAINER,\n            useExisting: NovoProgressElement,\n        },\n    ],\n    standalone: false,\n})\nexport class NovoProgressElement implements AfterContentInit {\n  @Input()\n  color: string;\n  @Input() theme: string;\n  @Input() total: number = 100;\n  @Input() radius: number = 54;\n\n  @HostBinding('class.fit-container')\n  fitContainer: boolean = false;\n\n  @HostBinding('class.striped')\n  @Input()\n  striped: boolean = false;\n\n  // Private vars for getters\n  private _appearance: ProgressAppearance = ProgressAppearance.LINEAR;\n  private _disabled: boolean = false;\n\n  @HostBinding('class')\n  @Input()\n  get appearance(): ProgressAppearance {\n    return this._appearance;\n  }\n  set appearance(value: ProgressAppearance) {\n    if (this._appearance !== value) {\n      this._appearance = value as ProgressAppearance;\n      this._updateBarAppearance();\n    }\n  }\n\n  // Disabled State\n  @Input()\n  @HostBinding('class.disabled')\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(value: boolean) {\n    this._disabled = !!value;\n  }\n\n  @ContentChildren(forwardRef(() => NovoProgressBarElement), { descendants: true })\n  _bars: QueryList<NovoProgressBarElement>;\n\n  ngAfterContentInit() {\n    this._updateBarRadius();\n  }\n\n  private _updateBarAppearance(): void {\n    if (this._bars) {\n      this._bars.forEach((bar) => {\n        bar.appearance = this.appearance as ProgressAppearance;\n      });\n    }\n  }\n\n  private _updateBarRadius(): void {\n    if (this._bars) {\n      this._bars.forEach((bar, i) => {\n        bar.radius = this.radius - i * 5;\n      });\n    }\n  }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoProgressElement } from './Progress';\nimport { NovoProgressBarElement } from './ProgressBar';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [NovoProgressBarElement, NovoProgressElement],\n  exports: [NovoProgressBarElement, NovoProgressElement],\n})\nexport class NovoProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;IAEY;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;AAK9B;;;AAGG;MACU,uBAAuB,GAAG,IAAI,cAAc,CAAC,yBAAyB;;ACXnF;AAgBA;AACA,IAAI,MAAM,GAAG,CAAC;AAEd;AACA,MAAM,2BAA2B,GAAG;AAClC,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAsB,CAAC;AACrD,IAAA,KAAK,EAAE,IAAI;CACZ;MAuBY,sBAAsB,CAAA;AA6BjC,IAAA,IACI,KAAK,GAAA;QACP,IAAI,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,MAAM,EAAE;AACjD,YAAA,OAAO,MAAM;QACf;AACA,QAAA,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG;IAClC;AAUA,IAAA,IAAa,KAAK,GAAA;QAChB,OAAO,IAAI,CAAC,MAAM;IACpB;IACA,IAAI,KAAK,CAAC,KAAK,EAAA;AACb,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC;YACjF;iBAAO;AACL,gBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;YACvB;AACA,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC1D,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC;QACpC;IACF;;AAEA,IAAA,IAEI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC5E;IACA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK;IAC1B;IAEA,WAAA,CAAoB,GAAsB,EAAsD,QAAa,EAAA;QAAzF,IAAA,CAAA,GAAG,GAAH,GAAG;QAAyE,IAAA,CAAA,QAAQ,GAAR,QAAQ;AArEhG,QAAA,IAAA,CAAA,SAAS,GAAW,CAAA,cAAA,EAAiB,EAAE,MAAM,EAAE;AAEhD,QAAA,IAAA,CAAA,UAAU,GAAuB,kBAAkB,CAAC,MAAM;AACxD,QAAA,IAAA,CAAA,EAAE,GAAW,IAAI,CAAC,SAAS;AAC3B,QAAA,IAAA,CAAA,IAAI,GAAW,IAAI,CAAC,SAAS;QAC7B,IAAA,CAAA,QAAQ,GAAW,CAAC;QAIpB,IAAA,CAAA,aAAa,GAAY,KAAK;;QAEhC,IAAA,CAAA,MAAM,GAAG,EAAE;QACX,IAAA,CAAA,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM;QAEzC,IAAA,CAAA,kBAAkB,GAAG,kBAAkB;QAI9C,IAAA,CAAA,OAAO,GAAY,KAAK;QAIxB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAIzB,IAAA,CAAA,KAAK,GAAY,KAAK;AAUZ,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAE;AAC3B,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,YAAY,EAAE;AACzB,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAAE;QAE5B,IAAA,CAAA,QAAQ,GAAW,CAAC;QACpB,IAAA,CAAA,MAAM,GAAW,CAAC;QAClB,IAAA,CAAA,SAAS,GAAY,KAAK;AA8D1B,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAM,KAAI;;AAEtC,QAAA,CAAC;QAEO,IAAA,CAAA,iBAAiB,GAAG,MAAK;;AAEjC,QAAA,CAAC;;AAvCC,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;IAC1B;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QACtB;QACA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,EAAE;YACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,GAAG;QAC3C;AACA,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI;QACnC;AACA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC;YAC/E,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU;QAC5C;IACF;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;IAC5B;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE;IAC7B;AAUA,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;IAC1B;AAnHW,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,mDAsE+B,uBAAuB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAtE5E,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAlBpB,CAAC,2BAA2B,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAC9B;;;;;;;;;;;;;;AAcX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4yaAAA,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,CAAA,EAAA,CAAA,CAAA;;4FAGU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBArBlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,SAAA,EAElB,CAAC,2BAA2B,CAAC,EAAA,QAAA,EAC9B;;;;;;;;;;;;;;AAcX,EAAA,CAAA,EAAA,UAAA,EACa,KAAK,EAAA,MAAA,EAAA,CAAA,4yaAAA,CAAA,EAAA;;0BAwE0B;;0BAAY,MAAM;2BAAC,uBAAuB;;sBApEtF,WAAW;uBAAC,OAAO;;sBAEnB;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAOA,WAAW;uBAAC,eAAe;;sBAC3B;;sBAGA,WAAW;uBAAC,gBAAgB;;sBAC5B;;sBAGA,WAAW;uBAAC,aAAa;;sBACzB;;sBAGA,WAAW;uBAAC,aAAa;;sBAQzB;;sBACA;;sBACA;;sBAMA;;sBAgBA;;sBACA,WAAW;uBAAC,gBAAgB;;;AC7G/B;MAiBa,mBAAmB,CAAA;AAZhC,IAAA,WAAA,GAAA;QAgBW,IAAA,CAAA,KAAK,GAAW,GAAG;QACnB,IAAA,CAAA,MAAM,GAAW,EAAE;QAG5B,IAAA,CAAA,YAAY,GAAY,KAAK;QAI7B,IAAA,CAAA,OAAO,GAAY,KAAK;;AAGhB,QAAA,IAAA,CAAA,WAAW,GAAuB,kBAAkB,CAAC,MAAM;QAC3D,IAAA,CAAA,SAAS,GAAY,KAAK;AA8CnC,IAAA;AA5CC,IAAA,IAEI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,WAAW;IACzB;IACA,IAAI,UAAU,CAAC,KAAyB,EAAA;AACtC,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;AAC9B,YAAA,IAAI,CAAC,WAAW,GAAG,KAA2B;YAC9C,IAAI,CAAC,oBAAoB,EAAE;QAC7B;IACF;;AAGA,IAAA,IAEI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS;IACvB;IACA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK;IAC1B;IAKA,kBAAkB,GAAA;QAChB,IAAI,CAAC,gBAAgB,EAAE;IACzB;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACzB,gBAAA,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,UAAgC;AACxD,YAAA,CAAC,CAAC;QACJ;IACF;IAEQ,gBAAgB,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;gBAC5B,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;AAClC,YAAA,CAAC,CAAC;QACJ;IACF;+GA7DW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EARjB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,uBAAuB;AAChC,gBAAA,WAAW,EAAE,mBAAmB;AACnC,aAAA;SACJ,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MA2C+B,sBAAsB,iDAjD5C,6BAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA,CAAA,CAAA;;4FAS9B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAZ/B,SAAS;+BACI,eAAe,EAAA,QAAA,EAEf,6BAA6B,EAAA,SAAA,EAC5B;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,uBAAuB;AAChC,4BAAA,WAAW,EAAA,mBAAqB;AACnC,yBAAA;AACJ,qBAAA,EAAA,UAAA,EACW,KAAK,EAAA,MAAA,EAAA,CAAA,2cAAA,CAAA,EAAA;;sBAGlB;;sBAEA;;sBACA;;sBACA;;sBAEA,WAAW;uBAAC,qBAAqB;;sBAGjC,WAAW;uBAAC,eAAe;;sBAC3B;;sBAOA,WAAW;uBAAC,OAAO;;sBACnB;;sBAYA;;sBACA,WAAW;uBAAC,gBAAgB;;sBAQ5B,eAAe;uBAAC,UAAU,CAAC,MAAM,sBAAsB,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;;;ACzDlF;MAYa,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHd,sBAAsB,EAAE,mBAAmB,aADhD,YAAY,CAAA,EAAA,OAAA,EAAA,CAEZ,sBAAsB,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAE1C,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,kBAAkB,YAJnB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE,CAAC,sBAAsB,EAAE,mBAAmB,CAAC;AAC3D,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,mBAAmB,CAAC;AACvD,iBAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"novo-elements-elements-progress.mjs","sources":["../../../projects/novo-elements/src/elements/progress/ProgressConstants.ts","../../../projects/novo-elements/src/elements/progress/ProgressBar.ts","../../../projects/novo-elements/src/elements/progress/Progress.ts","../../../projects/novo-elements/src/elements/progress/Progress.module.ts","../../../projects/novo-elements/src/elements/progress/novo-elements-elements-progress.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport enum ProgressAppearance {\n  LINEAR = 'linear',\n  RADIAL = 'radial',\n}\n\n/**\n * Used to provide a progress container to a progress bar while avoiding circular references.\n * @docs-private\n */\nexport const NOVO_PROGRESS_CONTAINER = new InjectionToken('NOVO_PROGRESS_CONTAINER');\n","// NG2\nimport {\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  Inject,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NOVO_PROGRESS_CONTAINER, ProgressAppearance } from './ProgressConstants';\n\n// make radio-button-group ids unique\nlet nextId = 0;\n\n// Value accessor for the component (supports ngModel)\nconst PROGRESS_BAR_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => NovoProgressBarElement),\n  multi: true,\n};\n\n@Component({\n    selector: 'novo-progress-bar',\n    styleUrls: ['./ProgressBar.scss'],\n    providers: [PROGRESS_BAR_VALUE_ACCESSOR],\n    template: `\n    <div *ngIf=\"appearance === progressAppearance.LINEAR\" class=\"progress-bar\"></div>\n    <svg *ngIf=\"appearance === progressAppearance.RADIAL\" width=\"120\" height=\"120\">\n      <circle\n        [style.strokeDasharray]=\"circumference\"\n        [style.strokeDashoffset]=\"dashoffset\"\n        [attr.r]=\"radius\"\n        cx=\"60\"\n        cy=\"60\"\n        stroke-width=\"4\"\n        fill=\"transparent\"\n        class=\"progress__value\"\n      />\n    </svg>\n  `,\n    standalone: false,\n})\nexport class NovoProgressBarElement implements ControlValueAccessor, OnInit {\n  private _uniqueId: string = `novo-progress-${++nextId}`;\n  @HostBinding('class')\n  public appearance: ProgressAppearance = ProgressAppearance.LINEAR;\n  @Input() id: string = this._uniqueId;\n  @Input() name: string = this._uniqueId;\n  @Input() tabindex: number = 0;\n  @Input() label: string;\n  @Input() theme: string;\n  @Input() color: string;\n  @Input() indeterminate: boolean = false;\n  // Radial Value\n  public radius = 54;\n  public circumference = 2 * Math.PI * this.radius;\n  public dashoffset: number;\n  public progressAppearance = ProgressAppearance;\n\n  @HostBinding('class.striped')\n  @Input()\n  striped: boolean = false;\n\n  @HostBinding('class.animated')\n  @Input()\n  animated: boolean = false;\n\n  @HostBinding('class.flash')\n  @Input()\n  flash: boolean = false;\n\n  @HostBinding('style.width')\n  get width() {\n    if (this.appearance === ProgressAppearance.RADIAL) {\n      return '100%';\n    }\n    return `${this._percent * 100}%`;\n  }\n\n  @Output() change = new EventEmitter();\n  @Output() blur = new EventEmitter();\n  @Output() focus = new EventEmitter();\n\n  private _percent: number = 0;\n  private _value: number = 0;\n  private _disabled: boolean = false;\n\n  @Input() get value(): number {\n    return this._value;\n  }\n  set value(value) {\n    if (this.value !== value) {\n      this._value = value;\n      if (this.progress) {\n        this._percent = this.progress.total > 0 ? this._value / this.progress.total : 0;\n      } else {\n        this._percent = value;\n      }\n      this.dashoffset = this.circumference * (1 - this._percent);\n      this.onChangeCallback(this._value);\n    }\n  }\n  // Disabled State\n  @Input()\n  @HostBinding('class.disabled')\n  get disabled(): boolean {\n    return this._disabled || (this.progress != null && this.progress.disabled);\n  }\n  set disabled(value: boolean) {\n    this._disabled = !!value;\n  }\n\n  constructor(private ref: ChangeDetectorRef, @Optional() @Inject(NOVO_PROGRESS_CONTAINER) public progress: any) {\n    // NovoProgressElement\n    this.progress = progress;\n  }\n\n  ngOnInit() {\n    if (this.indeterminate) {\n      this.striped = true;\n      this.animated = true;\n    }\n    if (this.indeterminate || this.flash) {\n      this._value = this.progress?.total || 100;\n    }\n    if (this.flash) {\n      this.progress.fitContainer = true;\n    }\n    if (this.progress) {\n      this._percent = this.progress.total > 0 ? this._value / this.progress.total : 0;\n      this.appearance = this.progress.appearance;\n    }\n  }\n\n  writeValue(value: any): void {\n    this.value = value;\n    this.ref.markForCheck();\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChangeCallback = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouchedCallback = fn;\n  }\n\n  private onChangeCallback = (_: any) => {\n    // placeholder\n  };\n\n  private onTouchedCallback = () => {\n    // placeholder\n  };\n\n  setDisabledState(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n}\n","// NG2\nimport { AfterContentInit, Component, ContentChildren, forwardRef, HostBinding, Input, QueryList } from '@angular/core';\nimport { NovoProgressBarElement } from './ProgressBar';\nimport { NOVO_PROGRESS_CONTAINER, ProgressAppearance } from './ProgressConstants';\n\n@Component({\n    selector: 'novo-progress',\n    styleUrls: ['./Progress.scss'],\n    template: ' <ng-content></ng-content> ',\n    providers: [\n        {\n            provide: NOVO_PROGRESS_CONTAINER,\n            useExisting: NovoProgressElement,\n        },\n    ],\n    standalone: false,\n})\nexport class NovoProgressElement implements AfterContentInit {\n  @Input()\n  color: string;\n  @Input() theme: string;\n  @Input() total: number = 100;\n  @Input() radius: number = 54;\n\n  @HostBinding('class.fit-container')\n  fitContainer: boolean = false;\n\n  @HostBinding('class.striped')\n  @Input()\n  striped: boolean = false;\n\n  // Private vars for getters\n  private _appearance: ProgressAppearance = ProgressAppearance.LINEAR;\n  private _disabled: boolean = false;\n\n  @HostBinding('class')\n  @Input()\n  get appearance(): ProgressAppearance {\n    return this._appearance;\n  }\n  set appearance(value: ProgressAppearance) {\n    if (this._appearance !== value) {\n      this._appearance = value as ProgressAppearance;\n      this._updateBarAppearance();\n    }\n  }\n\n  // Disabled State\n  @Input()\n  @HostBinding('class.disabled')\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(value: boolean) {\n    this._disabled = !!value;\n  }\n\n  @ContentChildren(forwardRef(() => NovoProgressBarElement), { descendants: true })\n  _bars: QueryList<NovoProgressBarElement>;\n\n  ngAfterContentInit() {\n    this._updateBarRadius();\n  }\n\n  private _updateBarAppearance(): void {\n    if (this._bars) {\n      this._bars.forEach((bar) => {\n        bar.appearance = this.appearance as ProgressAppearance;\n      });\n    }\n  }\n\n  private _updateBarRadius(): void {\n    if (this._bars) {\n      this._bars.forEach((bar, i) => {\n        bar.radius = this.radius - i * 5;\n      });\n    }\n  }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoProgressElement } from './Progress';\nimport { NovoProgressBarElement } from './ProgressBar';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [NovoProgressBarElement, NovoProgressElement],\n  exports: [NovoProgressBarElement, NovoProgressElement],\n})\nexport class NovoProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { ENTER } from '@angular/cdk/keycodes';
 import * as i0 from '@angular/core';
-import { forwardRef, EventEmitter, HostBinding, ViewChild, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Directive, forwardRef, EventEmitter, HostBinding, ViewChild, ContentChild, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1 from 'novo-elements/services';
 import * as i4 from 'novo-elements/elements/common';
@@ -13,6 +13,21 @@ import { CommonModule } from '@angular/common';
 import { NovoPickerModule } from 'novo-elements/elements/picker';
 
 // NG2
+/**
+ * Marker directive for content projected into the leading (left) area of `novo-search`.
+ * When present, the text input is hidden and the projected content fills its space.
+ */
+class NovoSearchLeadingContentDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchLeadingContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: NovoSearchLeadingContentDirective, isStandalone: false, selector: "[novo-search-leading-content]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchLeadingContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[novo-search-leading-content]',
+                    standalone: false,
+                }]
+        }] });
 // Value accessor for the component (supports ngModel)
 const SEARCH_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -20,6 +35,12 @@ const SEARCH_VALUE_ACCESSOR = {
     multi: true,
 };
 class NovoSearchBoxElement {
+    get hasBorder() {
+        return this.bordered;
+    }
+    get hasLeadingContent() {
+        return !!this.leadingContent;
+    }
     constructor(element, labels, _changeDetectorRef, _zone) {
         this.element = element;
         this.labels = labels;
@@ -29,6 +50,7 @@ class NovoSearchBoxElement {
         this.position = 'bottom-left';
         this.placeholder = 'Search...';
         this.alwaysOpen = false;
+        this.bordered = false;
         this.color = 'positive';
         this.closeOnSelect = true;
         this.keepOpen = false;
@@ -41,24 +63,29 @@ class NovoSearchBoxElement {
         this._onChange = () => { };
         /** View -> model callback called when autocomplete has been touched */
         this._onTouched = () => { };
+        this._hasLeadingContent = false;
     }
     ngOnInit() {
         if (this.overrideElement) {
             this.element = this.overrideElement;
         }
     }
-    /**
-     * @name showFasterFind
-     * @description This function shows the picker and adds the active class (for animation)
-     */
+    ngAfterContentChecked() {
+        const hasLeading = !!this.leadingContent;
+        if (hasLeading !== this._hasLeadingContent) {
+            this._hasLeadingContent = hasLeading;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
     showSearch(event, forceClose = false) {
         if (!this.panelOpen) {
-            // Reset search
-            // Set focus on search
             setTimeout(() => {
-                const element = this.input.nativeElement;
-                if (element) {
-                    element.focus();
+                const inputElement = this.input.nativeElement;
+                if (inputElement?.offsetParent) {
+                    inputElement.focus();
+                }
+                else {
+                    this.openPanel();
                 }
             }, 10);
         }
@@ -161,9 +188,11 @@ class NovoSearchBoxElement {
         this._onChange(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchBoxElement, deps: [{ token: i0.ElementRef }, { token: i1.NovoLabelService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoSearchBoxElement, isStandalone: false, selector: "novo-search", inputs: { name: "name", icon: "icon", position: "position", placeholder: "placeholder", alwaysOpen: "alwaysOpen", theme: "theme", color: "color", closeOnSelect: "closeOnSelect", displayField: "displayField", displayValue: "displayValue", hint: "hint", keepOpen: "keepOpen", hasBackdrop: "hasBackdrop", allowPropagation: "allowPropagation", overrideElement: "overrideElement" }, outputs: { searchChanged: "searchChanged", applySearch: "applySearch" }, host: { properties: { "class.always-open": "this.alwaysOpen", "class.focused": "this.focused", "class.active": "this.active" } }, providers: [SEARCH_VALUE_ACCESSOR], viewQueries: [{ propertyName: "overlay", first: true, predicate: NovoOverlayTemplateComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoSearchBoxElement, isStandalone: false, selector: "novo-search", inputs: { name: "name", icon: "icon", position: "position", placeholder: "placeholder", alwaysOpen: "alwaysOpen", bordered: "bordered", theme: "theme", color: "color", closeOnSelect: "closeOnSelect", displayField: "displayField", displayValue: "displayValue", hint: "hint", keepOpen: "keepOpen", hasBackdrop: "hasBackdrop", allowPropagation: "allowPropagation", overrideElement: "overrideElement" }, outputs: { searchChanged: "searchChanged", applySearch: "applySearch" }, host: { properties: { "class.always-open": "this.alwaysOpen", "class.has-border": "this.hasBorder", "class.focused": "this.focused", "class.has-leading-content": "this.hasLeadingContent", "class.active": "this.active" } }, providers: [SEARCH_VALUE_ACCESSOR], queries: [{ propertyName: "leadingContent", first: true, predicate: NovoSearchLeadingContentDirective, descendants: true }], viewQueries: [{ propertyName: "overlay", first: true, predicate: NovoOverlayTemplateComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: `
     <!-- SEARCH ICON -->
     <novo-icon (click)="showSearch($event)" [tooltip]="hint" tooltipPosition="bottom">{{ icon }}</novo-icon>
+    <!-- LEADING CONTENT SLOT (chips, tags, etc. that visually replace the input when present) -->
+    <ng-content select="[novo-search-leading-content]"></ng-content>
     <!-- SEARCH INPUT -->
     <input
       type="text"
@@ -177,6 +206,8 @@ class NovoSearchBoxElement {
       #input
       data-automation-id="novo-search-input"
     />
+    <!-- TRAILING ACTION SLOT -->
+    <ng-content select="[novo-search-trailing-action]"></ng-content>
     <!-- SEARCH OVERLAY -->
     <novo-overlay-template
       [parent]="element"
@@ -188,13 +219,15 @@ class NovoSearchBoxElement {
     >
       <ng-content></ng-content>
     </novo-overlay-template>
-  `, isInline: true, styles: [":host{display:grid;grid-template-areas:\"icon input\";grid-template-columns:3.2rem 1fr;grid-template-rows:1fr;align-items:center;height:3.2rem;background:var(--background-bright);border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);max-width:400px;min-width:100px;transition:all .25s ease-in-out}:host[size=small]{font-size:var(--font-size-xs);height:2.4rem;grid-template-columns:2.4rem 1fr}:host[size=large]{font-size:1.8rem;height:4rem;grid-template-columns:4rem 1fr}:host>button[theme][theme=fab]{width:2.8em;height:2.8em;min-height:2.8em}:host>input{height:100%;display:block;background:transparent;position:relative;color:var(--text-main);z-index:10;border:none;transition:all .25s;backface-visibility:hidden}:host>input:focus,:host>input:active{outline:none}:host novo-icon{color:var(--text-main)}:host.focused{border:1px solid var(--selection)}:host.focused>novo-icon{color:var(--selection)!important}:host.focused[color=border-default]>novo-icon{color:!important}:host.focused[color=black]>novo-icon{color:var(--color-black)!important}:host.focused[color=white]>novo-icon{color:var(--color-white)!important}:host.focused[color=gray]>novo-icon{color:var(--color-gray)!important}:host.focused[color=grey]>novo-icon{color:var(--color-grey)!important}:host.focused[color=offWhite]>novo-icon{color:var(--color-off-white)!important}:host.focused[color=bright]>novo-icon{color:var(--color-bright)!important}:host.focused[color=light]>novo-icon{color:var(--color-light)!important}:host.focused[color=neutral]>novo-icon{color:var(--color-neutral)!important}:host.focused[color=dark]>novo-icon{color:var(--color-dark)!important}:host.focused[color=orange]>novo-icon{color:var(--color-orange)!important}:host.focused[color=navigation]>novo-icon{color:var(--color-navigation)!important}:host.focused[color=skyBlue]>novo-icon{color:var(--color-sky-blue)!important}:host.focused[color=steel]>novo-icon{color:var(--color-steel)!important}:host.focused[color=metal]>novo-icon{color:var(--color-metal)!important}:host.focused[color=sand]>novo-icon{color:var(--color-sand)!important}:host.focused[color=silver]>novo-icon{color:var(--color-silver)!important}:host.focused[color=stone]>novo-icon{color:var(--color-stone)!important}:host.focused[color=ash]>novo-icon{color:var(--color-ash)!important}:host.focused[color=anonymous]>novo-icon{color:var(--color-anonymous)!important}:host.focused[color=slate]>novo-icon{color:var(--color-slate)!important}:host.focused[color=onyx]>novo-icon{color:var(--color-onyx)!important}:host.focused[color=charcoal]>novo-icon{color:var(--color-charcoal)!important}:host.focused[color=moonlight]>novo-icon{color:var(--color-moonlight)!important}:host.focused[color=midnight]>novo-icon{color:var(--color-midnight)!important}:host.focused[color=darkness]>novo-icon{color:var(--color-darkness)!important}:host.focused[color=navy]>novo-icon{color:var(--color-navy)!important}:host.focused[color=aqua]>novo-icon{color:var(--color-aqua)!important}:host.focused[color=ocean]>novo-icon{color:var(--color-ocean)!important}:host.focused[color=mint]>novo-icon{color:var(--color-mint)!important}:host.focused[color=grass]>novo-icon{color:var(--color-grass)!important}:host.focused[color=sunflower]>novo-icon{color:var(--color-sunflower)!important}:host.focused[color=bittersweet]>novo-icon{color:var(--color-bittersweet)!important}:host.focused[color=grapefruit]>novo-icon{color:var(--color-grapefruit)!important}:host.focused[color=carnation]>novo-icon{color:var(--color-carnation)!important}:host.focused[color=lavender]>novo-icon{color:var(--color-lavender)!important}:host.focused[color=mountain]>novo-icon{color:var(--color-mountain)!important}:host.focused[color=info]>novo-icon{color:var(--color-info)!important}:host.focused[color=positive]>novo-icon{color:var(--color-positive)!important}:host.focused[color=success]>novo-icon{color:var(--color-success)!important}:host.focused[color=negative]>novo-icon{color:var(--color-negative)!important}:host.focused[color=danger]>novo-icon{color:var(--color-danger)!important}:host.focused[color=error]>novo-icon{color:var(--color-error)!important}:host.focused[color=warning]>novo-icon{color:var(--color-warning)!important}:host.focused[color=empty]>novo-icon{color:var(--color-empty)!important}:host.focused[color=disabled]>novo-icon{color:var(--color-disabled)!important}:host.focused[color=background]>novo-icon{color:var(--color-background)!important}:host.focused[color=backgroundDark]>novo-icon{color:var(--color-background-dark)!important}:host.focused[color=border]>novo-icon{color:var(--color-border)!important}:host.focused[color=border2]>novo-icon{color:var(--color-border2)!important}:host.focused[color=text]>novo-icon{color:var(--color-text)!important}:host.focused[color=presentation]>novo-icon{color:var(--color-presentation)!important}:host.focused[color=bullhorn]>novo-icon{color:var(--color-bullhorn)!important}:host.focused[color=pulse]>novo-icon{color:var(--color-pulse)!important}:host.focused[color=fastFind]>novo-icon{color:var(--color-fast-find)!important}:host.focused[color=toast]>novo-icon{color:var(--color-toast)!important}:host.focused[color=company]>novo-icon{color:var(--color-company)!important}:host.focused[color=candidate]>novo-icon{color:var(--color-candidate)!important}:host.focused[color=lead]>novo-icon{color:var(--color-lead)!important}:host.focused[color=contact]>novo-icon{color:var(--color-contact)!important}:host.focused[color=clientcontact]>novo-icon{color:var(--color-clientcontact)!important}:host.focused[color=opportunity]>novo-icon{color:var(--color-opportunity)!important}:host.focused[color=job]>novo-icon{color:var(--color-job)!important}:host.focused[color=joborder]>novo-icon{color:var(--color-joborder)!important}:host.focused[color=submission]>novo-icon{color:var(--color-submission)!important}:host.focused[color=sendout]>novo-icon{color:var(--color-sendout)!important}:host.focused[color=placement]>novo-icon{color:var(--color-placement)!important}:host.focused[color=note]>novo-icon{color:var(--color-note)!important}:host.focused[color=contract]>novo-icon{color:var(--color-contract)!important}:host.focused[color=task]>novo-icon{color:var(--color-task)!important}:host.focused[color=jobCode]>novo-icon{color:var(--color-job-code)!important}:host.focused[color=earnCode]>novo-icon{color:var(--color-earn-code)!important}:host.focused[color=invoiceStatement]>novo-icon{color:var(--color-invoice-statement)!important}:host.focused[color=billableCharge]>novo-icon{color:var(--color-billable-charge)!important}:host.focused[color=payableCharge]>novo-icon{color:var(--color-payable-charge)!important}:host.focused[color=user]>novo-icon{color:var(--color-user)!important}:host.focused[color=corporateUser]>novo-icon{color:var(--color-corporate-user)!important}:host.focused[color=distributionList]>novo-icon{color:var(--color-distribution-list)!important}:host.focused[color=credential]>novo-icon{color:var(--color-credential)!important}:host.focused[color=person]>novo-icon{color:var(--color-person)!important}header novo-search.always-open:not(.focused) button{background:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input{background-color:#ffffff40!important;border-color:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input::placeholder{color:var(--color-empty)!important}\n"], dependencies: [{ kind: "component", type: i2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltipPosition", "tooltipType", "tooltipSize", "tooltipBounce", "tooltipNoAnimate", "tooltipRounded", "tooltipAlways", "tooltipPreline", "removeTooltipArrow", "tooltipAutoPosition", "tooltipIsHTML", "tooltipCloseOnClick", "tooltipOnOverflow", "tooltipActive"] }, { kind: "component", type: i4.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "minWidth", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing", "backDropClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:grid;grid-template-areas:\"icon input\";grid-template-columns:3.2rem 1fr;grid-template-rows:1fr;align-items:center;height:3.2rem;background:var(--background-bright);border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);max-width:400px;min-width:100px;transition:all .25s ease-in-out}:host[size=small]{font-size:var(--font-size-xs);height:2.4rem;grid-template-columns:2.4rem 1fr}:host[size=large]{font-size:1.8rem;height:4rem;grid-template-columns:4rem 1fr}:host>button[theme][theme=fab]{width:2.8em;height:2.8em;min-height:2.8em}:host>input{height:100%;display:block;background:transparent;position:relative;color:var(--text-main);z-index:10;border:none;transition:all .25s;backface-visibility:hidden}:host>input:focus,:host>input:active{outline:none}:host novo-icon{color:var(--text-main)}:host.focused{border:1px solid var(--selection)}:host.focused>novo-icon{color:var(--selection)!important}:host.focused[color=border-default]>novo-icon{color:!important}:host.focused[color=black]>novo-icon{color:var(--color-black)!important}:host.focused[color=white]>novo-icon{color:var(--color-white)!important}:host.focused[color=gray]>novo-icon{color:var(--color-gray)!important}:host.focused[color=grey]>novo-icon{color:var(--color-grey)!important}:host.focused[color=offWhite]>novo-icon{color:var(--color-off-white)!important}:host.focused[color=bright]>novo-icon{color:var(--color-bright)!important}:host.focused[color=light]>novo-icon{color:var(--color-light)!important}:host.focused[color=neutral]>novo-icon{color:var(--color-neutral)!important}:host.focused[color=dark]>novo-icon{color:var(--color-dark)!important}:host.focused[color=orange]>novo-icon{color:var(--color-orange)!important}:host.focused[color=navigation]>novo-icon{color:var(--color-navigation)!important}:host.focused[color=skyBlue]>novo-icon{color:var(--color-sky-blue)!important}:host.focused[color=steel]>novo-icon{color:var(--color-steel)!important}:host.focused[color=metal]>novo-icon{color:var(--color-metal)!important}:host.focused[color=sand]>novo-icon{color:var(--color-sand)!important}:host.focused[color=silver]>novo-icon{color:var(--color-silver)!important}:host.focused[color=stone]>novo-icon{color:var(--color-stone)!important}:host.focused[color=ash]>novo-icon{color:var(--color-ash)!important}:host.focused[color=anonymous]>novo-icon{color:var(--color-anonymous)!important}:host.focused[color=slate]>novo-icon{color:var(--color-slate)!important}:host.focused[color=onyx]>novo-icon{color:var(--color-onyx)!important}:host.focused[color=charcoal]>novo-icon{color:var(--color-charcoal)!important}:host.focused[color=moonlight]>novo-icon{color:var(--color-moonlight)!important}:host.focused[color=midnight]>novo-icon{color:var(--color-midnight)!important}:host.focused[color=darkness]>novo-icon{color:var(--color-darkness)!important}:host.focused[color=navy]>novo-icon{color:var(--color-navy)!important}:host.focused[color=aqua]>novo-icon{color:var(--color-aqua)!important}:host.focused[color=ocean]>novo-icon{color:var(--color-ocean)!important}:host.focused[color=mint]>novo-icon{color:var(--color-mint)!important}:host.focused[color=grass]>novo-icon{color:var(--color-grass)!important}:host.focused[color=sunflower]>novo-icon{color:var(--color-sunflower)!important}:host.focused[color=bittersweet]>novo-icon{color:var(--color-bittersweet)!important}:host.focused[color=grapefruit]>novo-icon{color:var(--color-grapefruit)!important}:host.focused[color=carnation]>novo-icon{color:var(--color-carnation)!important}:host.focused[color=lavender]>novo-icon{color:var(--color-lavender)!important}:host.focused[color=mountain]>novo-icon{color:var(--color-mountain)!important}:host.focused[color=info]>novo-icon{color:var(--color-info)!important}:host.focused[color=positive]>novo-icon{color:var(--color-positive)!important}:host.focused[color=success]>novo-icon{color:var(--color-success)!important}:host.focused[color=negative]>novo-icon{color:var(--color-negative)!important}:host.focused[color=danger]>novo-icon{color:var(--color-danger)!important}:host.focused[color=error]>novo-icon{color:var(--color-error)!important}:host.focused[color=warning]>novo-icon{color:var(--color-warning)!important}:host.focused[color=empty]>novo-icon{color:var(--color-empty)!important}:host.focused[color=disabled]>novo-icon{color:var(--color-disabled)!important}:host.focused[color=background]>novo-icon{color:var(--color-background)!important}:host.focused[color=backgroundDark]>novo-icon{color:var(--color-background-dark)!important}:host.focused[color=border]>novo-icon{color:var(--color-border)!important}:host.focused[color=border2]>novo-icon{color:var(--color-border2)!important}:host.focused[color=text]>novo-icon{color:var(--color-text)!important}:host.focused[color=presentation]>novo-icon{color:var(--color-presentation)!important}:host.focused[color=bullhorn]>novo-icon{color:var(--color-bullhorn)!important}:host.focused[color=pulse]>novo-icon{color:var(--color-pulse)!important}:host.focused[color=fastFind]>novo-icon{color:var(--color-fast-find)!important}:host.focused[color=toast]>novo-icon{color:var(--color-toast)!important}:host.focused[color=company]>novo-icon{color:var(--color-company)!important}:host.focused[color=candidate]>novo-icon{color:var(--color-candidate)!important}:host.focused[color=lead]>novo-icon{color:var(--color-lead)!important}:host.focused[color=contact]>novo-icon{color:var(--color-contact)!important}:host.focused[color=clientcontact]>novo-icon{color:var(--color-clientcontact)!important}:host.focused[color=opportunity]>novo-icon{color:var(--color-opportunity)!important}:host.focused[color=job]>novo-icon{color:var(--color-job)!important}:host.focused[color=joborder]>novo-icon{color:var(--color-joborder)!important}:host.focused[color=submission]>novo-icon{color:var(--color-submission)!important}:host.focused[color=sendout]>novo-icon{color:var(--color-sendout)!important}:host.focused[color=placement]>novo-icon{color:var(--color-placement)!important}:host.focused[color=note]>novo-icon{color:var(--color-note)!important}:host.focused[color=contract]>novo-icon{color:var(--color-contract)!important}:host.focused[color=task]>novo-icon{color:var(--color-task)!important}:host.focused[color=jobCode]>novo-icon{color:var(--color-job-code)!important}:host.focused[color=earnCode]>novo-icon{color:var(--color-earn-code)!important}:host.focused[color=invoiceStatement]>novo-icon{color:var(--color-invoice-statement)!important}:host.focused[color=billableCharge]>novo-icon{color:var(--color-billable-charge)!important}:host.focused[color=payableCharge]>novo-icon{color:var(--color-payable-charge)!important}:host.focused[color=user]>novo-icon{color:var(--color-user)!important}:host.focused[color=corporateUser]>novo-icon{color:var(--color-corporate-user)!important}:host.focused[color=distributionList]>novo-icon{color:var(--color-distribution-list)!important}:host.focused[color=credential]>novo-icon{color:var(--color-credential)!important}:host.focused[color=person]>novo-icon{color:var(--color-person)!important}:host(.has-border){display:flex;align-items:center;gap:var(--spacing-8, .8rem);height:auto;padding:var(--spacing-4, .4rem) 0 var(--spacing-4, .4rem) var(--spacing-16, 1.6rem);border-radius:var(--border-radius-sm, 3px);max-width:none;box-shadow:0 .2rem .2rem var(--color-transparency-charcoal-04, transparent)}:host(.has-border) novo-icon:first-child{flex-shrink:0;font-size:1.6rem;color:var(--color-text-subtle, var(--text-muted))}:host(.has-border) [novo-search-trailing-action]{flex-shrink:0;cursor:pointer;color:var(--color-text-subtle, var(--text-muted))}:host(.has-border) ::ng-deep [novo-search-leading-content]{flex:1;min-width:0;display:flex;align-items:center}:host(.has-border)>input{flex:1 1 0;min-width:0;height:auto}:host(.has-border)>input::placeholder{color:var(--color-text-subtle, var(--text-muted))}:host(.has-border.has-leading-content)>input{display:none}:host-context([data-theme=bh2026]).has-border{border:1px solid var(--color-border-default);border-radius:var(--button-radius)}header novo-search.always-open:not(.focused) button{background:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input{background-color:#ffffff40!important;border-color:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input::placeholder{color:var(--color-empty)!important}\n"], dependencies: [{ kind: "component", type: i2.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltipPosition", "tooltipType", "tooltipSize", "tooltipBounce", "tooltipNoAnimate", "tooltipRounded", "tooltipAlways", "tooltipPreline", "removeTooltipArrow", "tooltipAutoPosition", "tooltipIsHTML", "tooltipCloseOnClick", "tooltipOnOverflow", "tooltipActive"] }, { kind: "component", type: i4.NovoOverlayTemplateComponent, selector: "novo-overlay-template", inputs: ["position", "scrollStrategy", "width", "minWidth", "height", "closeOnSelect", "hasBackdrop", "parent"], outputs: ["select", "opening", "closing", "backDropClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchBoxElement, decorators: [{
             type: Component,
             args: [{ selector: 'novo-search', providers: [SEARCH_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <!-- SEARCH ICON -->
     <novo-icon (click)="showSearch($event)" [tooltip]="hint" tooltipPosition="bottom">{{ icon }}</novo-icon>
+    <!-- LEADING CONTENT SLOT (chips, tags, etc. that visually replace the input when present) -->
+    <ng-content select="[novo-search-leading-content]"></ng-content>
     <!-- SEARCH INPUT -->
     <input
       type="text"
@@ -208,6 +241,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
       #input
       data-automation-id="novo-search-input"
     />
+    <!-- TRAILING ACTION SLOT -->
+    <ng-content select="[novo-search-trailing-action]"></ng-content>
     <!-- SEARCH OVERLAY -->
     <novo-overlay-template
       [parent]="element"
@@ -219,7 +254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
     >
       <ng-content></ng-content>
     </novo-overlay-template>
-  `, standalone: false, styles: [":host{display:grid;grid-template-areas:\"icon input\";grid-template-columns:3.2rem 1fr;grid-template-rows:1fr;align-items:center;height:3.2rem;background:var(--background-bright);border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);max-width:400px;min-width:100px;transition:all .25s ease-in-out}:host[size=small]{font-size:var(--font-size-xs);height:2.4rem;grid-template-columns:2.4rem 1fr}:host[size=large]{font-size:1.8rem;height:4rem;grid-template-columns:4rem 1fr}:host>button[theme][theme=fab]{width:2.8em;height:2.8em;min-height:2.8em}:host>input{height:100%;display:block;background:transparent;position:relative;color:var(--text-main);z-index:10;border:none;transition:all .25s;backface-visibility:hidden}:host>input:focus,:host>input:active{outline:none}:host novo-icon{color:var(--text-main)}:host.focused{border:1px solid var(--selection)}:host.focused>novo-icon{color:var(--selection)!important}:host.focused[color=border-default]>novo-icon{color:!important}:host.focused[color=black]>novo-icon{color:var(--color-black)!important}:host.focused[color=white]>novo-icon{color:var(--color-white)!important}:host.focused[color=gray]>novo-icon{color:var(--color-gray)!important}:host.focused[color=grey]>novo-icon{color:var(--color-grey)!important}:host.focused[color=offWhite]>novo-icon{color:var(--color-off-white)!important}:host.focused[color=bright]>novo-icon{color:var(--color-bright)!important}:host.focused[color=light]>novo-icon{color:var(--color-light)!important}:host.focused[color=neutral]>novo-icon{color:var(--color-neutral)!important}:host.focused[color=dark]>novo-icon{color:var(--color-dark)!important}:host.focused[color=orange]>novo-icon{color:var(--color-orange)!important}:host.focused[color=navigation]>novo-icon{color:var(--color-navigation)!important}:host.focused[color=skyBlue]>novo-icon{color:var(--color-sky-blue)!important}:host.focused[color=steel]>novo-icon{color:var(--color-steel)!important}:host.focused[color=metal]>novo-icon{color:var(--color-metal)!important}:host.focused[color=sand]>novo-icon{color:var(--color-sand)!important}:host.focused[color=silver]>novo-icon{color:var(--color-silver)!important}:host.focused[color=stone]>novo-icon{color:var(--color-stone)!important}:host.focused[color=ash]>novo-icon{color:var(--color-ash)!important}:host.focused[color=anonymous]>novo-icon{color:var(--color-anonymous)!important}:host.focused[color=slate]>novo-icon{color:var(--color-slate)!important}:host.focused[color=onyx]>novo-icon{color:var(--color-onyx)!important}:host.focused[color=charcoal]>novo-icon{color:var(--color-charcoal)!important}:host.focused[color=moonlight]>novo-icon{color:var(--color-moonlight)!important}:host.focused[color=midnight]>novo-icon{color:var(--color-midnight)!important}:host.focused[color=darkness]>novo-icon{color:var(--color-darkness)!important}:host.focused[color=navy]>novo-icon{color:var(--color-navy)!important}:host.focused[color=aqua]>novo-icon{color:var(--color-aqua)!important}:host.focused[color=ocean]>novo-icon{color:var(--color-ocean)!important}:host.focused[color=mint]>novo-icon{color:var(--color-mint)!important}:host.focused[color=grass]>novo-icon{color:var(--color-grass)!important}:host.focused[color=sunflower]>novo-icon{color:var(--color-sunflower)!important}:host.focused[color=bittersweet]>novo-icon{color:var(--color-bittersweet)!important}:host.focused[color=grapefruit]>novo-icon{color:var(--color-grapefruit)!important}:host.focused[color=carnation]>novo-icon{color:var(--color-carnation)!important}:host.focused[color=lavender]>novo-icon{color:var(--color-lavender)!important}:host.focused[color=mountain]>novo-icon{color:var(--color-mountain)!important}:host.focused[color=info]>novo-icon{color:var(--color-info)!important}:host.focused[color=positive]>novo-icon{color:var(--color-positive)!important}:host.focused[color=success]>novo-icon{color:var(--color-success)!important}:host.focused[color=negative]>novo-icon{color:var(--color-negative)!important}:host.focused[color=danger]>novo-icon{color:var(--color-danger)!important}:host.focused[color=error]>novo-icon{color:var(--color-error)!important}:host.focused[color=warning]>novo-icon{color:var(--color-warning)!important}:host.focused[color=empty]>novo-icon{color:var(--color-empty)!important}:host.focused[color=disabled]>novo-icon{color:var(--color-disabled)!important}:host.focused[color=background]>novo-icon{color:var(--color-background)!important}:host.focused[color=backgroundDark]>novo-icon{color:var(--color-background-dark)!important}:host.focused[color=border]>novo-icon{color:var(--color-border)!important}:host.focused[color=border2]>novo-icon{color:var(--color-border2)!important}:host.focused[color=text]>novo-icon{color:var(--color-text)!important}:host.focused[color=presentation]>novo-icon{color:var(--color-presentation)!important}:host.focused[color=bullhorn]>novo-icon{color:var(--color-bullhorn)!important}:host.focused[color=pulse]>novo-icon{color:var(--color-pulse)!important}:host.focused[color=fastFind]>novo-icon{color:var(--color-fast-find)!important}:host.focused[color=toast]>novo-icon{color:var(--color-toast)!important}:host.focused[color=company]>novo-icon{color:var(--color-company)!important}:host.focused[color=candidate]>novo-icon{color:var(--color-candidate)!important}:host.focused[color=lead]>novo-icon{color:var(--color-lead)!important}:host.focused[color=contact]>novo-icon{color:var(--color-contact)!important}:host.focused[color=clientcontact]>novo-icon{color:var(--color-clientcontact)!important}:host.focused[color=opportunity]>novo-icon{color:var(--color-opportunity)!important}:host.focused[color=job]>novo-icon{color:var(--color-job)!important}:host.focused[color=joborder]>novo-icon{color:var(--color-joborder)!important}:host.focused[color=submission]>novo-icon{color:var(--color-submission)!important}:host.focused[color=sendout]>novo-icon{color:var(--color-sendout)!important}:host.focused[color=placement]>novo-icon{color:var(--color-placement)!important}:host.focused[color=note]>novo-icon{color:var(--color-note)!important}:host.focused[color=contract]>novo-icon{color:var(--color-contract)!important}:host.focused[color=task]>novo-icon{color:var(--color-task)!important}:host.focused[color=jobCode]>novo-icon{color:var(--color-job-code)!important}:host.focused[color=earnCode]>novo-icon{color:var(--color-earn-code)!important}:host.focused[color=invoiceStatement]>novo-icon{color:var(--color-invoice-statement)!important}:host.focused[color=billableCharge]>novo-icon{color:var(--color-billable-charge)!important}:host.focused[color=payableCharge]>novo-icon{color:var(--color-payable-charge)!important}:host.focused[color=user]>novo-icon{color:var(--color-user)!important}:host.focused[color=corporateUser]>novo-icon{color:var(--color-corporate-user)!important}:host.focused[color=distributionList]>novo-icon{color:var(--color-distribution-list)!important}:host.focused[color=credential]>novo-icon{color:var(--color-credential)!important}:host.focused[color=person]>novo-icon{color:var(--color-person)!important}header novo-search.always-open:not(.focused) button{background:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input{background-color:#ffffff40!important;border-color:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input::placeholder{color:var(--color-empty)!important}\n"] }]
+  `, standalone: false, styles: [":host{display:grid;grid-template-areas:\"icon input\";grid-template-columns:3.2rem 1fr;grid-template-rows:1fr;align-items:center;height:3.2rem;background:var(--background-bright);border:1px solid var(--color-border-default);border-radius:var(--border-radius-sm);max-width:400px;min-width:100px;transition:all .25s ease-in-out}:host[size=small]{font-size:var(--font-size-xs);height:2.4rem;grid-template-columns:2.4rem 1fr}:host[size=large]{font-size:1.8rem;height:4rem;grid-template-columns:4rem 1fr}:host>button[theme][theme=fab]{width:2.8em;height:2.8em;min-height:2.8em}:host>input{height:100%;display:block;background:transparent;position:relative;color:var(--text-main);z-index:10;border:none;transition:all .25s;backface-visibility:hidden}:host>input:focus,:host>input:active{outline:none}:host novo-icon{color:var(--text-main)}:host.focused{border:1px solid var(--selection)}:host.focused>novo-icon{color:var(--selection)!important}:host.focused[color=border-default]>novo-icon{color:!important}:host.focused[color=black]>novo-icon{color:var(--color-black)!important}:host.focused[color=white]>novo-icon{color:var(--color-white)!important}:host.focused[color=gray]>novo-icon{color:var(--color-gray)!important}:host.focused[color=grey]>novo-icon{color:var(--color-grey)!important}:host.focused[color=offWhite]>novo-icon{color:var(--color-off-white)!important}:host.focused[color=bright]>novo-icon{color:var(--color-bright)!important}:host.focused[color=light]>novo-icon{color:var(--color-light)!important}:host.focused[color=neutral]>novo-icon{color:var(--color-neutral)!important}:host.focused[color=dark]>novo-icon{color:var(--color-dark)!important}:host.focused[color=orange]>novo-icon{color:var(--color-orange)!important}:host.focused[color=navigation]>novo-icon{color:var(--color-navigation)!important}:host.focused[color=skyBlue]>novo-icon{color:var(--color-sky-blue)!important}:host.focused[color=steel]>novo-icon{color:var(--color-steel)!important}:host.focused[color=metal]>novo-icon{color:var(--color-metal)!important}:host.focused[color=sand]>novo-icon{color:var(--color-sand)!important}:host.focused[color=silver]>novo-icon{color:var(--color-silver)!important}:host.focused[color=stone]>novo-icon{color:var(--color-stone)!important}:host.focused[color=ash]>novo-icon{color:var(--color-ash)!important}:host.focused[color=anonymous]>novo-icon{color:var(--color-anonymous)!important}:host.focused[color=slate]>novo-icon{color:var(--color-slate)!important}:host.focused[color=onyx]>novo-icon{color:var(--color-onyx)!important}:host.focused[color=charcoal]>novo-icon{color:var(--color-charcoal)!important}:host.focused[color=moonlight]>novo-icon{color:var(--color-moonlight)!important}:host.focused[color=midnight]>novo-icon{color:var(--color-midnight)!important}:host.focused[color=darkness]>novo-icon{color:var(--color-darkness)!important}:host.focused[color=navy]>novo-icon{color:var(--color-navy)!important}:host.focused[color=aqua]>novo-icon{color:var(--color-aqua)!important}:host.focused[color=ocean]>novo-icon{color:var(--color-ocean)!important}:host.focused[color=mint]>novo-icon{color:var(--color-mint)!important}:host.focused[color=grass]>novo-icon{color:var(--color-grass)!important}:host.focused[color=sunflower]>novo-icon{color:var(--color-sunflower)!important}:host.focused[color=bittersweet]>novo-icon{color:var(--color-bittersweet)!important}:host.focused[color=grapefruit]>novo-icon{color:var(--color-grapefruit)!important}:host.focused[color=carnation]>novo-icon{color:var(--color-carnation)!important}:host.focused[color=lavender]>novo-icon{color:var(--color-lavender)!important}:host.focused[color=mountain]>novo-icon{color:var(--color-mountain)!important}:host.focused[color=info]>novo-icon{color:var(--color-info)!important}:host.focused[color=positive]>novo-icon{color:var(--color-positive)!important}:host.focused[color=success]>novo-icon{color:var(--color-success)!important}:host.focused[color=negative]>novo-icon{color:var(--color-negative)!important}:host.focused[color=danger]>novo-icon{color:var(--color-danger)!important}:host.focused[color=error]>novo-icon{color:var(--color-error)!important}:host.focused[color=warning]>novo-icon{color:var(--color-warning)!important}:host.focused[color=empty]>novo-icon{color:var(--color-empty)!important}:host.focused[color=disabled]>novo-icon{color:var(--color-disabled)!important}:host.focused[color=background]>novo-icon{color:var(--color-background)!important}:host.focused[color=backgroundDark]>novo-icon{color:var(--color-background-dark)!important}:host.focused[color=border]>novo-icon{color:var(--color-border)!important}:host.focused[color=border2]>novo-icon{color:var(--color-border2)!important}:host.focused[color=text]>novo-icon{color:var(--color-text)!important}:host.focused[color=presentation]>novo-icon{color:var(--color-presentation)!important}:host.focused[color=bullhorn]>novo-icon{color:var(--color-bullhorn)!important}:host.focused[color=pulse]>novo-icon{color:var(--color-pulse)!important}:host.focused[color=fastFind]>novo-icon{color:var(--color-fast-find)!important}:host.focused[color=toast]>novo-icon{color:var(--color-toast)!important}:host.focused[color=company]>novo-icon{color:var(--color-company)!important}:host.focused[color=candidate]>novo-icon{color:var(--color-candidate)!important}:host.focused[color=lead]>novo-icon{color:var(--color-lead)!important}:host.focused[color=contact]>novo-icon{color:var(--color-contact)!important}:host.focused[color=clientcontact]>novo-icon{color:var(--color-clientcontact)!important}:host.focused[color=opportunity]>novo-icon{color:var(--color-opportunity)!important}:host.focused[color=job]>novo-icon{color:var(--color-job)!important}:host.focused[color=joborder]>novo-icon{color:var(--color-joborder)!important}:host.focused[color=submission]>novo-icon{color:var(--color-submission)!important}:host.focused[color=sendout]>novo-icon{color:var(--color-sendout)!important}:host.focused[color=placement]>novo-icon{color:var(--color-placement)!important}:host.focused[color=note]>novo-icon{color:var(--color-note)!important}:host.focused[color=contract]>novo-icon{color:var(--color-contract)!important}:host.focused[color=task]>novo-icon{color:var(--color-task)!important}:host.focused[color=jobCode]>novo-icon{color:var(--color-job-code)!important}:host.focused[color=earnCode]>novo-icon{color:var(--color-earn-code)!important}:host.focused[color=invoiceStatement]>novo-icon{color:var(--color-invoice-statement)!important}:host.focused[color=billableCharge]>novo-icon{color:var(--color-billable-charge)!important}:host.focused[color=payableCharge]>novo-icon{color:var(--color-payable-charge)!important}:host.focused[color=user]>novo-icon{color:var(--color-user)!important}:host.focused[color=corporateUser]>novo-icon{color:var(--color-corporate-user)!important}:host.focused[color=distributionList]>novo-icon{color:var(--color-distribution-list)!important}:host.focused[color=credential]>novo-icon{color:var(--color-credential)!important}:host.focused[color=person]>novo-icon{color:var(--color-person)!important}:host(.has-border){display:flex;align-items:center;gap:var(--spacing-8, .8rem);height:auto;padding:var(--spacing-4, .4rem) 0 var(--spacing-4, .4rem) var(--spacing-16, 1.6rem);border-radius:var(--border-radius-sm, 3px);max-width:none;box-shadow:0 .2rem .2rem var(--color-transparency-charcoal-04, transparent)}:host(.has-border) novo-icon:first-child{flex-shrink:0;font-size:1.6rem;color:var(--color-text-subtle, var(--text-muted))}:host(.has-border) [novo-search-trailing-action]{flex-shrink:0;cursor:pointer;color:var(--color-text-subtle, var(--text-muted))}:host(.has-border) ::ng-deep [novo-search-leading-content]{flex:1;min-width:0;display:flex;align-items:center}:host(.has-border)>input{flex:1 1 0;min-width:0;height:auto}:host(.has-border)>input::placeholder{color:var(--color-text-subtle, var(--text-muted))}:host(.has-border.has-leading-content)>input{display:none}:host-context([data-theme=bh2026]).has-border{border:1px solid var(--color-border-default);border-radius:var(--button-radius)}header novo-search.always-open:not(.focused) button{background:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input{background-color:#ffffff40!important;border-color:#ffffff40!important;color:rgb(from var(--color-positive) r g b/.25)!important}header novo-search.always-open:not(.focused) input::placeholder{color:var(--color-empty)!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NovoLabelService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { name: [{
                 type: Input
             }], icon: [{
@@ -233,6 +268,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.always-open']
+            }], bordered: [{
+                type: Input
+            }], hasBorder: [{
+                type: HostBinding,
+                args: ['class.has-border']
             }], theme: [{
                 type: Input
             }], color: [{
@@ -260,6 +300,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }], focused: [{
                 type: HostBinding,
                 args: ['class.focused']
+            }], leadingContent: [{
+                type: ContentChild,
+                args: [NovoSearchLeadingContentDirective]
+            }], hasLeadingContent: [{
+                type: HostBinding,
+                args: ['class.has-leading-content']
             }], overlay: [{
                 type: ViewChild,
                 args: [NovoOverlayTemplateComponent]
@@ -274,15 +320,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 // NG2
 class NovoSearchBoxModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchBoxModule, declarations: [NovoSearchBoxElement], imports: [CommonModule, NovoIconModule, NovoPickerModule, NovoTooltipModule, NovoOverlayModule], exports: [NovoSearchBoxElement] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchBoxModule, declarations: [NovoSearchBoxElement, NovoSearchLeadingContentDirective], imports: [CommonModule, NovoIconModule, NovoPickerModule, NovoTooltipModule, NovoOverlayModule], exports: [NovoSearchBoxElement, NovoSearchLeadingContentDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchBoxModule, imports: [CommonModule, NovoIconModule, NovoPickerModule, NovoTooltipModule, NovoOverlayModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoSearchBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, NovoIconModule, NovoPickerModule, NovoTooltipModule, NovoOverlayModule],
-                    declarations: [NovoSearchBoxElement],
-                    exports: [NovoSearchBoxElement],
+                    declarations: [NovoSearchBoxElement, NovoSearchLeadingContentDirective],
+                    exports: [NovoSearchBoxElement, NovoSearchLeadingContentDirective],
                 }]
         }] });
 
@@ -290,5 +336,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NovoSearchBoxElement, NovoSearchBoxModule };
+export { NovoSearchBoxElement, NovoSearchBoxModule, NovoSearchLeadingContentDirective };
 //# sourceMappingURL=novo-elements-elements-search.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"novo-elements-elements-search.mjs","sources":["../../../projects/novo-elements/src/elements/search/SearchBox.ts","../../../projects/novo-elements/src/elements/search/SearchBox.module.ts","../../../projects/novo-elements/src/elements/search/novo-elements-elements-search.ts"],"sourcesContent":["// NG2\nimport { ENTER } from '@angular/cdk/keycodes';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  Input,\n  NgZone,\n  OnInit,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\nimport { Key } from 'novo-elements/utils';\nimport { NovoOverlayTemplateComponent } from 'novo-elements/elements/common';\n\n// Value accessor for the component (supports ngModel)\nconst SEARCH_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => NovoSearchBoxElement),\n  multi: true,\n};\n\n@Component({\n    selector: 'novo-search',\n    providers: [SEARCH_VALUE_ACCESSOR],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n    <!-- SEARCH ICON -->\n    <novo-icon (click)=\"showSearch($event)\" [tooltip]=\"hint\" tooltipPosition=\"bottom\">{{ icon }}</novo-icon>\n    <!-- SEARCH INPUT -->\n    <input\n      type=\"text\"\n      [attr.name]=\"name\"\n      [attr.value]=\"displayValue\"\n      [attr.placeholder]=\"placeholder\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"_handleKeydown($event)\"\n      (input)=\"_handleInput($event)\"\n      #input\n      data-automation-id=\"novo-search-input\"\n    />\n    <!-- SEARCH OVERLAY -->\n    <novo-overlay-template\n      [parent]=\"element\"\n      [closeOnSelect]=\"closeOnSelect\"\n      [position]=\"position\"\n      [hasBackdrop]=\"hasBackdrop\"\n      (select)=\"onSelect()\"\n      (closing)=\"onBlur()\"\n    >\n      <ng-content></ng-content>\n    </novo-overlay-template>\n  `,\n    styleUrls: ['./SearchBox.scss'],\n    standalone: false,\n})\nexport class NovoSearchBoxElement implements ControlValueAccessor, OnInit {\n  @Input()\n  public name: string;\n  @Input()\n  public icon: string = 'search';\n  @Input()\n  public position: string = 'bottom-left';\n  @Input()\n  public placeholder: string = 'Search...';\n  @Input()\n  @HostBinding('class.always-open')\n  public alwaysOpen: boolean = false;\n  @Input()\n  public theme: string;\n  @Input()\n  public color: string = 'positive';\n  @Input()\n  public closeOnSelect: boolean = true;\n  @Input()\n  public displayField: string;\n  @Input()\n  public displayValue: string;\n  @Input()\n  public hint: string;\n  @Input()\n  public keepOpen: boolean = false;\n  @Input()\n  public hasBackdrop: boolean = false;\n  @Input()\n  public allowPropagation: boolean = false;\n  @Input()\n  public overrideElement: ElementRef;\n  @Output()\n  public searchChanged: EventEmitter<string> = new EventEmitter<string>();\n  @Output()\n  public applySearch: EventEmitter<KeyboardEvent> = new EventEmitter<KeyboardEvent>();\n  @HostBinding('class.focused')\n  focused: boolean = false;\n  public value: any;\n\n  /** View -> model callback called when value changes */\n  _onChange: (value: any) => void = () => {};\n  /** View -> model callback called when autocomplete has been touched */\n  _onTouched = () => {};\n\n  /** Element for the panel containing the autocomplete options. */\n  @ViewChild(NovoOverlayTemplateComponent)\n  overlay: any;\n  @ViewChild('input', { static: true })\n  input: any;\n\n  private debounceSearchChange: any;\n\n  constructor(\n    public element: ElementRef,\n    public labels: NovoLabelService,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _zone: NgZone,\n  ) {}\n\n  ngOnInit() {\n    if (this.overrideElement) {\n      this.element = this.overrideElement;\n    }\n  }\n\n  /**\n   * @name showFasterFind\n   * @description This function shows the picker and adds the active class (for animation)\n   */\n  showSearch(event?: any, forceClose: boolean = false) {\n    if (!this.panelOpen) {\n      // Reset search\n      // Set focus on search\n      setTimeout(() => {\n        const element = this.input.nativeElement;\n        if (element) {\n          element.focus();\n        }\n      }, 10);\n    } else {\n      this.closePanel();\n    }\n  }\n  onFocus() {\n    this._zone.run(() => {\n      this.focused = true;\n      this.openPanel();\n    });\n  }\n  onBlur() {\n    if (!this.keepOpen || !this.panelOpen) {\n      this.focused = false;\n    }\n  }\n  onSelect() {\n    if (!this.keepOpen) {\n      this.closePanel();\n    }\n  }\n  /** BEGIN: Convenient Panel Methods. */\n  openPanel(): void {\n    this.overlay.openPanel();\n  }\n  closePanel(): void {\n    setTimeout(() => this.overlay.closePanel());\n    this.focused = false;\n  }\n  get panelOpen(): boolean {\n    return this.overlay && this.overlay.panelOpen;\n  }\n  @HostBinding('class.active')\n  get active(): boolean {\n    return this.panelOpen || this.alwaysOpen;\n  }\n  /** END: Convenient Panel Methods. */\n\n  _handleKeydown(event: KeyboardEvent): void {\n    if ((event.key === Key.Escape || event.key === Key.Enter || event.key === Key.Tab) && this.panelOpen) {\n      if (event.keyCode === ENTER) {\n        this.applySearch.emit(event);\n      }\n      this.closePanel();\n      if (!this.allowPropagation) {\n        event.stopPropagation();\n      }\n    }\n  }\n  _handleInput(event: KeyboardEvent): void {\n    if (document.activeElement === event.target) {\n      this.value = (event.target as HTMLInputElement).value;\n      this._onChange((event.target as HTMLInputElement).value);\n\n      if (this.debounceSearchChange) {\n        clearTimeout(this.debounceSearchChange);\n      }\n      this.debounceSearchChange = setTimeout(() => {\n        this.searchChanged.emit((event.target as HTMLInputElement).value);\n      }, 400);\n    }\n  }\n  writeValue(value: any): void {\n    this._setValue(value);\n  }\n  registerOnChange(fn: (value: any) => {}): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: () => {}) {\n    this._onTouched = fn;\n  }\n  private _setValue(value: any): void {\n    this.value = value;\n    let toDisplay = value;\n    if (value && this.displayField) {\n      toDisplay = value.hasOwnProperty(this.displayField) ? value[this.displayField] : value;\n    }\n    // Simply falling back to an empty string if the display value is falsy does not work properly.\n    // The display value can also be the number zero and shouldn't fall back to an empty string.\n    this.displayValue = toDisplay ? toDisplay : '';\n    this.input.nativeElement.value = this.displayValue;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * This method closes the panel, and if a value is specified, also sets the associated\n   * control to that value. It will also mark the control as dirty if this interaction\n   * stemmed from the user.\n   */\n  public setValueAndClose(event: any | null): void {\n    if (event && event.value) {\n      this._setValue(event.value);\n      this._onChange(event.value);\n    }\n    this.closePanel();\n  }\n\n  /**\n   * Clear any previous selected option and emit a selection change event for this option\n   */\n  public clearValue(skip: any) {\n    this.writeValue(null);\n    this._onChange(null);\n  }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoOverlayModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoPickerModule } from 'novo-elements/elements/picker';\nimport { NovoTooltipModule } from 'novo-elements/elements/tooltip';\nimport { NovoSearchBoxElement } from './SearchBox';\n@NgModule({\n  imports: [CommonModule, NovoIconModule, NovoPickerModule, NovoTooltipModule, NovoOverlayModule],\n  declarations: [NovoSearchBoxElement],\n  exports: [NovoSearchBoxElement],\n})\nexport class NovoSearchBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"novo-elements-elements-search.mjs","sources":["../../../projects/novo-elements/src/elements/search/SearchBox.ts","../../../projects/novo-elements/src/elements/search/SearchBox.module.ts","../../../projects/novo-elements/src/elements/search/novo-elements-elements-search.ts"],"sourcesContent":["// NG2\nimport { ENTER } from '@angular/cdk/keycodes';\nimport {\n  AfterContentChecked,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  Input,\n  NgZone,\n  OnInit,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\nimport { Key } from 'novo-elements/utils';\nimport { NovoOverlayTemplateComponent } from 'novo-elements/elements/common';\n\n/**\n * Marker directive for content projected into the leading (left) area of `novo-search`.\n * When present, the text input is hidden and the projected content fills its space.\n */\n@Directive({\n  selector: '[novo-search-leading-content]',\n  standalone: false,\n})\nexport class NovoSearchLeadingContentDirective {}\n\n// Value accessor for the component (supports ngModel)\nconst SEARCH_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => NovoSearchBoxElement),\n  multi: true,\n};\n\n@Component({\n    selector: 'novo-search',\n    providers: [SEARCH_VALUE_ACCESSOR],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n    <!-- SEARCH ICON -->\n    <novo-icon (click)=\"showSearch($event)\" [tooltip]=\"hint\" tooltipPosition=\"bottom\">{{ icon }}</novo-icon>\n    <!-- LEADING CONTENT SLOT (chips, tags, etc. that visually replace the input when present) -->\n    <ng-content select=\"[novo-search-leading-content]\"></ng-content>\n    <!-- SEARCH INPUT -->\n    <input\n      type=\"text\"\n      [attr.name]=\"name\"\n      [attr.value]=\"displayValue\"\n      [attr.placeholder]=\"placeholder\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"_handleKeydown($event)\"\n      (input)=\"_handleInput($event)\"\n      #input\n      data-automation-id=\"novo-search-input\"\n    />\n    <!-- TRAILING ACTION SLOT -->\n    <ng-content select=\"[novo-search-trailing-action]\"></ng-content>\n    <!-- SEARCH OVERLAY -->\n    <novo-overlay-template\n      [parent]=\"element\"\n      [closeOnSelect]=\"closeOnSelect\"\n      [position]=\"position\"\n      [hasBackdrop]=\"hasBackdrop\"\n      (select)=\"onSelect()\"\n      (closing)=\"onBlur()\"\n    >\n      <ng-content></ng-content>\n    </novo-overlay-template>\n  `,\n    styleUrls: ['./SearchBox.scss'],\n    standalone: false,\n})\nexport class NovoSearchBoxElement implements ControlValueAccessor, OnInit, AfterContentChecked {\n  @Input()\n  public name: string;\n  @Input()\n  public icon: string = 'search';\n  @Input()\n  public position: string = 'bottom-left';\n  @Input()\n  public placeholder: string = 'Search...';\n  @Input()\n  @HostBinding('class.always-open')\n  public alwaysOpen: boolean = false;\n  @Input()\n  public bordered: boolean = false;\n\n  @HostBinding('class.has-border')\n  get hasBorder(): boolean {\n    return this.bordered;\n  }\n  @Input()\n  public theme: string;\n  @Input()\n  public color: string = 'positive';\n  @Input()\n  public closeOnSelect: boolean = true;\n  @Input()\n  public displayField: string;\n  @Input()\n  public displayValue: string;\n  @Input()\n  public hint: string;\n  @Input()\n  public keepOpen: boolean = false;\n  @Input()\n  public hasBackdrop: boolean = false;\n  @Input()\n  public allowPropagation: boolean = false;\n  @Input()\n  public overrideElement: ElementRef;\n  @Output()\n  public searchChanged: EventEmitter<string> = new EventEmitter<string>();\n  @Output()\n  public applySearch: EventEmitter<KeyboardEvent> = new EventEmitter<KeyboardEvent>();\n  @HostBinding('class.focused')\n  focused: boolean = false;\n  public value: any;\n\n  @ContentChild(NovoSearchLeadingContentDirective)\n  leadingContent: NovoSearchLeadingContentDirective;\n\n  @HostBinding('class.has-leading-content')\n  get hasLeadingContent(): boolean {\n    return !!this.leadingContent;\n  }\n\n  /** View -> model callback called when value changes */\n  _onChange: (value: any) => void = () => {};\n  /** View -> model callback called when autocomplete has been touched */\n  _onTouched = () => {};\n\n  /** Element for the panel containing the autocomplete options. */\n  @ViewChild(NovoOverlayTemplateComponent)\n  overlay: any;\n  @ViewChild('input', { static: true })\n  input: any;\n\n  private debounceSearchChange: any;\n  private _hasLeadingContent = false;\n\n  constructor(\n    public element: ElementRef,\n    public labels: NovoLabelService,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _zone: NgZone,\n  ) {}\n\n  ngOnInit() {\n    if (this.overrideElement) {\n      this.element = this.overrideElement;\n    }\n  }\n\n  ngAfterContentChecked() {\n    const hasLeading = !!this.leadingContent;\n    if (hasLeading !== this._hasLeadingContent) {\n      this._hasLeadingContent = hasLeading;\n      this._changeDetectorRef.markForCheck();\n    }\n  }\n\n  showSearch(event?: any, forceClose: boolean = false) {\n    if (!this.panelOpen) {\n      setTimeout(() => {\n        const inputElement = this.input.nativeElement;\n        if (inputElement?.offsetParent) {\n          inputElement.focus();\n        } else {\n          this.openPanel();\n        }\n      }, 10);\n    } else {\n      this.closePanel();\n    }\n  }\n  onFocus() {\n    this._zone.run(() => {\n      this.focused = true;\n      this.openPanel();\n    });\n  }\n  onBlur() {\n    if (!this.keepOpen || !this.panelOpen) {\n      this.focused = false;\n    }\n  }\n  onSelect() {\n    if (!this.keepOpen) {\n      this.closePanel();\n    }\n  }\n  /** BEGIN: Convenient Panel Methods. */\n  openPanel(): void {\n    this.overlay.openPanel();\n  }\n  closePanel(): void {\n    setTimeout(() => this.overlay.closePanel());\n    this.focused = false;\n  }\n  get panelOpen(): boolean {\n    return this.overlay && this.overlay.panelOpen;\n  }\n  @HostBinding('class.active')\n  get active(): boolean {\n    return this.panelOpen || this.alwaysOpen;\n  }\n  /** END: Convenient Panel Methods. */\n\n  _handleKeydown(event: KeyboardEvent): void {\n    if ((event.key === Key.Escape || event.key === Key.Enter || event.key === Key.Tab) && this.panelOpen) {\n      if (event.keyCode === ENTER) {\n        this.applySearch.emit(event);\n      }\n      this.closePanel();\n      if (!this.allowPropagation) {\n        event.stopPropagation();\n      }\n    }\n  }\n  _handleInput(event: KeyboardEvent): void {\n    if (document.activeElement === event.target) {\n      this.value = (event.target as HTMLInputElement).value;\n      this._onChange((event.target as HTMLInputElement).value);\n\n      if (this.debounceSearchChange) {\n        clearTimeout(this.debounceSearchChange);\n      }\n      this.debounceSearchChange = setTimeout(() => {\n        this.searchChanged.emit((event.target as HTMLInputElement).value);\n      }, 400);\n    }\n  }\n  writeValue(value: any): void {\n    this._setValue(value);\n  }\n  registerOnChange(fn: (value: any) => {}): void {\n    this._onChange = fn;\n  }\n  registerOnTouched(fn: () => {}) {\n    this._onTouched = fn;\n  }\n  private _setValue(value: any): void {\n    this.value = value;\n    let toDisplay = value;\n    if (value && this.displayField) {\n      toDisplay = value.hasOwnProperty(this.displayField) ? value[this.displayField] : value;\n    }\n    // Simply falling back to an empty string if the display value is falsy does not work properly.\n    // The display value can also be the number zero and shouldn't fall back to an empty string.\n    this.displayValue = toDisplay ? toDisplay : '';\n    this.input.nativeElement.value = this.displayValue;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * This method closes the panel, and if a value is specified, also sets the associated\n   * control to that value. It will also mark the control as dirty if this interaction\n   * stemmed from the user.\n   */\n  public setValueAndClose(event: any | null): void {\n    if (event && event.value) {\n      this._setValue(event.value);\n      this._onChange(event.value);\n    }\n    this.closePanel();\n  }\n\n  /**\n   * Clear any previous selected option and emit a selection change event for this option\n   */\n  public clearValue(skip: any) {\n    this.writeValue(null);\n    this._onChange(null);\n  }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoOverlayModule } from 'novo-elements/elements/common';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoPickerModule } from 'novo-elements/elements/picker';\nimport { NovoTooltipModule } from 'novo-elements/elements/tooltip';\nimport { NovoSearchBoxElement, NovoSearchLeadingContentDirective } from './SearchBox';\n@NgModule({\n  imports: [CommonModule, NovoIconModule, NovoPickerModule, NovoTooltipModule, NovoOverlayModule],\n  declarations: [NovoSearchBoxElement, NovoSearchLeadingContentDirective],\n  exports: [NovoSearchBoxElement, NovoSearchLeadingContentDirective],\n})\nexport class NovoSearchBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;AAyBA;;;AAGG;MAKU,iCAAiC,CAAA;+GAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjC,iCAAiC,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAJ7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;AAGD;AACA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,IAAA,KAAK,EAAE,IAAI;CACZ;MAyCY,oBAAoB,CAAA;AAe/B,IAAA,IACI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,QAAQ;IACtB;AAgCA,IAAA,IACI,iBAAiB,GAAA;AACnB,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc;IAC9B;AAgBA,IAAA,WAAA,CACS,OAAmB,EACnB,MAAwB,EACvB,kBAAqC,EACrC,KAAa,EAAA;QAHd,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,MAAM,GAAN,MAAM;QACL,IAAA,CAAA,kBAAkB,GAAlB,kBAAkB;QAClB,IAAA,CAAA,KAAK,GAAL,KAAK;QArER,IAAA,CAAA,IAAI,GAAW,QAAQ;QAEvB,IAAA,CAAA,QAAQ,GAAW,aAAa;QAEhC,IAAA,CAAA,WAAW,GAAW,WAAW;QAGjC,IAAA,CAAA,UAAU,GAAY,KAAK;QAE3B,IAAA,CAAA,QAAQ,GAAY,KAAK;QASzB,IAAA,CAAA,KAAK,GAAW,UAAU;QAE1B,IAAA,CAAA,aAAa,GAAY,IAAI;QAQ7B,IAAA,CAAA,QAAQ,GAAY,KAAK;QAEzB,IAAA,CAAA,WAAW,GAAY,KAAK;QAE5B,IAAA,CAAA,gBAAgB,GAAY,KAAK;AAIjC,QAAA,IAAA,CAAA,aAAa,GAAyB,IAAI,YAAY,EAAU;AAEhE,QAAA,IAAA,CAAA,WAAW,GAAgC,IAAI,YAAY,EAAiB;QAEnF,IAAA,CAAA,OAAO,GAAY,KAAK;;AAYxB,QAAA,IAAA,CAAA,SAAS,GAAyB,MAAK,EAAE,CAAC;;AAE1C,QAAA,IAAA,CAAA,UAAU,GAAG,MAAK,EAAE,CAAC;QASb,IAAA,CAAA,kBAAkB,GAAG,KAAK;IAO/B;IAEH,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe;QACrC;IACF;IAEA,qBAAqB,GAAA;AACnB,QAAA,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc;AACxC,QAAA,IAAI,UAAU,KAAK,IAAI,CAAC,kBAAkB,EAAE;AAC1C,YAAA,IAAI,CAAC,kBAAkB,GAAG,UAAU;AACpC,YAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;QACxC;IACF;AAEA,IAAA,UAAU,CAAC,KAAW,EAAE,UAAA,GAAsB,KAAK,EAAA;AACjD,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,UAAU,CAAC,MAAK;AACd,gBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;AAC7C,gBAAA,IAAI,YAAY,EAAE,YAAY,EAAE;oBAC9B,YAAY,CAAC,KAAK,EAAE;gBACtB;qBAAO;oBACL,IAAI,CAAC,SAAS,EAAE;gBAClB;YACF,CAAC,EAAE,EAAE,CAAC;QACR;aAAO;YACL,IAAI,CAAC,UAAU,EAAE;QACnB;IACF;IACA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAK;AAClB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,SAAS,EAAE;AAClB,QAAA,CAAC,CAAC;IACJ;IACA,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACrC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QACtB;IACF;IACA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,UAAU,EAAE;QACnB;IACF;;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;IAC1B;IACA,UAAU,GAAA;QACR,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;AAC3C,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;IACtB;AACA,IAAA,IAAI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS;IAC/C;AACA,IAAA,IACI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU;IAC1C;;AAGA,IAAA,cAAc,CAAC,KAAoB,EAAA;QACjC,IAAI,CAAC,KAAK,CAAC,GAAG,kCAAmB,KAAK,CAAC,GAAG,KAAA,OAAA,oBAAkB,KAAK,CAAC,GAAG,KAAA,KAAA,mBAAiB,IAAI,CAAC,SAAS,EAAE;AACpG,YAAA,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,EAAE;AAC3B,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;YAC9B;YACA,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,KAAK,CAAC,eAAe,EAAE;YACzB;QACF;IACF;AACA,IAAA,YAAY,CAAC,KAAoB,EAAA;QAC/B,IAAI,QAAQ,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM,EAAE;YAC3C,IAAI,CAAC,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;YACrD,IAAI,CAAC,SAAS,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;AAExD,YAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC7B,gBAAA,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC;YACzC;AACA,YAAA,IAAI,CAAC,oBAAoB,GAAG,UAAU,CAAC,MAAK;gBAC1C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;YACnE,CAAC,EAAE,GAAG,CAAC;QACT;IACF;AACA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;IACvB;AACA,IAAA,gBAAgB,CAAC,EAAsB,EAAA;AACrC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AACA,IAAA,iBAAiB,CAAC,EAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AACQ,IAAA,SAAS,CAAC,KAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;QAClB,IAAI,SAAS,GAAG,KAAK;AACrB,QAAA,IAAI,KAAK,IAAI,IAAI,CAAC,YAAY,EAAE;YAC9B,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,KAAK;QACxF;;;AAGA,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE;QAC9C,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY;AAClD,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;IACxC;AAEA;;;;AAIG;AACI,IAAA,gBAAgB,CAAC,KAAiB,EAAA;AACvC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;QAC7B;QACA,IAAI,CAAC,UAAU,EAAE;IACnB;AAEA;;AAEG;AACI,IAAA,UAAU,CAAC,IAAS,EAAA;AACzB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IACtB;+GA1MW,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,2BAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,EAAA,SAAA,EArClB,CAAC,qBAAqB,CAAC,sEAoFtB,iCAAiC,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAcpC,4BAA4B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhG3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oyQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,eAAA,EAAA,aAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAIU,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAvChC,SAAS;+BACI,aAAa,EAAA,SAAA,EACZ,CAAC,qBAAqB,CAAC,mBACjB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BX,EAAA,CAAA,EAAA,UAAA,EAEa,KAAK,EAAA,MAAA,EAAA,CAAA,oyQAAA,CAAA,EAAA;;sBAGlB;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBACA,WAAW;uBAAC,mBAAmB;;sBAE/B;;sBAGA,WAAW;uBAAC,kBAAkB;;sBAI9B;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA,WAAW;uBAAC,eAAe;;sBAI3B,YAAY;uBAAC,iCAAiC;;sBAG9C,WAAW;uBAAC,2BAA2B;;sBAWvC,SAAS;uBAAC,4BAA4B;;sBAEtC,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;sBAoEnC,WAAW;uBAAC,cAAc;;;ACpN7B;MAca,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,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,mBAAmB,iBAHf,oBAAoB,EAAE,iCAAiC,CAAA,EAAA,OAAA,EAAA,CAD5D,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAEpF,oBAAoB,EAAE,iCAAiC,CAAA,EAAA,CAAA,CAAA;gHAEtD,mBAAmB,EAAA,OAAA,EAAA,CAJpB,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA;;4FAInF,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC;AAC/F,oBAAA,YAAY,EAAE,CAAC,oBAAoB,EAAE,iCAAiC,CAAC;AACvE,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,iCAAiC,CAAC;AACnE,iBAAA;;;ACbD;;AAEG;;;;"}