novo-elements 13.4.0 → 13.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/elements/form/Form.scss +16 -4
- package/elements/tip-well/TipWell.scss +22 -3
- package/fesm2022/novo-elements-elements-form.mjs +44 -48
- package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tip-well.mjs +2 -2
- package/fesm2022/novo-elements-elements-tip-well.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -87,7 +87,7 @@ class NovoTipWellElement {
|
|
|
87
87
|
{{ buttonText }}
|
|
88
88
|
</button>
|
|
89
89
|
</div>
|
|
90
|
-
`, isInline: true, styles: [":host.active{display:inline-block;margin-bottom:var(--spacing-md)}:host>div{display:inline-block;border-radius:var(--border-radius-sm);background-color:var(--background-main, #f7f7f7);color:var(--text-main, #3d464d);padding:var(--spacing-lg);text-align:right}:host>div>div{display:flex}:host>div>div>i{flex-shrink:0;text-align:center;margin-right:var(--spacing-md);color:#aaa}:host>div>div>p{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;width:100%;padding:0;text-align:left;white-space:pre-line}:host>div>div>p.text-capitalize{text-transform:capitalize}:host>div>div>p.text-uppercase{text-transform:uppercase}:host>div>div>p.text-nowrap{white-space:nowrap}:host>div>div>p.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>div>div>p.text-size-default{font-size:inherit}:host>div>div>p.text-size-body{font-size:var(--font-size-body)}:host>div>div>p.text-size-xs{font-size:var(--font-size-xs)}:host>div>div>p.text-size-sm{font-size:var(--font-size-sm)}:host>div>div>p.text-size-md{font-size:var(--font-size-md)}:host>div>div>p.text-size-lg{font-size:var(--font-size-lg)}:host>div>div>p.text-size-xl{font-size:var(--font-size-xl)}:host>div>div>p.text-size-2xl{font-size:var(--font-size-2xl)}:host>div>div>p.text-size-3xl{font-size:var(--font-size-3xl)}:host>div>div>p.text-size-smaller{font-size:.8em}:host>div>div>p.text-size-larger{font-size:1.2em}:host>div>div>p.text-color-black{color:var(--color-black)}:host>div>div>p.text-color-white{color:var(--color-white)}:host>div>div>p.text-color-gray{color:var(--color-gray)}:host>div>div>p.text-color-grey{color:var(--color-grey)}:host>div>div>p.text-color-offWhite{color:var(--color-off-white)}:host>div>div>p.text-color-bright{color:var(--color-bright)}:host>div>div>p.text-color-light{color:var(--color-light)}:host>div>div>p.text-color-neutral{color:var(--color-neutral)}:host>div>div>p.text-color-dark{color:var(--color-dark)}:host>div>div>p.text-color-orange{color:var(--color-orange)}:host>div>div>p.text-color-navigation{color:var(--color-navigation)}:host>div>div>p.text-color-skyBlue{color:var(--color-sky-blue)}:host>div>div>p.text-color-steel{color:var(--color-steel)}:host>div>div>p.text-color-metal{color:var(--color-metal)}:host>div>div>p.text-color-sand{color:var(--color-sand)}:host>div>div>p.text-color-silver{color:var(--color-silver)}:host>div>div>p.text-color-stone{color:var(--color-stone)}:host>div>div>p.text-color-ash{color:var(--color-ash)}:host>div>div>p.text-color-anonymous{color:var(--color-anonymous)}:host>div>div>p.text-color-slate{color:var(--color-slate)}:host>div>div>p.text-color-onyx{color:var(--color-onyx)}:host>div>div>p.text-color-charcoal{color:var(--color-charcoal)}:host>div>div>p.text-color-moonlight{color:var(--color-moonlight)}:host>div>div>p.text-color-midnight{color:var(--color-midnight)}:host>div>div>p.text-color-darkness{color:var(--color-darkness)}:host>div>div>p.text-color-navy{color:var(--color-navy)}:host>div>div>p.text-color-aqua{color:var(--color-aqua)}:host>div>div>p.text-color-ocean{color:var(--color-ocean)}:host>div>div>p.text-color-mint{color:var(--color-mint)}:host>div>div>p.text-color-grass{color:var(--color-grass)}:host>div>div>p.text-color-sunflower{color:var(--color-sunflower)}:host>div>div>p.text-color-bittersweet{color:var(--color-bittersweet)}:host>div>div>p.text-color-grapefruit{color:var(--color-grapefruit)}:host>div>div>p.text-color-carnation{color:var(--color-carnation)}:host>div>div>p.text-color-lavender{color:var(--color-lavender)}:host>div>div>p.text-color-mountain{color:var(--color-mountain)}:host>div>div>p.text-color-info{color:var(--color-info)}:host>div>div>p.text-color-positive{color:var(--color-positive)}:host>div>div>p.text-color-success{color:var(--color-success)}:host>div>div>p.text-color-negative{color:var(--color-negative)}:host>div>div>p.text-color-danger{color:var(--color-danger)}:host>div>div>p.text-color-error{color:var(--color-error)}:host>div>div>p.text-color-warning{color:var(--color-warning)}:host>div>div>p.text-color-empty{color:var(--color-empty)}:host>div>div>p.text-color-disabled{color:var(--color-disabled)}:host>div>div>p.text-color-background{color:var(--color-background)}:host>div>div>p.text-color-backgroundDark{color:var(--color-background-dark)}:host>div>div>p.text-color-border{color:var(--color-border)}:host>div>div>p.text-color-border2{color:var(--color-border2)}:host>div>div>p.text-color-text{color:var(--color-text)}:host>div>div>p.text-color-presentation{color:var(--color-presentation)}:host>div>div>p.text-color-bullhorn{color:var(--color-bullhorn)}:host>div>div>p.text-color-pulse{color:var(--color-pulse)}:host>div>div>p.text-color-fastFind{color:var(--color-fast-find)}:host>div>div>p.text-color-toast{color:var(--color-toast)}:host>div>div>p.text-color-company{color:var(--color-company)}:host>div>div>p.text-color-candidate{color:var(--color-candidate)}:host>div>div>p.text-color-lead{color:var(--color-lead)}:host>div>div>p.text-color-contact{color:var(--color-contact)}:host>div>div>p.text-color-clientcontact{color:var(--color-clientcontact)}:host>div>div>p.text-color-opportunity{color:var(--color-opportunity)}:host>div>div>p.text-color-job{color:var(--color-job)}:host>div>div>p.text-color-joborder{color:var(--color-joborder)}:host>div>div>p.text-color-submission{color:var(--color-submission)}:host>div>div>p.text-color-sendout{color:var(--color-sendout)}:host>div>div>p.text-color-placement{color:var(--color-placement)}:host>div>div>p.text-color-note{color:var(--color-note)}:host>div>div>p.text-color-contract{color:var(--color-contract)}:host>div>div>p.text-color-task{color:var(--color-task)}:host>div>div>p.text-color-jobCode{color:var(--color-job-code)}:host>div>div>p.text-color-earnCode{color:var(--color-earn-code)}:host>div>div>p.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>div>div>p.text-color-billableCharge{color:var(--color-billable-charge)}:host>div>div>p.text-color-payableCharge{color:var(--color-payable-charge)}:host>div>div>p.text-color-user{color:var(--color-user)}:host>div>div>p.text-color-corporateUser{color:var(--color-corporate-user)}:host>div>div>p.text-color-distributionList{color:var(--color-distribution-list)}:host>div>div>p.text-color-credential{color:var(--color-credential)}:host>div>div>p.text-color-person{color:var(--color-person)}:host>div>div>p.margin-before{margin-top:.4rem}:host>div>div>p.margin-after{margin-bottom:.8rem}:host>div>div>p.text-length-small{max-width:40ch}:host>div>div>p.text-length-medium{max-width:55ch}:host>div>div>p.text-length-large{max-width:70ch}:host>div>div>p.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>div>div>p.text-weight-thin{font-weight:var(--font-weight-thin)}:host>div>div>p.text-weight-light{font-weight:var(--font-weight-light)}:host>div>div>p.text-weight-normal{font-weight:var(--font-weight-normal)}:host>div>div>p.text-weight-medium{font-weight:var(--font-weight-medium)}:host>div>div>p.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>div>div>p.text-weight-bold{font-weight:var(--font-weight-bold)}:host>div>div>p.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>div>div>p.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>div>div>p.text-weight-lighter{font-weight:lighter}:host>div>div>p.text-weight-bolder{font-weight:bolder}:
|
|
90
|
+
`, isInline: true, styles: [":host.active{display:inline-block;margin-bottom:var(--spacing-md)}:host>div{display:inline-block;border-radius:var(--border-radius-sm);background-color:var(--background-main, #f7f7f7);color:var(--text-main, #3d464d);padding:var(--spacing-lg);text-align:right}:host>div>div{display:flex}:host>div>div>i{flex-shrink:0;text-align:center;margin-right:var(--spacing-md);color:#aaa}:host>div>div>p{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;width:100%;padding:0;text-align:left;white-space:pre-line}:host>div>div>p.text-capitalize{text-transform:capitalize}:host>div>div>p.text-uppercase{text-transform:uppercase}:host>div>div>p.text-nowrap{white-space:nowrap}:host>div>div>p.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>div>div>p.text-size-default{font-size:inherit}:host>div>div>p.text-size-body{font-size:var(--font-size-body)}:host>div>div>p.text-size-xs{font-size:var(--font-size-xs)}:host>div>div>p.text-size-sm{font-size:var(--font-size-sm)}:host>div>div>p.text-size-md{font-size:var(--font-size-md)}:host>div>div>p.text-size-lg{font-size:var(--font-size-lg)}:host>div>div>p.text-size-xl{font-size:var(--font-size-xl)}:host>div>div>p.text-size-2xl{font-size:var(--font-size-2xl)}:host>div>div>p.text-size-3xl{font-size:var(--font-size-3xl)}:host>div>div>p.text-size-smaller{font-size:.8em}:host>div>div>p.text-size-larger{font-size:1.2em}:host>div>div>p.text-color-black{color:var(--color-black)}:host>div>div>p.text-color-white{color:var(--color-white)}:host>div>div>p.text-color-gray{color:var(--color-gray)}:host>div>div>p.text-color-grey{color:var(--color-grey)}:host>div>div>p.text-color-offWhite{color:var(--color-off-white)}:host>div>div>p.text-color-bright{color:var(--color-bright)}:host>div>div>p.text-color-light{color:var(--color-light)}:host>div>div>p.text-color-neutral{color:var(--color-neutral)}:host>div>div>p.text-color-dark{color:var(--color-dark)}:host>div>div>p.text-color-orange{color:var(--color-orange)}:host>div>div>p.text-color-navigation{color:var(--color-navigation)}:host>div>div>p.text-color-skyBlue{color:var(--color-sky-blue)}:host>div>div>p.text-color-steel{color:var(--color-steel)}:host>div>div>p.text-color-metal{color:var(--color-metal)}:host>div>div>p.text-color-sand{color:var(--color-sand)}:host>div>div>p.text-color-silver{color:var(--color-silver)}:host>div>div>p.text-color-stone{color:var(--color-stone)}:host>div>div>p.text-color-ash{color:var(--color-ash)}:host>div>div>p.text-color-anonymous{color:var(--color-anonymous)}:host>div>div>p.text-color-slate{color:var(--color-slate)}:host>div>div>p.text-color-onyx{color:var(--color-onyx)}:host>div>div>p.text-color-charcoal{color:var(--color-charcoal)}:host>div>div>p.text-color-moonlight{color:var(--color-moonlight)}:host>div>div>p.text-color-midnight{color:var(--color-midnight)}:host>div>div>p.text-color-darkness{color:var(--color-darkness)}:host>div>div>p.text-color-navy{color:var(--color-navy)}:host>div>div>p.text-color-aqua{color:var(--color-aqua)}:host>div>div>p.text-color-ocean{color:var(--color-ocean)}:host>div>div>p.text-color-mint{color:var(--color-mint)}:host>div>div>p.text-color-grass{color:var(--color-grass)}:host>div>div>p.text-color-sunflower{color:var(--color-sunflower)}:host>div>div>p.text-color-bittersweet{color:var(--color-bittersweet)}:host>div>div>p.text-color-grapefruit{color:var(--color-grapefruit)}:host>div>div>p.text-color-carnation{color:var(--color-carnation)}:host>div>div>p.text-color-lavender{color:var(--color-lavender)}:host>div>div>p.text-color-mountain{color:var(--color-mountain)}:host>div>div>p.text-color-info{color:var(--color-info)}:host>div>div>p.text-color-positive{color:var(--color-positive)}:host>div>div>p.text-color-success{color:var(--color-success)}:host>div>div>p.text-color-negative{color:var(--color-negative)}:host>div>div>p.text-color-danger{color:var(--color-danger)}:host>div>div>p.text-color-error{color:var(--color-error)}:host>div>div>p.text-color-warning{color:var(--color-warning)}:host>div>div>p.text-color-empty{color:var(--color-empty)}:host>div>div>p.text-color-disabled{color:var(--color-disabled)}:host>div>div>p.text-color-background{color:var(--color-background)}:host>div>div>p.text-color-backgroundDark{color:var(--color-background-dark)}:host>div>div>p.text-color-border{color:var(--color-border)}:host>div>div>p.text-color-border2{color:var(--color-border2)}:host>div>div>p.text-color-text{color:var(--color-text)}:host>div>div>p.text-color-presentation{color:var(--color-presentation)}:host>div>div>p.text-color-bullhorn{color:var(--color-bullhorn)}:host>div>div>p.text-color-pulse{color:var(--color-pulse)}:host>div>div>p.text-color-fastFind{color:var(--color-fast-find)}:host>div>div>p.text-color-toast{color:var(--color-toast)}:host>div>div>p.text-color-company{color:var(--color-company)}:host>div>div>p.text-color-candidate{color:var(--color-candidate)}:host>div>div>p.text-color-lead{color:var(--color-lead)}:host>div>div>p.text-color-contact{color:var(--color-contact)}:host>div>div>p.text-color-clientcontact{color:var(--color-clientcontact)}:host>div>div>p.text-color-opportunity{color:var(--color-opportunity)}:host>div>div>p.text-color-job{color:var(--color-job)}:host>div>div>p.text-color-joborder{color:var(--color-joborder)}:host>div>div>p.text-color-submission{color:var(--color-submission)}:host>div>div>p.text-color-sendout{color:var(--color-sendout)}:host>div>div>p.text-color-placement{color:var(--color-placement)}:host>div>div>p.text-color-note{color:var(--color-note)}:host>div>div>p.text-color-contract{color:var(--color-contract)}:host>div>div>p.text-color-task{color:var(--color-task)}:host>div>div>p.text-color-jobCode{color:var(--color-job-code)}:host>div>div>p.text-color-earnCode{color:var(--color-earn-code)}:host>div>div>p.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>div>div>p.text-color-billableCharge{color:var(--color-billable-charge)}:host>div>div>p.text-color-payableCharge{color:var(--color-payable-charge)}:host>div>div>p.text-color-user{color:var(--color-user)}:host>div>div>p.text-color-corporateUser{color:var(--color-corporate-user)}:host>div>div>p.text-color-distributionList{color:var(--color-distribution-list)}:host>div>div>p.text-color-credential{color:var(--color-credential)}:host>div>div>p.text-color-person{color:var(--color-person)}:host>div>div>p.margin-before{margin-top:.4rem}:host>div>div>p.margin-after{margin-bottom:.8rem}:host>div>div>p.text-length-small{max-width:40ch}:host>div>div>p.text-length-medium{max-width:55ch}:host>div>div>p.text-length-large{max-width:70ch}:host>div>div>p.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>div>div>p.text-weight-thin{font-weight:var(--font-weight-thin)}:host>div>div>p.text-weight-light{font-weight:var(--font-weight-light)}:host>div>div>p.text-weight-normal{font-weight:var(--font-weight-normal)}:host>div>div>p.text-weight-medium{font-weight:var(--font-weight-medium)}:host>div>div>p.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>div>div>p.text-weight-bold{font-weight:var(--font-weight-bold)}:host>div>div>p.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>div>div>p.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>div>div>p.text-weight-lighter{font-weight:lighter}:host>div>div>p.text-weight-bolder{font-weight:bolder}:host[data-variant=icon]{margin:0 auto 0 var(--spacing-lg);pointer-events:auto;cursor:default}:host[data-variant=icon]>div{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:.0625rem solid var(--tip-well-icon-border-color, #0066cc);background-color:var(--tip-well-icon-background-color, #f0f4ff);text-align:center}:host[data-variant=icon]>div i{color:#282828!important;margin-right:0}:host[data-variant=icon]>div p{display:none}:host[data-variant=icon]>div button{margin-left:var(--spacing-md);color:#282828}:host-context([data-theme=bh2026])>div{border-radius:4px;border:1px solid var(--color-border-default);color:var(--color-text-body);overflow:clip}:host-context([data-theme=bh2026])>div>div>p{line-height:var(--typography-body-default-line-height, 20px)}:host-context([data-theme=bh2026])>div>button{font-size:var(--typography-button-sm-font-size, 12px)}:host-context([data-theme=bh2026])[data-variant=subtle]>div{background-color:var(--background-muted)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }] }); }
|
|
91
91
|
}
|
|
92
92
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoTipWellElement, decorators: [{
|
|
93
93
|
type: Component,
|
|
@@ -107,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
107
107
|
`, host: {
|
|
108
108
|
'[class.active]': 'isActive',
|
|
109
109
|
'[attr.data-variant]': 'variant',
|
|
110
|
-
}, standalone: false, styles: [":host.active{display:inline-block;margin-bottom:var(--spacing-md)}:host>div{display:inline-block;border-radius:var(--border-radius-sm);background-color:var(--background-main, #f7f7f7);color:var(--text-main, #3d464d);padding:var(--spacing-lg);text-align:right}:host>div>div{display:flex}:host>div>div>i{flex-shrink:0;text-align:center;margin-right:var(--spacing-md);color:#aaa}:host>div>div>p{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;width:100%;padding:0;text-align:left;white-space:pre-line}:host>div>div>p.text-capitalize{text-transform:capitalize}:host>div>div>p.text-uppercase{text-transform:uppercase}:host>div>div>p.text-nowrap{white-space:nowrap}:host>div>div>p.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>div>div>p.text-size-default{font-size:inherit}:host>div>div>p.text-size-body{font-size:var(--font-size-body)}:host>div>div>p.text-size-xs{font-size:var(--font-size-xs)}:host>div>div>p.text-size-sm{font-size:var(--font-size-sm)}:host>div>div>p.text-size-md{font-size:var(--font-size-md)}:host>div>div>p.text-size-lg{font-size:var(--font-size-lg)}:host>div>div>p.text-size-xl{font-size:var(--font-size-xl)}:host>div>div>p.text-size-2xl{font-size:var(--font-size-2xl)}:host>div>div>p.text-size-3xl{font-size:var(--font-size-3xl)}:host>div>div>p.text-size-smaller{font-size:.8em}:host>div>div>p.text-size-larger{font-size:1.2em}:host>div>div>p.text-color-black{color:var(--color-black)}:host>div>div>p.text-color-white{color:var(--color-white)}:host>div>div>p.text-color-gray{color:var(--color-gray)}:host>div>div>p.text-color-grey{color:var(--color-grey)}:host>div>div>p.text-color-offWhite{color:var(--color-off-white)}:host>div>div>p.text-color-bright{color:var(--color-bright)}:host>div>div>p.text-color-light{color:var(--color-light)}:host>div>div>p.text-color-neutral{color:var(--color-neutral)}:host>div>div>p.text-color-dark{color:var(--color-dark)}:host>div>div>p.text-color-orange{color:var(--color-orange)}:host>div>div>p.text-color-navigation{color:var(--color-navigation)}:host>div>div>p.text-color-skyBlue{color:var(--color-sky-blue)}:host>div>div>p.text-color-steel{color:var(--color-steel)}:host>div>div>p.text-color-metal{color:var(--color-metal)}:host>div>div>p.text-color-sand{color:var(--color-sand)}:host>div>div>p.text-color-silver{color:var(--color-silver)}:host>div>div>p.text-color-stone{color:var(--color-stone)}:host>div>div>p.text-color-ash{color:var(--color-ash)}:host>div>div>p.text-color-anonymous{color:var(--color-anonymous)}:host>div>div>p.text-color-slate{color:var(--color-slate)}:host>div>div>p.text-color-onyx{color:var(--color-onyx)}:host>div>div>p.text-color-charcoal{color:var(--color-charcoal)}:host>div>div>p.text-color-moonlight{color:var(--color-moonlight)}:host>div>div>p.text-color-midnight{color:var(--color-midnight)}:host>div>div>p.text-color-darkness{color:var(--color-darkness)}:host>div>div>p.text-color-navy{color:var(--color-navy)}:host>div>div>p.text-color-aqua{color:var(--color-aqua)}:host>div>div>p.text-color-ocean{color:var(--color-ocean)}:host>div>div>p.text-color-mint{color:var(--color-mint)}:host>div>div>p.text-color-grass{color:var(--color-grass)}:host>div>div>p.text-color-sunflower{color:var(--color-sunflower)}:host>div>div>p.text-color-bittersweet{color:var(--color-bittersweet)}:host>div>div>p.text-color-grapefruit{color:var(--color-grapefruit)}:host>div>div>p.text-color-carnation{color:var(--color-carnation)}:host>div>div>p.text-color-lavender{color:var(--color-lavender)}:host>div>div>p.text-color-mountain{color:var(--color-mountain)}:host>div>div>p.text-color-info{color:var(--color-info)}:host>div>div>p.text-color-positive{color:var(--color-positive)}:host>div>div>p.text-color-success{color:var(--color-success)}:host>div>div>p.text-color-negative{color:var(--color-negative)}:host>div>div>p.text-color-danger{color:var(--color-danger)}:host>div>div>p.text-color-error{color:var(--color-error)}:host>div>div>p.text-color-warning{color:var(--color-warning)}:host>div>div>p.text-color-empty{color:var(--color-empty)}:host>div>div>p.text-color-disabled{color:var(--color-disabled)}:host>div>div>p.text-color-background{color:var(--color-background)}:host>div>div>p.text-color-backgroundDark{color:var(--color-background-dark)}:host>div>div>p.text-color-border{color:var(--color-border)}:host>div>div>p.text-color-border2{color:var(--color-border2)}:host>div>div>p.text-color-text{color:var(--color-text)}:host>div>div>p.text-color-presentation{color:var(--color-presentation)}:host>div>div>p.text-color-bullhorn{color:var(--color-bullhorn)}:host>div>div>p.text-color-pulse{color:var(--color-pulse)}:host>div>div>p.text-color-fastFind{color:var(--color-fast-find)}:host>div>div>p.text-color-toast{color:var(--color-toast)}:host>div>div>p.text-color-company{color:var(--color-company)}:host>div>div>p.text-color-candidate{color:var(--color-candidate)}:host>div>div>p.text-color-lead{color:var(--color-lead)}:host>div>div>p.text-color-contact{color:var(--color-contact)}:host>div>div>p.text-color-clientcontact{color:var(--color-clientcontact)}:host>div>div>p.text-color-opportunity{color:var(--color-opportunity)}:host>div>div>p.text-color-job{color:var(--color-job)}:host>div>div>p.text-color-joborder{color:var(--color-joborder)}:host>div>div>p.text-color-submission{color:var(--color-submission)}:host>div>div>p.text-color-sendout{color:var(--color-sendout)}:host>div>div>p.text-color-placement{color:var(--color-placement)}:host>div>div>p.text-color-note{color:var(--color-note)}:host>div>div>p.text-color-contract{color:var(--color-contract)}:host>div>div>p.text-color-task{color:var(--color-task)}:host>div>div>p.text-color-jobCode{color:var(--color-job-code)}:host>div>div>p.text-color-earnCode{color:var(--color-earn-code)}:host>div>div>p.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>div>div>p.text-color-billableCharge{color:var(--color-billable-charge)}:host>div>div>p.text-color-payableCharge{color:var(--color-payable-charge)}:host>div>div>p.text-color-user{color:var(--color-user)}:host>div>div>p.text-color-corporateUser{color:var(--color-corporate-user)}:host>div>div>p.text-color-distributionList{color:var(--color-distribution-list)}:host>div>div>p.text-color-credential{color:var(--color-credential)}:host>div>div>p.text-color-person{color:var(--color-person)}:host>div>div>p.margin-before{margin-top:.4rem}:host>div>div>p.margin-after{margin-bottom:.8rem}:host>div>div>p.text-length-small{max-width:40ch}:host>div>div>p.text-length-medium{max-width:55ch}:host>div>div>p.text-length-large{max-width:70ch}:host>div>div>p.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>div>div>p.text-weight-thin{font-weight:var(--font-weight-thin)}:host>div>div>p.text-weight-light{font-weight:var(--font-weight-light)}:host>div>div>p.text-weight-normal{font-weight:var(--font-weight-normal)}:host>div>div>p.text-weight-medium{font-weight:var(--font-weight-medium)}:host>div>div>p.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>div>div>p.text-weight-bold{font-weight:var(--font-weight-bold)}:host>div>div>p.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>div>div>p.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>div>div>p.text-weight-lighter{font-weight:lighter}:host>div>div>p.text-weight-bolder{font-weight:bolder}:
|
|
110
|
+
}, standalone: false, styles: [":host.active{display:inline-block;margin-bottom:var(--spacing-md)}:host>div{display:inline-block;border-radius:var(--border-radius-sm);background-color:var(--background-main, #f7f7f7);color:var(--text-main, #3d464d);padding:var(--spacing-lg);text-align:right}:host>div>div{display:flex}:host>div>div>i{flex-shrink:0;text-align:center;margin-right:var(--spacing-md);color:#aaa}:host>div>div>p{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;width:100%;padding:0;text-align:left;white-space:pre-line}:host>div>div>p.text-capitalize{text-transform:capitalize}:host>div>div>p.text-uppercase{text-transform:uppercase}:host>div>div>p.text-nowrap{white-space:nowrap}:host>div>div>p.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host>div>div>p.text-size-default{font-size:inherit}:host>div>div>p.text-size-body{font-size:var(--font-size-body)}:host>div>div>p.text-size-xs{font-size:var(--font-size-xs)}:host>div>div>p.text-size-sm{font-size:var(--font-size-sm)}:host>div>div>p.text-size-md{font-size:var(--font-size-md)}:host>div>div>p.text-size-lg{font-size:var(--font-size-lg)}:host>div>div>p.text-size-xl{font-size:var(--font-size-xl)}:host>div>div>p.text-size-2xl{font-size:var(--font-size-2xl)}:host>div>div>p.text-size-3xl{font-size:var(--font-size-3xl)}:host>div>div>p.text-size-smaller{font-size:.8em}:host>div>div>p.text-size-larger{font-size:1.2em}:host>div>div>p.text-color-black{color:var(--color-black)}:host>div>div>p.text-color-white{color:var(--color-white)}:host>div>div>p.text-color-gray{color:var(--color-gray)}:host>div>div>p.text-color-grey{color:var(--color-grey)}:host>div>div>p.text-color-offWhite{color:var(--color-off-white)}:host>div>div>p.text-color-bright{color:var(--color-bright)}:host>div>div>p.text-color-light{color:var(--color-light)}:host>div>div>p.text-color-neutral{color:var(--color-neutral)}:host>div>div>p.text-color-dark{color:var(--color-dark)}:host>div>div>p.text-color-orange{color:var(--color-orange)}:host>div>div>p.text-color-navigation{color:var(--color-navigation)}:host>div>div>p.text-color-skyBlue{color:var(--color-sky-blue)}:host>div>div>p.text-color-steel{color:var(--color-steel)}:host>div>div>p.text-color-metal{color:var(--color-metal)}:host>div>div>p.text-color-sand{color:var(--color-sand)}:host>div>div>p.text-color-silver{color:var(--color-silver)}:host>div>div>p.text-color-stone{color:var(--color-stone)}:host>div>div>p.text-color-ash{color:var(--color-ash)}:host>div>div>p.text-color-anonymous{color:var(--color-anonymous)}:host>div>div>p.text-color-slate{color:var(--color-slate)}:host>div>div>p.text-color-onyx{color:var(--color-onyx)}:host>div>div>p.text-color-charcoal{color:var(--color-charcoal)}:host>div>div>p.text-color-moonlight{color:var(--color-moonlight)}:host>div>div>p.text-color-midnight{color:var(--color-midnight)}:host>div>div>p.text-color-darkness{color:var(--color-darkness)}:host>div>div>p.text-color-navy{color:var(--color-navy)}:host>div>div>p.text-color-aqua{color:var(--color-aqua)}:host>div>div>p.text-color-ocean{color:var(--color-ocean)}:host>div>div>p.text-color-mint{color:var(--color-mint)}:host>div>div>p.text-color-grass{color:var(--color-grass)}:host>div>div>p.text-color-sunflower{color:var(--color-sunflower)}:host>div>div>p.text-color-bittersweet{color:var(--color-bittersweet)}:host>div>div>p.text-color-grapefruit{color:var(--color-grapefruit)}:host>div>div>p.text-color-carnation{color:var(--color-carnation)}:host>div>div>p.text-color-lavender{color:var(--color-lavender)}:host>div>div>p.text-color-mountain{color:var(--color-mountain)}:host>div>div>p.text-color-info{color:var(--color-info)}:host>div>div>p.text-color-positive{color:var(--color-positive)}:host>div>div>p.text-color-success{color:var(--color-success)}:host>div>div>p.text-color-negative{color:var(--color-negative)}:host>div>div>p.text-color-danger{color:var(--color-danger)}:host>div>div>p.text-color-error{color:var(--color-error)}:host>div>div>p.text-color-warning{color:var(--color-warning)}:host>div>div>p.text-color-empty{color:var(--color-empty)}:host>div>div>p.text-color-disabled{color:var(--color-disabled)}:host>div>div>p.text-color-background{color:var(--color-background)}:host>div>div>p.text-color-backgroundDark{color:var(--color-background-dark)}:host>div>div>p.text-color-border{color:var(--color-border)}:host>div>div>p.text-color-border2{color:var(--color-border2)}:host>div>div>p.text-color-text{color:var(--color-text)}:host>div>div>p.text-color-presentation{color:var(--color-presentation)}:host>div>div>p.text-color-bullhorn{color:var(--color-bullhorn)}:host>div>div>p.text-color-pulse{color:var(--color-pulse)}:host>div>div>p.text-color-fastFind{color:var(--color-fast-find)}:host>div>div>p.text-color-toast{color:var(--color-toast)}:host>div>div>p.text-color-company{color:var(--color-company)}:host>div>div>p.text-color-candidate{color:var(--color-candidate)}:host>div>div>p.text-color-lead{color:var(--color-lead)}:host>div>div>p.text-color-contact{color:var(--color-contact)}:host>div>div>p.text-color-clientcontact{color:var(--color-clientcontact)}:host>div>div>p.text-color-opportunity{color:var(--color-opportunity)}:host>div>div>p.text-color-job{color:var(--color-job)}:host>div>div>p.text-color-joborder{color:var(--color-joborder)}:host>div>div>p.text-color-submission{color:var(--color-submission)}:host>div>div>p.text-color-sendout{color:var(--color-sendout)}:host>div>div>p.text-color-placement{color:var(--color-placement)}:host>div>div>p.text-color-note{color:var(--color-note)}:host>div>div>p.text-color-contract{color:var(--color-contract)}:host>div>div>p.text-color-task{color:var(--color-task)}:host>div>div>p.text-color-jobCode{color:var(--color-job-code)}:host>div>div>p.text-color-earnCode{color:var(--color-earn-code)}:host>div>div>p.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host>div>div>p.text-color-billableCharge{color:var(--color-billable-charge)}:host>div>div>p.text-color-payableCharge{color:var(--color-payable-charge)}:host>div>div>p.text-color-user{color:var(--color-user)}:host>div>div>p.text-color-corporateUser{color:var(--color-corporate-user)}:host>div>div>p.text-color-distributionList{color:var(--color-distribution-list)}:host>div>div>p.text-color-credential{color:var(--color-credential)}:host>div>div>p.text-color-person{color:var(--color-person)}:host>div>div>p.margin-before{margin-top:.4rem}:host>div>div>p.margin-after{margin-bottom:.8rem}:host>div>div>p.text-length-small{max-width:40ch}:host>div>div>p.text-length-medium{max-width:55ch}:host>div>div>p.text-length-large{max-width:70ch}:host>div>div>p.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host>div>div>p.text-weight-thin{font-weight:var(--font-weight-thin)}:host>div>div>p.text-weight-light{font-weight:var(--font-weight-light)}:host>div>div>p.text-weight-normal{font-weight:var(--font-weight-normal)}:host>div>div>p.text-weight-medium{font-weight:var(--font-weight-medium)}:host>div>div>p.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host>div>div>p.text-weight-bold{font-weight:var(--font-weight-bold)}:host>div>div>p.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host>div>div>p.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host>div>div>p.text-weight-lighter{font-weight:lighter}:host>div>div>p.text-weight-bolder{font-weight:bolder}:host[data-variant=icon]{margin:0 auto 0 var(--spacing-lg);pointer-events:auto;cursor:default}:host[data-variant=icon]>div{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:.0625rem solid var(--tip-well-icon-border-color, #0066cc);background-color:var(--tip-well-icon-background-color, #f0f4ff);text-align:center}:host[data-variant=icon]>div i{color:#282828!important;margin-right:0}:host[data-variant=icon]>div p{display:none}:host[data-variant=icon]>div button{margin-left:var(--spacing-md);color:#282828}:host-context([data-theme=bh2026])>div{border-radius:4px;border:1px solid var(--color-border-default);color:var(--color-text-body);overflow:clip}:host-context([data-theme=bh2026])>div>div>p{line-height:var(--typography-body-default-line-height, 20px)}:host-context([data-theme=bh2026])>div>button{font-size:var(--typography-button-sm-font-size, 12px)}:host-context([data-theme=bh2026])[data-variant=subtle]>div{background-color:var(--background-muted)}\n"] }]
|
|
111
111
|
}], ctorParameters: () => [{ type: i1.NovoLabelService }, { type: i2.DomSanitizer }], propDecorators: { name: [{
|
|
112
112
|
type: Input
|
|
113
113
|
}], tip: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"novo-elements-elements-tip-well.mjs","sources":["../../../projects/novo-elements/src/elements/tip-well/TipWell.ts","../../../projects/novo-elements/src/elements/tip-well/TipWell.module.ts","../../../projects/novo-elements/src/elements/tip-well/novo-elements-elements-tip-well.ts"],"sourcesContent":["// NG2\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\n\n@Component({\n selector: 'novo-tip-well',\n template: `\n <div *ngIf=\"isActive\">\n <div>\n <i class=\"bhi-{{ icon }}\" *ngIf=\"icon\" [attr.data-automation-id]=\"'novo-tip-well-icon-' + name\"></i>\n <ng-content select=\"novo-icon\"></ng-content>\n <p *ngIf=\"sanitize && tip.length\" [attr.data-automation-id]=\"'novo-tip-well-tip-' + name\">{{ tip }}</p>\n <p *ngIf=\"!sanitize && tipWithStyles\" [attr.data-automation-id]=\"'novo-tip-well-tip-' + name\" [innerHTML]=\"tipWithStyles\"></p>\n <p *ngIf=\"(sanitize && !tip.length) || (!sanitize && !tipWithStyles)\" [attr.data-automation-id]=\"'novo-tip-well-tip-' + name\"><ng-content></ng-content></p>\n </div>\n <button [theme]=\"buttonTheme\" [size]=\"buttonSize\" [icon]=\"buttonIcon\" (click)=\"hideTip()\" *ngIf=\"button\" [attr.data-automation-id]=\"'novo-tip-well-button-' + name\">\n {{ buttonText }}\n </button>\n </div>\n `,\n styleUrls: ['./TipWell.scss'],\n host: {\n '[class.active]': 'isActive',\n '[attr.data-variant]': 'variant',\n },\n standalone: false,\n})\nexport class NovoTipWellElement implements OnInit {\n @Input()\n name: string | number;\n @Input()\n tip: string;\n @Input()\n buttonText: string;\n @Input()\n button: boolean = true;\n @Input()\n buttonIcon: string;\n @Input()\n icon: string;\n @Input()\n sanitize: boolean = true;\n @Input()\n variant: string = 'default';\n @Input()\n buttonTheme: string;\n @Input()\n buttonSize: string;\n @Output()\n confirmed = new EventEmitter();\n\n isActive: boolean = true;\n isLocalStorageEnabled: any;\n localStorageKey: string;\n\n private _tipWithStyles: SafeHtml;\n private _lastTipStyled: string;\n\n constructor(private labels: NovoLabelService, private sanitizer: DomSanitizer) {\n this.isActive = true;\n // Check if localStorage is enabled\n this.isLocalStorageEnabled = (() => {\n let isEnabled = false;\n if (typeof localStorage === 'object') {\n try {\n localStorage.setItem('lsTest', '1');\n localStorage.removeItem('lsTest');\n isEnabled = true;\n } catch (e) {\n console.warn(\n 'This web browser does not support storing settings locally. In Safari, the most common cause of this is using \"Private Browsing Mode\". Some settings may not save or some features may not work properly for you.',\n );\n }\n }\n return isEnabled;\n })();\n }\n\n // Trusts the HTML in order to show CSS styles\n get tipWithStyles(): SafeHtml {\n if (!this._tipWithStyles || this._lastTipStyled !== this.tip) {\n this._tipWithStyles = this.sanitizer.bypassSecurityTrustHtml(this.tip);\n this._lastTipStyled = this.tip;\n }\n return this._tipWithStyles;\n }\n\n ngOnInit() {\n this.tip = this.tip || '';\n this.button = typeof this.button === 'string' ? this.button === 'true' : this.button;\n this.icon = this.icon || null;\n\n // Apply variant defaults\n if (this.variant === 'icon') {\n this.buttonTheme = this.buttonTheme || 'icon';\n this.buttonSize = this.buttonSize || 'small';\n this.buttonText = this.buttonText || '';\n } else {\n this.buttonTheme = this.buttonTheme || 'dialogue';\n this.buttonSize = this.buttonSize || 'small';\n this.buttonText = this.buttonText || this.labels.okGotIt;\n }\n\n // Set a (semi) unique name for the tip-well\n this.name = this.name || Math.round(Math.random() * 100);\n this.localStorageKey = `novo-tw_${this.name}`;\n // Check localStorage for state\n if (this.isLocalStorageEnabled) {\n const storedValue = JSON.parse(localStorage.getItem(this.localStorageKey));\n this.isActive = storedValue !== false;\n }\n }\n\n hideTip() {\n if (this.isLocalStorageEnabled) {\n localStorage.setItem(this.localStorageKey, JSON.stringify(false));\n }\n this.isActive = false;\n this.confirmed.emit();\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoTipWellElement } from './TipWell';\n\n@NgModule({\n imports: [CommonModule, NovoButtonModule],\n declarations: [NovoTipWellElement],\n exports: [NovoTipWellElement],\n})\nexport class NovoTipWellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"novo-elements-elements-tip-well.mjs","sources":["../../../projects/novo-elements/src/elements/tip-well/TipWell.ts","../../../projects/novo-elements/src/elements/tip-well/TipWell.module.ts","../../../projects/novo-elements/src/elements/tip-well/novo-elements-elements-tip-well.ts"],"sourcesContent":["// NG2\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n// APP\nimport { NovoLabelService } from 'novo-elements/services';\n\n@Component({\n selector: 'novo-tip-well',\n template: `\n <div *ngIf=\"isActive\">\n <div>\n <i class=\"bhi-{{ icon }}\" *ngIf=\"icon\" [attr.data-automation-id]=\"'novo-tip-well-icon-' + name\"></i>\n <ng-content select=\"novo-icon\"></ng-content>\n <p *ngIf=\"sanitize && tip.length\" [attr.data-automation-id]=\"'novo-tip-well-tip-' + name\">{{ tip }}</p>\n <p *ngIf=\"!sanitize && tipWithStyles\" [attr.data-automation-id]=\"'novo-tip-well-tip-' + name\" [innerHTML]=\"tipWithStyles\"></p>\n <p *ngIf=\"(sanitize && !tip.length) || (!sanitize && !tipWithStyles)\" [attr.data-automation-id]=\"'novo-tip-well-tip-' + name\"><ng-content></ng-content></p>\n </div>\n <button [theme]=\"buttonTheme\" [size]=\"buttonSize\" [icon]=\"buttonIcon\" (click)=\"hideTip()\" *ngIf=\"button\" [attr.data-automation-id]=\"'novo-tip-well-button-' + name\">\n {{ buttonText }}\n </button>\n </div>\n `,\n styleUrls: ['./TipWell.scss'],\n host: {\n '[class.active]': 'isActive',\n '[attr.data-variant]': 'variant',\n },\n standalone: false,\n})\nexport class NovoTipWellElement implements OnInit {\n @Input()\n name: string | number;\n @Input()\n tip: string;\n @Input()\n buttonText: string;\n @Input()\n button: boolean = true;\n @Input()\n buttonIcon: string;\n @Input()\n icon: string;\n @Input()\n sanitize: boolean = true;\n @Input()\n variant: string = 'default';\n @Input()\n buttonTheme: string;\n @Input()\n buttonSize: string;\n @Output()\n confirmed = new EventEmitter();\n\n isActive: boolean = true;\n isLocalStorageEnabled: any;\n localStorageKey: string;\n\n private _tipWithStyles: SafeHtml;\n private _lastTipStyled: string;\n\n constructor(private labels: NovoLabelService, private sanitizer: DomSanitizer) {\n this.isActive = true;\n // Check if localStorage is enabled\n this.isLocalStorageEnabled = (() => {\n let isEnabled = false;\n if (typeof localStorage === 'object') {\n try {\n localStorage.setItem('lsTest', '1');\n localStorage.removeItem('lsTest');\n isEnabled = true;\n } catch (e) {\n console.warn(\n 'This web browser does not support storing settings locally. In Safari, the most common cause of this is using \"Private Browsing Mode\". Some settings may not save or some features may not work properly for you.',\n );\n }\n }\n return isEnabled;\n })();\n }\n\n // Trusts the HTML in order to show CSS styles\n get tipWithStyles(): SafeHtml {\n if (!this._tipWithStyles || this._lastTipStyled !== this.tip) {\n this._tipWithStyles = this.sanitizer.bypassSecurityTrustHtml(this.tip);\n this._lastTipStyled = this.tip;\n }\n return this._tipWithStyles;\n }\n\n ngOnInit() {\n this.tip = this.tip || '';\n this.button = typeof this.button === 'string' ? this.button === 'true' : this.button;\n this.icon = this.icon || null;\n\n // Apply variant defaults\n if (this.variant === 'icon') {\n this.buttonTheme = this.buttonTheme || 'icon';\n this.buttonSize = this.buttonSize || 'small';\n this.buttonText = this.buttonText || '';\n } else {\n this.buttonTheme = this.buttonTheme || 'dialogue';\n this.buttonSize = this.buttonSize || 'small';\n this.buttonText = this.buttonText || this.labels.okGotIt;\n }\n\n // Set a (semi) unique name for the tip-well\n this.name = this.name || Math.round(Math.random() * 100);\n this.localStorageKey = `novo-tw_${this.name}`;\n // Check localStorage for state\n if (this.isLocalStorageEnabled) {\n const storedValue = JSON.parse(localStorage.getItem(this.localStorageKey));\n this.isActive = storedValue !== false;\n }\n }\n\n hideTip() {\n if (this.isLocalStorageEnabled) {\n localStorage.setItem(this.localStorageKey, JSON.stringify(false));\n }\n this.isActive = false;\n this.confirmed.emit();\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoTipWellElement } from './TipWell';\n\n@NgModule({\n imports: [CommonModule, NovoButtonModule],\n declarations: [NovoTipWellElement],\n exports: [NovoTipWellElement],\n})\nexport class NovoTipWellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "novo-elements",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.5.0",
|
|
4
4
|
"sideEffects": true,
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/animations": ">=20",
|
|
@@ -294,4 +294,4 @@
|
|
|
294
294
|
},
|
|
295
295
|
"module": "fesm2022/novo-elements.mjs",
|
|
296
296
|
"typings": "index.d.ts"
|
|
297
|
-
}
|
|
297
|
+
}
|