@nova-design-system/nova-webcomponents 3.31.0 → 3.31.1-beta.0

package/dist/components/{p-CObbk0-q.js → p-uV6ubOsB.js}

@@ -1 +1 @@
-import{t as i,p as t,H as n,h as e,d as o}from"./p-DiwYO24j.js";const a=t(class extends n{constructor(i){super(),!1!==i&&this.__registerHost(),this.size="default",this.contrastingBorder=!1}getIntention(){if(this.intention)return this.intention;const i=this.el.closest("nv-sidebar");if(i){const t=i.getAttribute("notification-intention");if("neutral"===t||"brand"===t)return t}return"brand"}getEmphasis(){if(this.emphasis)return this.emphasis;const i=this.el.closest("nv-sidebar");if(i){const t=i.getAttribute("notification-emphasis");if("high"===t||"low"===t)return t}return"high"}render(){const i=this.count??0,t=i>99?"99+":String(i);if(i<=0)return e(o,{style:{display:"none"}});const n="reduced"===this.size?"nv-notification-bullet-reduced":"",a=this.getIntention(),r=this.getEmphasis(),l=this.contrastingBorder?"nv-notification-bullet-with-border":"";return e(o,{class:`nv-notification-bullet-${a} ${l?"nv-notification-bullet-with-cross-border":""}`},e("span",{class:`nv-notification-bullet nv-notification-bullet-${r} ${n} ${l}`,"aria-label":`${i} notifications`},t))}get el(){return this}static get style(){return'nv-notification-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0;position:relative;}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet.nv-notification-bullet-high{background-color:var(--color-brand-500);color:var(--color-feedback-neutral-high-contrast-title)}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet.nv-notification-bullet-low{background-color:var(--color-brand-50);color:var(--color-brand-600);border:1px solid var(--color-brand-600)}nv-notification-bullet{}nv-notification-bullet.nv-notification-bullet-neutral{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0}nv-notification-bullet.nv-notification-bullet-neutral .nv-notification-bullet.nv-notification-bullet-high{background-color:var(--color-feedback-neutral-high-contrast-background);color:var(--color-feedback-neutral-high-contrast-title)}nv-notification-bullet.nv-notification-bullet-neutral .nv-notification-bullet.nv-notification-bullet-low{background-color:var(--color-feedback-neutral-low-background);color:var(--color-feedback-neutral-low-text);border-radius:var(--radius-rounded-full)}nv-notification-bullet{}nv-notification-bullet.nv-notification-bullet-with-cross-border::before{content:"";position:absolute;top:55%;left:45%;transform:translate(-50%, -50%);width:calc(var(--sidebar-notification-bullet-size) + 1.5px);height:calc(var(--sidebar-notification-bullet-size) * 1.5);border-radius:var(--radius-rounded-full);background-color:var(--nv-component-background, var(--nv-sidebarnavitem-background, var(--color-interaction-container-neutral-background)));z-index:-1;pointer-events:none}nv-notification-bullet{}nv-sidebar[collapsed] nv-notification-bullet.nv-notification-bullet-with-cross-border::before{width:calc(var(--sidebar-notification-bullet-size-reduced) * 1.5);height:calc(var(--sidebar-notification-bullet-size-reduced) * 1.5)}nv-notification-bullet{}nv-notification-bullet .nv-notification-bullet.nv-notification-bullet-reduced,nv-sidebar[collapsed] nv-notification-bullet .nv-notification-bullet{width:var(--sidebar-notification-bullet-size-reduced);height:var(--sidebar-notification-bullet-size-reduced);min-width:var(--sidebar-notification-bullet-size-reduced);max-width:var(--sidebar-notification-bullet-size-reduced);min-height:var(--sidebar-notification-bullet-size-reduced);max-height:var(--sidebar-notification-bullet-size-reduced);padding:0;font-size:0}'}},[0,"nv-notification-bullet",{count:[514],intention:[513],emphasis:[513],size:[513],contrastingBorder:[516,"contrasting-border"]}]);function r(){"undefined"!=typeof customElements&&["nv-notification-bullet"].forEach((t=>{"nv-notification-bullet"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))}r();export{a as N,r as d}
+import{t as i,p as t,H as n,h as e,d as o}from"./p-BzJGjY6m.js";const a=t(class extends n{constructor(i){super(),!1!==i&&this.__registerHost(),this.size="default",this.contrastingBorder=!1}getIntention(){if(this.intention)return this.intention;const i=this.el.closest("nv-sidebar");if(i){const t=i.getAttribute("notification-intention");if("neutral"===t||"brand"===t)return t}return"brand"}getEmphasis(){if(this.emphasis)return this.emphasis;const i=this.el.closest("nv-sidebar");if(i){const t=i.getAttribute("notification-emphasis");if("high"===t||"low"===t)return t}return"high"}render(){const i=this.count??0,t=i>99?"99+":String(i);if(i<=0)return e(o,{style:{display:"none"}});const n="reduced"===this.size?"nv-notification-bullet-reduced":"",a=this.getIntention(),r=this.getEmphasis(),l=this.contrastingBorder?"nv-notification-bullet-with-border":"";return e(o,{class:`nv-notification-bullet-${a} ${l?"nv-notification-bullet-with-cross-border":""}`},e("span",{class:`nv-notification-bullet nv-notification-bullet-${r} ${n} ${l}`,"aria-label":`${i} notifications`},t))}get el(){return this}static get style(){return'nv-notification-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0;position:relative;}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet.nv-notification-bullet-high{background-color:var(--color-brand-500);color:var(--color-feedback-neutral-high-contrast-title)}nv-notification-bullet.nv-notification-bullet-brand .nv-notification-bullet.nv-notification-bullet-low{background-color:var(--color-brand-50);color:var(--color-brand-600);border:1px solid var(--color-brand-600)}nv-notification-bullet{}nv-notification-bullet.nv-notification-bullet-neutral{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sidebar-notification-bullet-size);max-width:var(--sidebar-notification-bullet-size);height:var(--sidebar-notification-bullet-size);padding:0 var(--spacing-1);border-radius:var(--radius-rounded-full);font-size:var(--sidebar-notification-bullet-font-size);font-weight:var(--sidebar-notification-bullet-font-weight);white-space:nowrap;flex-shrink:0}nv-notification-bullet.nv-notification-bullet-neutral .nv-notification-bullet.nv-notification-bullet-high{background-color:var(--color-feedback-neutral-high-contrast-background);color:var(--color-feedback-neutral-high-contrast-title)}nv-notification-bullet.nv-notification-bullet-neutral .nv-notification-bullet.nv-notification-bullet-low{background-color:var(--color-feedback-neutral-low-background);color:var(--color-feedback-neutral-low-text);border-radius:var(--radius-rounded-full)}nv-notification-bullet{}nv-notification-bullet.nv-notification-bullet-with-cross-border::before{content:"";position:absolute;top:55%;left:45%;transform:translate(-50%, -50%);width:calc(var(--sidebar-notification-bullet-size) + 1.5px);height:calc(var(--sidebar-notification-bullet-size) * 1.5);border-radius:var(--radius-rounded-full);background-color:var(--nv-component-background, var(--nv-sidebarnavitem-background, var(--color-interaction-container-neutral-background)));z-index:-1;pointer-events:none}nv-notification-bullet{}nv-sidebar[collapsed] nv-notification-bullet.nv-notification-bullet-with-cross-border::before{width:calc(var(--sidebar-notification-bullet-size-reduced) * 1.5);height:calc(var(--sidebar-notification-bullet-size-reduced) * 1.5)}nv-notification-bullet{}nv-notification-bullet .nv-notification-bullet.nv-notification-bullet-reduced,nv-sidebar[collapsed] nv-notification-bullet .nv-notification-bullet{width:var(--sidebar-notification-bullet-size-reduced);height:var(--sidebar-notification-bullet-size-reduced);min-width:var(--sidebar-notification-bullet-size-reduced);max-width:var(--sidebar-notification-bullet-size-reduced);min-height:var(--sidebar-notification-bullet-size-reduced);max-height:var(--sidebar-notification-bullet-size-reduced);padding:0;font-size:0}'}},[0,"nv-notification-bullet",{count:[514],intention:[513],emphasis:[513],size:[513],contrastingBorder:[516,"contrasting-border"]}]);function r(){"undefined"!=typeof customElements&&["nv-notification-bullet"].forEach((t=>{"nv-notification-bullet"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))}r();export{a as N,r as d}