@nubisco/ui 5.18.1 → 5.19.0

package/dist/NotificationCenter-BpUiKPsp.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Button-C0UUTgEB.cjs`),i=require(`./EmptyState-DRbjP890.cjs`),a=require(`./Spinner-UsyGqwVq.cjs`),o=require(`./Skeleton-lLu_CakO.cjs`),s=require(`./NotificationCenterItem-BP0VBTaB.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/warning-circle`),u=require(`@nubisco/ui/icons/x`);u=e.n(u);let d=require(`@nubisco/ui/icons/bell`);d=e.n(d);var f={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},p=[`aria-describedby`,`aria-busy`],m={class:`nb-notification-center__header`},ee={class:`nb-notification-center__sr`,role:`status`},te={class:`nb-notification-center__stale-text`},ne={class:`nb-notification-center__sr`},re=[`tabindex`],ie={key:4,class:`nb-notification-center__empty`},ae={key:5,class:`nb-notification-center__footer`},h=new Set,g=8,_=8,v=96,y=88,b=200;function oe(e,{align:t,side:n,width:r,maxHeight:i,viewport:a}){let o=e.left+e.width;if(n===`right`&&a.width-o-g-_>=r){let n=e.top+e.height,r=t===`end`?n-_:a.height-e.top-_,s=Math.max(y+v,r),c=Math.min(i+v,s),l=Math.max(y,Math.min(i,s-v));return t===`end`?{top:Math.max(_,n-c),bottom:Math.max(_,a.height-n),left:o+g,side:`right`,maxListHeight:l}:{top:Math.max(_,Math.min(e.top,a.height-_-c)),left:o+g,side:`right`,maxListHeight:l}}let s=t===`start`?e.left:e.left+e.width-r,c=Math.min(Math.max(s,_),Math.max(_,a.width-r-_)),l=e.top+e.height,u=a.height-l-g-_,d=e.top-g-_,f=u<b&&d>u?`top`:`bottom`,p=Math.max(y,f===`top`?d:u),m=Math.max(y,Math.min(i,p-v)),ee=Math.min(i+v,p);return{top:f===`top`?Math.max(_,e.top-g-ee):l+g,left:c,side:f,maxListHeight:m}}function se(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var x=(0,c.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},closeLabel:{default:`Close notifications`},maxHeight:{default:384},align:{default:`end`},side:{default:`vertical`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:g,emit:_}){let v=e,y=(0,c.computed)(()=>v.icon??d),b=_,x=(0,c.useSlots)(),S=`nb-notification-center-${(0,c.useId)()}`,C=`${S}-title`,ce=`${S}-trigger`,w=`${S}-error`,T=(0,c.ref)(null),le=(0,c.ref)(null),E=(0,c.ref)(null),D=(0,c.ref)(null),ue=(0,c.ref)(!1),O=(0,c.computed)(()=>v.open===void 0?ue.value:v.open),k=(0,c.computed)(()=>typeof v.unreadCount==`number`?Math.max(0,v.unreadCount):v.items.filter(e=>!e.read).length),de=(0,c.computed)(()=>k.value>v.maxCount?`${v.maxCount}+`:String(k.value)),fe=(0,c.computed)(()=>k.value>0?`${v.label}, ${v.formatUnread(k.value)}`:v.label),pe=(0,c.computed)(()=>{if(typeof v.itemCount==`number`)return Math.max(0,v.itemCount);if(!x.default)return v.items.length}),me=(0,c.computed)(()=>(pe.value??0)>0),A=(0,c.computed)(()=>{if(v.loading)return`loading`;let e=pe.value;return v.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),he=(0,c.computed)(()=>v.error&&!v.loading&&A.value===`list`&&me.value);(0,c.ref)(!1),(0,c.watch)(()=>[O.value,!!x.default,v.itemCount],([e,t,n])=>{},{immediate:!0});function j(){b(`retry`)}let M=(0,c.computed)(()=>({id:ce,"aria-haspopup":`dialog`,"aria-expanded":O.value?`true`:`false`,"aria-controls":O.value?S:void 0,"aria-label":fe.value,disabled:v.disabled||void 0})),N=(0,c.computed)(()=>({type:`button`,disabled:k.value===0&&!v.markAllPending,"aria-disabled":v.markAllPending?`true`:void 0,"aria-busy":v.markAllPending?`true`:void 0,onClick:Ne})),ge=(0,c.computed)(()=>he.value||A.value===`error`?w:void 0);function P(e){if(!e){E.value=null;return}let t=e instanceof HTMLElement?e:e.$el;E.value=t instanceof HTMLElement?t:null}let F=(0,c.ref)({top:0,left:0,side:`bottom`,maxListHeight:v.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=T.value?.getBoundingClientRect();e&&(F.value=oe(e,{align:v.align,side:v.side,width:v.width,maxHeight:v.maxHeight,viewport:I()}))}let{phone:_e}=n.usePhoneLayout(),R=(0,c.computed)(()=>_e.value),ve=(0,c.computed)(()=>{if(!R.value)return F.value.bottom===void 0?{top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}:{bottom:`${Math.round(F.value.bottom)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}}),z=(0,c.computed)(()=>R.value?void 0:{maxHeight:`${Math.round(F.value.maxListHeight)}px`}),ye=(0,c.computed)(()=>({"nb-notification-center__panel--sheet":R.value,"nb-notification-center__panel--start":v.align===`start`,"nb-notification-center__panel--above":!R.value&&F.value.side===`top`,"nb-notification-center__panel--beside":!R.value&&F.value.side===`right`}));function be(e){v.open===void 0&&(ue.value=e),b(`update:open`,e)}function B(){v.disabled||O.value||(L(),be(!0),b(`open`))}function V(e={}){if(!O.value)return;let t=D.value?.contains(document.activeElement);be(!1),b(`close`),(e.restoreFocus??t)&&(0,c.nextTick)(xe)}function xe(){let e=E.value;if(e?.isConnected){e.focus();return}(T.value?.querySelector(q))?.focus()}function H(){O.value?V({restoreFocus:!0}):B()}let U=(0,c.ref)(0),Se=new Set([`button`,`link`,`menuitem`,`option`]);function Ce(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&Se.has(t)}function W(){return D.value?Array.from(D.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!Ce(e)):[]}let we=(0,c.ref)(void 0);function Te(e){let t=le.value;we.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function G(e){let t=W();Te(t),t.length&&(U.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===U.value?`0`:`-1`)}))}function K(e){let t=W();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return G(n),t[n]?.focus(),!0}function Ee(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=W().indexOf(t);n>=0&&G(n)}let q=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function De(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Oe(e){let t=W(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!ke(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Ae(e);return}if(!De(e.target))switch(e.key){case`ArrowDown`:K(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:K(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),K(0));break;case`End`:r>=0&&(e.preventDefault(),K(t.length-1));break;default:break}}function ke(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==D.value)}function Ae(e){let t=D.value;if(!t)return;let n=Array.from(t.querySelectorAll(q)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),s=!n.length||r===a;if(e.shiftKey?!o:!s)return;e.preventDefault();let l=e.shiftKey?E.value:je();V({restoreFocus:!1}),(0,c.nextTick)(()=>{l?.isConnected?l.focus():xe()})}function je(){let e=E.value;if(!e)return null;let t=Array.from(document.querySelectorAll(q)).filter(e=>!D.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function Me(e,t){b(`select`,e,t),v.closeOnSelect&&V({restoreFocus:!1})}function J(e){if(!x.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&Ce(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}b(`select`,null,e),v.closeOnSelect&&V({restoreFocus:!1})}}function Ne(){v.markAllPending||b(`mark-all-read`)}function Pe(e){let t=e.target;T.value?.contains(t)||D.value?.contains(t)||V({restoreFocus:!1})}function Fe(e){e.key===`Escape`&&(D.value?.contains(document.activeElement)||ke(e)&&V({restoreFocus:T.value?.contains(document.activeElement)??!1}))}let Y=0;function X(){!O.value||Y||(Y=requestAnimationFrame(()=>{Y=0,Le()}))}function Ie(){Y&&=(cancelAnimationFrame(Y),0)}function Le(){if(!O.value||R.value)return;let e=T.value?.getBoundingClientRect();if(e&&!se(e,I())){V({restoreFocus:!1});return}L()}function Z(){v.closeOnNavigate&&V({restoreFocus:!1})}function Re(){return window.navigation}function ze(){document.addEventListener(`mousedown`,Pe),document.addEventListener(`keydown`,Fe),window.addEventListener(`resize`,X),window.addEventListener(`scroll`,X,!0),window.addEventListener(`popstate`,Z),window.addEventListener(`hashchange`,Z),Re()?.addEventListener(`navigate`,Z)}function Q(){Ie(),document.removeEventListener(`mousedown`,Pe),document.removeEventListener(`keydown`,Fe),window.removeEventListener(`resize`,X),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`popstate`,Z),window.removeEventListener(`hashchange`,Z),Re()?.removeEventListener(`navigate`,Z)}let $=()=>V({restoreFocus:!1});return(0,c.watch)(O,e=>{if(e){for(let e of[...h])e!==$&&e();h.add($),ze(),(0,c.nextTick)(()=>{L(),G(0),K(0)||D.value?.focus()})}else h.delete($),Q(),U.value=0}),(0,c.watch)(()=>[v.items.length,A.value],()=>{O.value&&(0,c.nextTick)(()=>G(U.value))}),(0,c.onBeforeUnmount)(()=>{Q(),h.delete($);let e=D.value;e?.isConnected&&e.remove()}),g({show:B,close:V,toggle:H,isOpen:O,unreadCount:k}),(n,d)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`rootRef`,ref:T,class:`nb-notification-center`},[(0,c.renderSlot)(n.$slots,`trigger`,{open:O.value,toggle:H,show:B,close:V,unreadCount:k.value,badge:de.value,panelId:S,triggerProps:M.value,setTriggerRef:P},()=>[(0,c.createElementVNode)(`button`,(0,c.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":O.value}]},M.value,{onClick:H}),[(0,c.createVNode)(t.t,{name:y.value,size:18},null,8,[`name`]),k.value>0?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,f,(0,c.toDisplayString)(de.value),1)):(0,c.createCommentVNode)(``,!0)],16)]),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[(0,c.createVNode)(c.Transition,{name:`nb-notification-center-pop`},{default:(0,c.withCtx)(()=>[O.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:S,ref_key:`panelRef`,ref:D,class:(0,c.normalizeClass)([`nb-notification-center__panel`,ye.value]),style:(0,c.normalizeStyle)(ve.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":C,"aria-describedby":ge.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Oe,onFocusin:Ee},[(0,c.createElementVNode)(`div`,m,[(0,c.createElementVNode)(`h2`,{id:C,class:`nb-notification-center__title`},(0,c.toDisplayString)(e.label),1),(0,c.renderSlot)(n.$slots,`header-start`,{close:V,unreadCount:k.value}),(0,c.renderSlot)(n.$slots,`header-actions`,{close:V,unreadCount:k.value,markAllRead:Ne,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,(0,c.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,c.createCommentVNode)(``,!0),(0,c.createTextVNode)(` `+(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,c.createCommentVNode)(``,!0)]),R.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,class:`nb-notification-center__close`,variant:`ghost`,size:`lg`,icon:u,"aria-label":e.closeLabel,onClick:d[0]||=e=>V()},null,8,[`aria-label`])):(0,c.createCommentVNode)(``,!0)]),(0,c.createElementVNode)(`span`,ee,(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),he.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:w,class:`nb-notification-center__stale`,role:`status`},[(0,c.createVNode)(t.t,{name:(0,c.unref)(l.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,c.toDisplayString)(e.retryLabel),1)):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),A.value===`loading`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,c.normalizeStyle)(z.value)},[(0,c.createElementVNode)(`span`,ne,(0,c.toDisplayString)(e.loadingLabel),1),((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(3,e=>(0,c.createVNode)(o.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):A.value===`error`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:2,id:w,class:`nb-notification-center__error`,role:`alert`},[(0,c.renderSlot)(n.$slots,`error`,{retry:j},()=>[(0,c.createVNode)(i.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,c.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,c.withCtx)(()=>[(0,c.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):A.value===`list`?((0,c.openBlock)(),(0,c.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:le,class:`nb-notification-center__list`,role:`list`,tabindex:we.value,style:(0,c.normalizeStyle)(z.value),onClick:J,onKeydown:J},[(0,c.renderSlot)(n.$slots,`default`,{close:V,items:e.items},()=>[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.items,t=>((0,c.openBlock)(),(0,c.createBlock)(s.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>Me(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,re)):A.value===`empty`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ie,[(0,c.renderSlot)(n.$slots,`empty`,{},()=>[(0,c.createVNode)(i.t,{size:`sm`,icon:y.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,c.createCommentVNode)(``,!0),n.$slots.footer?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[(0,c.renderSlot)(n.$slots,`footer`,{close:V})])):(0,c.createCommentVNode)(``,!0)],46,p)):(0,c.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});

package/dist/NotificationCenter-Br-YtY5w.js

@@ -0,0 +1,584 @@
+import { t as e } from "./Icon-rREAqsu0.js";
+import { usePhoneLayout as t } from "./composables/usePhoneLayout.composable.mjs";
+import { t as n } from "./Button-IcCXOoCT.js";
+import { t as r } from "./EmptyState-B6pEj4jk.js";
+import { t as i } from "./Spinner-C7NYF-Xf.js";
+import { t as a } from "./Skeleton-BLn8a0wV.js";
+import { t as o } from "./NotificationCenterItem-CjJh9W_a.js";
+import { Fragment as s, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as ee, createTextVNode as te, createVNode as h, defineComponent as g, mergeProps as ne, nextTick as _, normalizeClass as re, normalizeStyle as v, onBeforeUnmount as ie, openBlock as y, ref as b, renderList as ae, renderSlot as x, toDisplayString as S, unref as oe, useId as se, useSlots as ce, watch as C, withCtx as w } from "vue";
+import { regular as le } from "@nubisco/ui/icons/warning-circle";
+import * as ue from "@nubisco/ui/icons/x";
+import * as de from "@nubisco/ui/icons/bell";
+//#region src/components/NotificationCenter.vue?vue&type=script&setup=true&lang.ts
+var fe = {
+	key: 0,
+	class: "nb-notification-center__badge",
+	"aria-hidden": "true"
+}, pe = ["aria-describedby", "aria-busy"], me = { class: "nb-notification-center__header" }, he = {
+	class: "nb-notification-center__sr",
+	role: "status"
+}, ge = { class: "nb-notification-center__stale-text" }, _e = { class: "nb-notification-center__sr" }, ve = ["tabindex"], ye = {
+	key: 4,
+	class: "nb-notification-center__empty"
+}, be = {
+	key: 5,
+	class: "nb-notification-center__footer"
+}, T = /* @__PURE__ */ new Set(), E = 8, D = 8, O = 96, k = 88, A = 200;
+function xe(e, { align: t, side: n, width: r, maxHeight: i, viewport: a }) {
+	let o = e.left + e.width;
+	if (n === "right" && a.width - o - E - D >= r) {
+		let n = e.top + e.height, r = t === "end" ? n - D : a.height - e.top - D, s = Math.max(k + O, r), c = Math.min(i + O, s), l = Math.max(k, Math.min(i, s - O));
+		return t === "end" ? {
+			top: Math.max(D, n - c),
+			bottom: Math.max(D, a.height - n),
+			left: o + E,
+			side: "right",
+			maxListHeight: l
+		} : {
+			top: Math.max(D, Math.min(e.top, a.height - D - c)),
+			left: o + E,
+			side: "right",
+			maxListHeight: l
+		};
+	}
+	let s = t === "start" ? e.left : e.left + e.width - r, c = Math.min(Math.max(s, D), Math.max(D, a.width - r - D)), l = e.top + e.height, u = a.height - l - E - D, d = e.top - E - D, f = u < A && d > u ? "top" : "bottom", p = Math.max(k, f === "top" ? d : u), m = Math.max(k, Math.min(i, p - O)), ee = Math.min(i + O, p);
+	return {
+		top: f === "top" ? Math.max(D, e.top - E - ee) : l + E,
+		left: c,
+		side: f,
+		maxListHeight: m
+	};
+}
+function Se(e, t) {
+	return e.left <= t.width && e.left + e.width >= 0 && e.top <= t.height && e.top + e.height >= 0;
+}
+//#endregion
+//#region src/components/NotificationCenter.vue
+var j = /* @__PURE__ */ g({
+	__name: "NotificationCenter",
+	props: {
+		items: { default: () => [] },
+		unreadCount: { default: void 0 },
+		itemCount: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		label: { default: "Notifications" },
+		markAllLabel: { default: "Mark all as read" },
+		markAllPendingLabel: { default: "Marking all as read" },
+		markAllPending: {
+			type: Boolean,
+			default: !1
+		},
+		emptyTitle: { default: "No notifications" },
+		emptyDescription: { default: "New activity shows up here." },
+		loadingLabel: { default: "Loading notifications" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		error: {
+			type: Boolean,
+			default: !1
+		},
+		errorTitle: { default: "Could not load notifications" },
+		errorDescription: { default: "The request failed. Nothing has been lost." },
+		errorStaleLabel: { default: "These may be out of date." },
+		retryLabel: { default: "Try again" },
+		showRetry: {
+			type: Boolean,
+			default: !0
+		},
+		maxCount: { default: 99 },
+		width: { default: 360 },
+		closeLabel: { default: "Close notifications" },
+		maxHeight: { default: 384 },
+		align: { default: "end" },
+		side: { default: "vertical" },
+		showMarkAll: {
+			type: Boolean,
+			default: !0
+		},
+		interactive: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnNavigate: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: void 0 },
+		locale: { default: void 0 },
+		unreadLabel: { default: "Unread" },
+		readLabel: { default: "Read" },
+		formatUnread: {
+			type: Function,
+			default: (e) => e === 1 ? "1 unread" : `${e} unread`
+		}
+	},
+	emits: [
+		"update:open",
+		"open",
+		"close",
+		"select",
+		"mark-all-read",
+		"retry"
+	],
+	setup(g, { expose: E, emit: D }) {
+		let O = g, k = u(() => O.icon ?? de), A = D, j = ce(), M = `nb-notification-center-${se()}`, Ce = `${M}-title`, we = `${M}-trigger`, N = `${M}-error`, P = b(null), Te = b(null), F = b(null), I = b(null), Ee = b(!1), L = u(() => O.open === void 0 ? Ee.value : O.open), R = u(() => typeof O.unreadCount == "number" ? Math.max(0, O.unreadCount) : O.items.filter((e) => !e.read).length), De = u(() => R.value > O.maxCount ? `${O.maxCount}+` : String(R.value)), Oe = u(() => R.value > 0 ? `${O.label}, ${O.formatUnread(R.value)}` : O.label), ke = u(() => {
+			if (typeof O.itemCount == "number") return Math.max(0, O.itemCount);
+			if (!j.default) return O.items.length;
+		}), Ae = u(() => (ke.value ?? 0) > 0), z = u(() => {
+			if (O.loading) return "loading";
+			let e = ke.value;
+			return O.error && (e === void 0 || e === 0) ? "error" : e === void 0 || e > 0 ? "list" : "empty";
+		}), je = u(() => O.error && !O.loading && z.value === "list" && Ae.value);
+		b(!1), C(() => [
+			L.value,
+			!!j.default,
+			O.itemCount
+		], ([e, t, n]) => {}, { immediate: !0 });
+		function B() {
+			A("retry");
+		}
+		let Me = u(() => ({
+			id: we,
+			"aria-haspopup": "dialog",
+			"aria-expanded": L.value ? "true" : "false",
+			"aria-controls": L.value ? M : void 0,
+			"aria-label": Oe.value,
+			disabled: O.disabled || void 0
+		})), Ne = u(() => ({
+			type: "button",
+			disabled: R.value === 0 && !O.markAllPending,
+			"aria-disabled": O.markAllPending ? "true" : void 0,
+			"aria-busy": O.markAllPending ? "true" : void 0,
+			onClick: rt
+		})), Pe = u(() => je.value || z.value === "error" ? N : void 0);
+		function Fe(e) {
+			if (!e) {
+				F.value = null;
+				return;
+			}
+			let t = e instanceof HTMLElement ? e : e.$el;
+			F.value = t instanceof HTMLElement ? t : null;
+		}
+		let V = b({
+			top: 0,
+			left: 0,
+			side: "bottom",
+			maxListHeight: O.maxHeight
+		});
+		function Ie() {
+			return {
+				width: window.innerWidth,
+				height: window.innerHeight
+			};
+		}
+		function H() {
+			let e = P.value?.getBoundingClientRect();
+			e && (V.value = xe(e, {
+				align: O.align,
+				side: O.side,
+				width: O.width,
+				maxHeight: O.maxHeight,
+				viewport: Ie()
+			}));
+		}
+		let { phone: Le } = t(), U = u(() => Le.value), Re = u(() => {
+			if (!U.value) return V.value.bottom === void 0 ? {
+				top: `${Math.round(V.value.top)}px`,
+				left: `${Math.round(V.value.left)}px`,
+				width: `${O.width}px`
+			} : {
+				bottom: `${Math.round(V.value.bottom)}px`,
+				left: `${Math.round(V.value.left)}px`,
+				width: `${O.width}px`
+			};
+		}), ze = u(() => U.value ? void 0 : { maxHeight: `${Math.round(V.value.maxListHeight)}px` }), Be = u(() => ({
+			"nb-notification-center__panel--sheet": U.value,
+			"nb-notification-center__panel--start": O.align === "start",
+			"nb-notification-center__panel--above": !U.value && V.value.side === "top",
+			"nb-notification-center__panel--beside": !U.value && V.value.side === "right"
+		}));
+		function Ve(e) {
+			O.open === void 0 && (Ee.value = e), A("update:open", e);
+		}
+		function W() {
+			O.disabled || L.value || (H(), Ve(!0), A("open"));
+		}
+		function G(e = {}) {
+			if (!L.value) return;
+			let t = I.value?.contains(document.activeElement);
+			Ve(!1), A("close"), (e.restoreFocus ?? t) && _(He);
+		}
+		function He() {
+			let e = F.value;
+			if (e?.isConnected) {
+				e.focus();
+				return;
+			}
+			(P.value?.querySelector(Ye))?.focus();
+		}
+		function Ue() {
+			L.value ? G({ restoreFocus: !0 }) : W();
+		}
+		let K = b(0), We = new Set([
+			"button",
+			"link",
+			"menuitem",
+			"option"
+		]);
+		function Ge(e) {
+			if (e.tagName === "BUTTON") return !e.hasAttribute("disabled");
+			if (e.tagName === "A") return e.hasAttribute("href");
+			let t = e.getAttribute("role");
+			return t !== null && We.has(t);
+		}
+		function q() {
+			return I.value ? Array.from(I.value.querySelectorAll("[data-nb-notification-item]")).filter((e) => !!Ge(e)) : [];
+		}
+		let Ke = b(void 0);
+		function qe(e) {
+			let t = Te.value;
+			Ke.value = t && t.childElementCount > 0 && e.length === 0 ? 0 : void 0;
+		}
+		function J(e) {
+			let t = q();
+			qe(t), t.length && (K.value = Math.min(Math.max(e, 0), t.length - 1), t.forEach((e, t) => {
+				e.setAttribute("tabindex", t === K.value ? "0" : "-1");
+			}));
+		}
+		function Y(e) {
+			let t = q();
+			if (!t.length) return !1;
+			let n = Math.min(Math.max(e, 0), t.length - 1);
+			return J(n), t[n]?.focus(), !0;
+		}
+		function Je(e) {
+			let t = e.target?.closest("[data-nb-notification-item]");
+			if (!t) return;
+			let n = q().indexOf(t);
+			n >= 0 && J(n);
+		}
+		let Ye = "a[href]:not([tabindex=\"-1\"]), button:not([disabled]):not([tabindex=\"-1\"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex=\"0\"]";
+		function Xe(e) {
+			return !!e?.closest?.("input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"]");
+		}
+		function Ze(e) {
+			let t = q(), n = e.target?.closest("[data-nb-notification-item]"), r = n ? t.indexOf(n) : -1;
+			if (e.key === "Escape") {
+				if (!Qe(e)) return;
+				e.preventDefault(), e.stopPropagation(), G({ restoreFocus: !0 });
+				return;
+			}
+			if (e.key === "Tab") {
+				$e(e);
+				return;
+			}
+			if (!Xe(e.target)) switch (e.key) {
+				case "ArrowDown":
+					Y(r < 0 ? 0 : r + 1) && e.preventDefault();
+					break;
+				case "ArrowUp":
+					Y(r < 0 ? t.length - 1 : r - 1) && e.preventDefault();
+					break;
+				case "Home":
+					r >= 0 && (e.preventDefault(), Y(0));
+					break;
+				case "End":
+					r >= 0 && (e.preventDefault(), Y(t.length - 1));
+					break;
+				default: break;
+			}
+		}
+		function Qe(e) {
+			if (e.defaultPrevented) return !1;
+			let t = (e.target ?? document.activeElement)?.closest?.("[aria-modal=\"true\"]");
+			return !(t && t !== I.value);
+		}
+		function $e(e) {
+			let t = I.value;
+			if (!t) return;
+			let n = Array.from(t.querySelectorAll(Ye)), r = document.activeElement, i = n[0], a = n[n.length - 1], o = !n.length || r === i || !t.contains(r), s = !n.length || r === a;
+			if (e.shiftKey ? !o : !s) return;
+			e.preventDefault();
+			let c = e.shiftKey ? F.value : et();
+			G({ restoreFocus: !1 }), _(() => {
+				c?.isConnected ? c.focus() : He();
+			});
+		}
+		function et() {
+			let e = F.value;
+			if (!e) return null;
+			let t = Array.from(document.querySelectorAll(Ye)).filter((e) => !I.value?.contains(e)).filter((e) => e.tabIndex >= 0), n = t.indexOf(e);
+			return n < 0 ? null : t[n + 1] ?? null;
+		}
+		function tt(e, t) {
+			A("select", e, t), O.closeOnSelect && G({ restoreFocus: !1 });
+		}
+		function nt(e) {
+			if (!j.default) return;
+			let t = e.target?.closest("[data-nb-notification-item]");
+			if (t && Ge(t)) {
+				if (e.type === "keydown") {
+					let n = e.key;
+					if (n !== "Enter" && n !== " " || t.tagName === "BUTTON" || t.tagName === "A") return;
+					e.preventDefault();
+				}
+				A("select", null, e), O.closeOnSelect && G({ restoreFocus: !1 });
+			}
+		}
+		function rt() {
+			O.markAllPending || A("mark-all-read");
+		}
+		function it(e) {
+			let t = e.target;
+			P.value?.contains(t) || I.value?.contains(t) || G({ restoreFocus: !1 });
+		}
+		function at(e) {
+			e.key === "Escape" && (I.value?.contains(document.activeElement) || Qe(e) && G({ restoreFocus: P.value?.contains(document.activeElement) ?? !1 }));
+		}
+		let X = 0;
+		function Z() {
+			!L.value || X || (X = requestAnimationFrame(() => {
+				X = 0, st();
+			}));
+		}
+		function ot() {
+			X &&= (cancelAnimationFrame(X), 0);
+		}
+		function st() {
+			if (!L.value || U.value) return;
+			let e = P.value?.getBoundingClientRect();
+			if (e && !Se(e, Ie())) {
+				G({ restoreFocus: !1 });
+				return;
+			}
+			H();
+		}
+		function Q() {
+			O.closeOnNavigate && G({ restoreFocus: !1 });
+		}
+		function ct() {
+			return window.navigation;
+		}
+		function lt() {
+			document.addEventListener("mousedown", it), document.addEventListener("keydown", at), window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0), window.addEventListener("popstate", Q), window.addEventListener("hashchange", Q), ct()?.addEventListener("navigate", Q);
+		}
+		function ut() {
+			ot(), document.removeEventListener("mousedown", it), document.removeEventListener("keydown", at), window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0), window.removeEventListener("popstate", Q), window.removeEventListener("hashchange", Q), ct()?.removeEventListener("navigate", Q);
+		}
+		let $ = () => G({ restoreFocus: !1 });
+		return C(L, (e) => {
+			if (e) {
+				for (let e of [...T]) e !== $ && e();
+				T.add($), lt(), _(() => {
+					H(), J(0), Y(0) || I.value?.focus();
+				});
+			} else T.delete($), ut(), K.value = 0;
+		}), C(() => [O.items.length, z.value], () => {
+			L.value && _(() => J(K.value));
+		}), ie(() => {
+			ut(), T.delete($);
+			let e = I.value;
+			e?.isConnected && e.remove();
+		}), E({
+			show: W,
+			close: G,
+			toggle: Ue,
+			isOpen: L,
+			unreadCount: R
+		}), (t, u) => (y(), p("div", {
+			ref_key: "rootRef",
+			ref: P,
+			class: "nb-notification-center"
+		}, [x(t.$slots, "trigger", {
+			open: L.value,
+			toggle: Ue,
+			show: W,
+			close: G,
+			unreadCount: R.value,
+			badge: De.value,
+			panelId: M,
+			triggerProps: Me.value,
+			setTriggerRef: Fe
+		}, () => [m("button", ne({
+			ref: Fe,
+			type: "button",
+			class: ["nb-notification-center__trigger", { "nb-notification-center__trigger--active": L.value }]
+		}, Me.value, { onClick: Ue }), [h(e, {
+			name: k.value,
+			size: 18
+		}, null, 8, ["name"]), R.value > 0 ? (y(), p("span", fe, S(De.value), 1)) : f("", !0)], 16)]), (y(), d(c, { to: "body" }, [h(l, { name: "nb-notification-center-pop" }, {
+			default: w(() => [L.value ? (y(), p("div", {
+				key: 0,
+				id: M,
+				ref_key: "panelRef",
+				ref: I,
+				class: re(["nb-notification-center__panel", Be.value]),
+				style: v(Re.value),
+				role: "dialog",
+				tabindex: "-1",
+				"aria-labelledby": Ce,
+				"aria-describedby": Pe.value,
+				"aria-busy": g.loading ? "true" : void 0,
+				onKeydown: Ze,
+				onFocusin: Je
+			}, [
+				m("div", me, [
+					m("h2", {
+						id: Ce,
+						class: "nb-notification-center__title"
+					}, S(g.label), 1),
+					x(t.$slots, "header-start", {
+						close: G,
+						unreadCount: R.value
+					}),
+					x(t.$slots, "header-actions", {
+						close: G,
+						unreadCount: R.value,
+						markAllRead: rt,
+						markAllPending: g.markAllPending,
+						markAllProps: Ne.value,
+						markAllText: g.markAllPending ? g.markAllPendingLabel : g.markAllLabel
+					}, () => [g.showMarkAll ? (y(), p("button", ne({
+						key: 0,
+						class: "nb-notification-center__mark-all"
+					}, Ne.value), [g.markAllPending ? (y(), d(i, {
+						key: 0,
+						size: "xs",
+						tone: "inherit",
+						decorative: ""
+					})) : f("", !0), te(" " + S(g.markAllPending ? g.markAllPendingLabel : g.markAllLabel), 1)], 16)) : f("", !0)]),
+					U.value ? (y(), d(n, {
+						key: 0,
+						class: "nb-notification-center__close",
+						variant: "ghost",
+						size: "lg",
+						icon: ue,
+						"aria-label": g.closeLabel,
+						onClick: u[0] ||= (e) => G()
+					}, null, 8, ["aria-label"])) : f("", !0)
+				]),
+				m("span", he, S(g.markAllPending ? g.markAllPendingLabel : ""), 1),
+				je.value ? (y(), p("div", {
+					key: 0,
+					id: N,
+					class: "nb-notification-center__stale",
+					role: "status"
+				}, [
+					h(e, {
+						name: oe(le),
+						size: 14,
+						"aria-hidden": "true"
+					}, null, 8, ["name"]),
+					m("span", ge, S(g.errorStaleLabel), 1),
+					g.showRetry ? (y(), p("button", {
+						key: 0,
+						type: "button",
+						class: "nb-notification-center__retry",
+						onClick: B
+					}, S(g.retryLabel), 1)) : f("", !0)
+				])) : f("", !0),
+				z.value === "loading" ? (y(), p("div", {
+					key: 1,
+					class: "nb-notification-center__loading",
+					role: "status",
+					style: v(ze.value)
+				}, [m("span", _e, S(g.loadingLabel), 1), (y(), p(s, null, ae(3, (e) => h(a, {
+					key: e,
+					variant: "text",
+					type: "body-sm",
+					lines: 2,
+					"last-line-width": "60%"
+				})), 64))], 4)) : z.value === "error" ? (y(), p("div", {
+					key: 2,
+					id: N,
+					class: "nb-notification-center__error",
+					role: "alert"
+				}, [x(t.$slots, "error", { retry: B }, () => [h(r, {
+					size: "sm",
+					kind: "error",
+					title: g.errorTitle,
+					description: g.errorDescription
+				}, ee({ _: 2 }, [g.showRetry ? {
+					name: "actions",
+					fn: w(() => [h(n, {
+						size: "sm",
+						variant: "secondary",
+						onClick: B
+					}, {
+						default: w(() => [te(S(g.retryLabel), 1)]),
+						_: 1
+					})]),
+					key: "0"
+				} : void 0]), 1032, ["title", "description"])])])) : z.value === "list" ? (y(), p("ul", {
+					key: 3,
+					ref_key: "listRef",
+					ref: Te,
+					class: "nb-notification-center__list",
+					role: "list",
+					tabindex: Ke.value,
+					style: v(ze.value),
+					onClick: nt,
+					onKeydown: nt
+				}, [x(t.$slots, "default", {
+					close: G,
+					items: g.items
+				}, () => [(y(!0), p(s, null, ae(g.items, (e) => (y(), d(o, {
+					key: e.id,
+					title: e.title,
+					body: e.body,
+					time: e.time,
+					"time-label": e.timeLabel,
+					read: e.read,
+					variant: e.variant ?? "neutral",
+					icon: e.icon,
+					href: e.href,
+					interactive: e.interactive ?? g.interactive,
+					locale: g.locale,
+					"unread-label": g.unreadLabel,
+					"read-label": g.readLabel,
+					onSelect: (t) => tt(e, t)
+				}, null, 8, [
+					"title",
+					"body",
+					"time",
+					"time-label",
+					"read",
+					"variant",
+					"icon",
+					"href",
+					"interactive",
+					"locale",
+					"unread-label",
+					"read-label",
+					"onSelect"
+				]))), 128))])], 44, ve)) : z.value === "empty" ? (y(), p("div", ye, [x(t.$slots, "empty", {}, () => [h(r, {
+					size: "sm",
+					icon: k.value,
+					title: g.emptyTitle,
+					description: g.emptyDescription
+				}, null, 8, [
+					"icon",
+					"title",
+					"description"
+				])])])) : f("", !0),
+				t.$slots.footer ? (y(), p("div", be, [x(t.$slots, "footer", { close: G })])) : f("", !0)
+			], 46, pe)) : f("", !0)]),
+			_: 3
+		})]))], 512));
+	}
+});
+//#endregion
+export { j as t };

package/dist/{NumberInput-DsjKITeI.cjs → NumberInput-1taaS5G3.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Label-BIM21I7D.cjs`),r=require(`./Message-DjxOb8mu.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/plus`),o=require(`@nubisco/ui/icons/minus`);var s=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],c={class:`nb-number-input__steppers`},l=[`disabled`],u=[`disabled`],d={key:0,class:`nb-number-input__inner-header`},f=[`for`],p={key:0,class:`nb-number-input__asterisk`,"aria-hidden":`true`},m={class:`nb-number-input__fluid-row`},h=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],g={class:`nb-number-input__steppers`},_=[`disabled`],v=[`disabled`],y=(0,i.defineComponent)({__name:`NumberInput`,props:{modelValue:{default:null},min:{default:void 0},max:{default:void 0},step:{default:1},placeholder:{default:``},name:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`],setup(e,{expose:y,emit:b}){let x=e,S=b,C=(0,i.ref)(null),w=(0,i.ref)(!1),T=`nb-number-input-${(0,i.useId)()}`,E=(0,i.computed)(()=>x.id??T),D=(0,i.computed)(()=>x.min!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue<=x.min),O=(0,i.computed)(()=>x.max!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue>=x.max);function k(e){let t=e;return x.min!==void 0&&(t=Math.max(x.min,t)),x.max!==void 0&&(t=Math.min(x.max,t)),t}function A(e){C.value&&(C.value.value=e==null?``:String(e))}(0,i.onMounted)(()=>A(x.modelValue)),(0,i.watch)(()=>x.modelValue,e=>{w.value||A(e)});function j(){let e=k((x.modelValue??0)+x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function M(){let e=k((x.modelValue??0)-x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function N(){if(!C.value)return;let e=C.value.value;if(e===``)S(`update:modelValue`,null);else{let t=parseFloat(e);isNaN(t)||S(`update:modelValue`,t)}}function P(){if(w.value=!1,!C.value)return;let e=C.value.value;if(e===``){S(`update:modelValue`,null),S(`change`,null);return}let t=parseFloat(e);if(!isNaN(t)){let e=k(t);S(`update:modelValue`,e),S(`change`,e),A(e)}}let F=(0,i.computed)(()=>[`nb-number-input`,`nb-number-input--${x.variant}`,`nb-number-input--${x.size}`,{"nb-number-input--error":!!x.error,"nb-number-input--warning":!x.error&&!!x.warning,"nb-number-input--disabled":x.disabled}]),I=(0,i.computed)(()=>({"nb-number-input__field-wrapper--focused":w.value,"nb-number-input__field-wrapper--error":!!x.error,"nb-number-input__field-wrapper--warning":!x.error&&!!x.warning,"nb-number-input__field-wrapper--disabled":x.disabled}));return y({focus:()=>C.value?.focus()}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)(F.value)},[e.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[e.label?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,for:E.value,required:e.required,disabled:e.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[0]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[1]||=e=>w.value=!0},null,40,s),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[2]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,l),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[3]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,u)])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`error`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:`warning`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,variant:`helper`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):e.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[e.label?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.createElementVNode)(`label`,{for:E.value,class:`nb-number-input__inner-label`},[(0,i.createTextVNode)((0,i.toDisplayString)(e.label)+` `,1),e.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,`*`)):(0,i.createCommentVNode)(``,!0)],8,f),e.helper&&!e.error&&!e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`helper`,"icon-only":!0,class:`nb-number-input__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,m,[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[4]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[5]||=e=>w.value=!0},null,40,h),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,g,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,_),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[7]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,v)])])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],2))}}),b=e.t(y,[[`__scopeId`,`data-v-89630543`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Label-CZhQEyoi.cjs`),r=require(`./Message-C44ftsaT.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/plus`),o=require(`@nubisco/ui/icons/minus`);var s=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],c={class:`nb-number-input__steppers`},l=[`disabled`],u=[`disabled`],d={key:0,class:`nb-number-input__inner-header`},f=[`for`],p={key:0,class:`nb-number-input__asterisk`,"aria-hidden":`true`},m={class:`nb-number-input__fluid-row`},h=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],g={class:`nb-number-input__steppers`},_=[`disabled`],v=[`disabled`],y=(0,i.defineComponent)({__name:`NumberInput`,props:{modelValue:{default:null},min:{default:void 0},max:{default:void 0},step:{default:1},placeholder:{default:``},name:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`],setup(e,{expose:y,emit:b}){let x=e,S=b,C=(0,i.ref)(null),w=(0,i.ref)(!1),T=`nb-number-input-${(0,i.useId)()}`,E=(0,i.computed)(()=>x.id??T),D=(0,i.computed)(()=>x.min!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue<=x.min),O=(0,i.computed)(()=>x.max!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue>=x.max);function k(e){let t=e;return x.min!==void 0&&(t=Math.max(x.min,t)),x.max!==void 0&&(t=Math.min(x.max,t)),t}function A(e){C.value&&(C.value.value=e==null?``:String(e))}(0,i.onMounted)(()=>A(x.modelValue)),(0,i.watch)(()=>x.modelValue,e=>{w.value||A(e)});function j(){let e=k((x.modelValue??0)+x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function M(){let e=k((x.modelValue??0)-x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function N(){if(!C.value)return;let e=C.value.value;if(e===``)S(`update:modelValue`,null);else{let t=parseFloat(e);isNaN(t)||S(`update:modelValue`,t)}}function P(){if(w.value=!1,!C.value)return;let e=C.value.value;if(e===``){S(`update:modelValue`,null),S(`change`,null);return}let t=parseFloat(e);if(!isNaN(t)){let e=k(t);S(`update:modelValue`,e),S(`change`,e),A(e)}}let F=(0,i.computed)(()=>[`nb-number-input`,`nb-number-input--${x.variant}`,`nb-number-input--${x.size}`,{"nb-number-input--error":!!x.error,"nb-number-input--warning":!x.error&&!!x.warning,"nb-number-input--disabled":x.disabled}]),I=(0,i.computed)(()=>({"nb-number-input__field-wrapper--focused":w.value,"nb-number-input__field-wrapper--error":!!x.error,"nb-number-input__field-wrapper--warning":!x.error&&!!x.warning,"nb-number-input__field-wrapper--disabled":x.disabled}));return y({focus:()=>C.value?.focus()}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)(F.value)},[e.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[e.label?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,for:E.value,required:e.required,disabled:e.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[0]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[1]||=e=>w.value=!0},null,40,s),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[2]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,l),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[3]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,u)])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`error`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:`warning`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,variant:`helper`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):e.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[e.label?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.createElementVNode)(`label`,{for:E.value,class:`nb-number-input__inner-label`},[(0,i.createTextVNode)((0,i.toDisplayString)(e.label)+` `,1),e.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,`*`)):(0,i.createCommentVNode)(``,!0)],8,f),e.helper&&!e.error&&!e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`helper`,"icon-only":!0,class:`nb-number-input__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,m,[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[4]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[5]||=e=>w.value=!0},null,40,h),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,g,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,_),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[7]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,v)])])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],2))}}),b=e.t(y,[[`__scopeId`,`data-v-7d6b2226`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});

package/dist/{NumberInput-CrbTiAkP.js → NumberInput-DWf2LMGN.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
 import { t } from "./Icon-rREAqsu0.js";
-import { t as n } from "./Label-CiWiUQ_H.js";
-import { t as r } from "./Message-SQvoXiWl.js";
+import { t as n } from "./Label-DGK5nxFy.js";
+import { t as r } from "./Message-CHkTWe0K.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, onMounted as m, openBlock as h, ref as g, toDisplayString as _, unref as v, useId as y, watch as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";
 import { regular as w } from "@nubisco/ui/icons/plus";
 import { regular as T } from "@nubisco/ui/icons/minus";
@@ -288,6 +288,6 @@ var E = [
 			_: 1
 		})) : s("", !0)], 64)) : s("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-89630543"]]);
+}), [["__scopeId", "data-v-7d6b2226"]]);
 //#endregion
 export { L as t };