@nubisco/ui 5.2.0 → 5.4.0

package/dist/FloatingToolbar-Zs9hJISD.js

@@ -0,0 +1,134 @@
+import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
+import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
+import { placeAnchored as n, viewportSize as r } from "./utils/anchorPosition.helper.mjs";
+import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, mergeProps as u, nextTick as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, unref as g, watch as _ } from "vue";
+//#region src/components/FloatingToolbar.vue?vue&type=script&setup=true&lang.ts
+var v = ["aria-label", "aria-orientation"], y = "button, [role=\"button\"], a[href], input, select, textarea, [tabindex]", b = /* @__PURE__ */ e(/* @__PURE__ */ l({
+	__name: "FloatingToolbar",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		anchor: { default: null },
+		placement: { default: "top" },
+		gap: { default: 8 },
+		label: {},
+		orientation: { default: "horizontal" },
+		teleportTo: { default: "body" }
+	},
+	emits: ["close", "update:open"],
+	setup(e, { expose: l, emit: b }) {
+		let x = e, S = b, { layerProps: C } = t({ overlay: !0 }), w = m(null), T = m(x.placement), E = m({
+			top: 0,
+			left: 0
+		}), D = m(!1), O = m(0), k = a(() => ({
+			top: `${E.value.top}px`,
+			left: `${E.value.left}px`
+		}));
+		function A(e) {
+			return "getBoundingClientRect" in e ? e.getBoundingClientRect() : e;
+		}
+		function j() {
+			let e = w.value;
+			if (!e || !x.anchor) return;
+			let t = A(x.anchor), i = r();
+			D.value = i.width > 0 && i.height > 0 && (t.top + t.height < 0 || t.top > i.height || t.left + t.width < 0 || t.left > i.width);
+			let a = n(t, {
+				width: e.offsetWidth,
+				height: e.offsetHeight
+			}, {
+				side: x.placement,
+				gap: x.gap,
+				viewport: i
+			});
+			T.value = a.side, E.value = {
+				top: a.top,
+				left: a.left
+			};
+		}
+		function M() {
+			let e = w.value;
+			return e ? Array.from(e.querySelectorAll(y)).filter((t) => !t.disabled && t.getAttribute("aria-hidden") !== "true" && t.closest("[role=\"toolbar\"]") === e) : [];
+		}
+		function N() {
+			let e = M();
+			e.length && (O.value >= e.length && (O.value = e.length - 1), O.value < 0 && (O.value = 0), e.forEach((e, t) => {
+				let n = t === O.value ? "0" : "-1";
+				e.getAttribute("tabindex") !== n && e.setAttribute("tabindex", n);
+			}));
+		}
+		function P(e) {
+			let t = M();
+			t.length && (O.value = (e + t.length) % t.length, N(), t[O.value].focus());
+		}
+		function F(e) {
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), S("close"), S("update:open", !1);
+				return;
+			}
+			let t = e.target;
+			if (t.closest("input, textarea, select, [contenteditable=\"true\"]")) return;
+			let n = x.orientation === "vertical", r = n ? "ArrowUp" : "ArrowLeft", i = n ? "ArrowDown" : "ArrowRight", a = M(), o = a.indexOf(t);
+			o !== -1 && (e.key === i ? (e.preventDefault(), P(o + 1)) : e.key === r ? (e.preventDefault(), P(o - 1)) : e.key === "Home" ? (e.preventDefault(), P(0)) : e.key === "End" && (e.preventDefault(), P(a.length - 1)));
+		}
+		function I(e) {
+			let t = M().indexOf(e.target);
+			t !== -1 && (O.value = t, N());
+		}
+		function L(e) {
+			e.target?.closest("input, textarea, select, [contenteditable=\"true\"]") || e.preventDefault();
+		}
+		function R() {
+			P(O.value);
+		}
+		let z;
+		function B() {
+			window.addEventListener("resize", j), window.addEventListener("scroll", j, !0), typeof MutationObserver < "u" && w.value && (z = new MutationObserver(() => N()), z.observe(w.value, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: ["disabled"]
+			}));
+		}
+		function V() {
+			typeof window > "u" || (window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0), z?.disconnect(), z = void 0);
+		}
+		let H = a(() => x.open && !!x.anchor);
+		return _(H, (e) => {
+			typeof window > "u" || (V(), e && (O.value = 0, d(() => {
+				B(), N(), j(), requestAnimationFrame(j);
+			})));
+		}, { immediate: !0 }), _(() => [
+			x.anchor,
+			x.placement,
+			x.gap
+		], () => {
+			H.value && d(j);
+		}), f(V), l({
+			reposition: j,
+			focus: R,
+			el: w
+		}), (t, n) => (p(), o(i, { to: e.teleportTo }, [e.open && e.anchor ? (p(), c("div", u({
+			key: 0,
+			ref_key: "toolbarRef",
+			ref: w,
+			class: [
+				"nb-floating-toolbar",
+				`nb-floating-toolbar--${T.value}`,
+				`nb-floating-toolbar--${e.orientation}`,
+				{ "nb-floating-toolbar--anchor-hidden": D.value }
+			]
+		}, g(C), {
+			role: "toolbar",
+			"aria-label": e.label,
+			"aria-orientation": e.orientation,
+			style: k.value,
+			onMousedown: L,
+			onKeydown: F,
+			onFocusin: I
+		}), [h(t.$slots, "default", {}, void 0, !0)], 16, v)) : s("", !0)], 8, ["to"]));
+	}
+}), [["__scopeId", "data-v-3aac4230"]]);
+//#endregion
+export { b as t };

package/dist/{Form-SCxw_ZSP.js → Form-HC4yg8DG.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Grid-CVNb1HcS.js";
+import { t as e } from "./Grid-CgUyhsw4.js";
 import { createBlock as t, createCommentVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, renderSlot as o, toDisplayString as s, withCtx as c } from "vue";
 //#endregion
 //#region src/components/Form.vue

package/dist/{Form-DE_I3zEv.cjs → Form-rRMK9twU.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Grid-DVT8lBHr.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Form`,props:{title:{default:void 0}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(e.t,{is:`form`,dir:`col`,gap:`md`,class:`nb-form`},{default:(0,t.withCtx)(()=>[n.title?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:0,is:`h4`,class:`nb-form--header`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.title),1)]),_:1})):(0,t.createCommentVNode)(``,!0),r.$slots.message?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:1,is:`p`,class:`nb-form--message`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`message`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.default?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:2,is:`div`,dir:`col`,gap:`sm`,class:`nb-form--body`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`default`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.footer?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:3,is:`footer`,class:`nb-form--footer`,justify:`end`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`footer`)]),_:3})):(0,t.createCommentVNode)(``,!0)]),_:3}))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Grid-DTZTlxd_.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Form`,props:{title:{default:void 0}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(e.t,{is:`form`,dir:`col`,gap:`md`,class:`nb-form`},{default:(0,t.withCtx)(()=>[n.title?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:0,is:`h4`,class:`nb-form--header`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.title),1)]),_:1})):(0,t.createCommentVNode)(``,!0),r.$slots.message?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:1,is:`p`,class:`nb-form--message`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`message`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.default?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:2,is:`div`,dir:`col`,gap:`sm`,class:`nb-form--body`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`default`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.footer?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:3,is:`footer`,class:`nb-form--footer`,justify:`end`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`footer`)]),_:3})):(0,t.createCommentVNode)(``,!0)]),_:3}))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/{GanttChart-COvhOkvR.js → GanttChart-BfJiBJPN.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { i as t, l as n, n as r, r as i, u as a } from "./palette-DpTb1uUD.js";
-import { t as o } from "./ChartLegend-DvjSe_3l.js";
-import { a as s, n as c } from "./scales-DzXsYt4Z.js";
+import { i as t, l as n, n as r, r as i, u as a } from "./palette-IseTcTSI.js";
+import { t as o } from "./ChartLegend-DtN-9tjj.js";
+import { a as s, n as c } from "./scales-5n6sKgoF.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, toDisplayString as C, withCtx as w } from "vue";
 //#region src/components/Charts/GanttChart.vue?vue&type=script&setup=true&lang.ts
 var T = { class: "nb-gantt__list-body" }, ee = ["onClick"], te = { class: "nb-gantt__list-group-label" }, ne = ["onMouseenter"], re = ["title"], ie = ["width"], ae = { class: "nb-gantt__time-header" }, oe = ["x", "y"], se = ["x1", "x2"], ce = [

package/dist/{GanttChart-CG58K_Th.cjs → GanttChart-T0OcZZsy.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-73dy8s3C.cjs`),n=require(`./ChartLegend-CkL6V-U_.cjs`),r=require(`./scales-Bzt05iAE.cjs`);let i=require(`vue`);var a={class:`nb-gantt__list-body`},o=[`onClick`],s={class:`nb-gantt__list-group-label`},c=[`onMouseenter`],l=[`title`],u=[`width`],d={class:`nb-gantt__time-header`},f=[`x`,`y`],p=[`x1`,`x2`],m=[`width`,`height`,`aria-label`],h={key:0},g=[`x1`,`x2`,`y2`],ee=[`y`,`width`,`height`],te=[`x1`,`x2`,`y2`],ne=[`x`,`y`,`width`,`height`],_=[`points`],v=[`points`],y=[`x`,`y`,`width`,`height`,`fill`,`onMouseenter`,`onMousemove`],b=[`x`,`y`,`width`,`height`,`fill`],x=[`points`,`fill`,`onMouseenter`,`onMousemove`],re=[`d`],ie=[`points`],ae=[`y`,`width`,`height`,`onMouseenter`],S=40,C=(0,i.defineComponent)({__name:`GanttChart`,props:{tasks:{default:()=>[]},dependencies:{default:()=>[]},groups:{default:()=>[]},timeScale:{default:`week`},rowHeight:{default:36},listWidth:{default:200},showTodayMarker:{type:Boolean,default:!0},today:{default:void 0},showProgress:{type:Boolean,default:!0},statusColors:{default:void 0},title:{default:void 0},subtitle:{default:void 0},height:{default:400},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let C=e,w={default:t.r(1),"on-track":t.r(3),"at-risk":t.r(4),behind:t.r(5),complete:t.r(2)},T=(0,i.computed)(()=>({...w,...C.statusColors})),E=(0,i.computed)(()=>Math.round(C.rowHeight*.22)),D=(0,i.computed)(()=>C.rowHeight-E.value*2),O=(0,i.computed)(()=>Math.round(C.rowHeight*.28)),k=(0,i.ref)(new Set((C.groups??[]).filter(e=>e.collapsed).map(e=>e.id))),A=e=>{let t=new Set(k.value);t.has(e)?t.delete(e):t.add(e),k.value=t},j=(0,i.computed)(()=>(C.groups?.length??0)>0),M=(0,i.computed)(()=>{let e=C.tasks??[],t=C.groups??[];if(!t.length)return e.map(e=>({id:e.id,label:e.label,type:`task`,milestone:e.milestone}));let n=[],r=new Map(t.map(e=>[e.id,e])),i=new Map,a=[];for(let t of e)if(t.group&&r.has(t.group)){let e=i.get(t.group)??[];e.push(t),i.set(t.group,e)}else a.push(t);for(let e of t)if(n.push({id:e.id,label:e.label,type:`group`}),!k.value.has(e.id))for(let t of i.get(e.id)??[])n.push({id:t.id,label:t.label,type:`task`,milestone:t.milestone,indent:!0});for(let e of a)n.push({id:e.id,label:e.label,type:`task`,milestone:e.milestone});return n}),N=(0,i.computed)(()=>M.value.filter(e=>e.type===`task`)),P=(0,i.computed)(()=>{let e=new Map;return M.value.forEach((t,n)=>e.set(t.id,n)),e}),F=e=>typeof e==`string`?new Date(e).getTime():e.getTime(),I=(0,i.computed)(()=>{let e=C.tasks??[];if(!e.length){let e=Date.now();return[e,e+7*864e5]}let t=1/0,n=-1/0;for(let r of e){let e=F(r.start),i=r.end?F(r.end):e;e<t&&(t=e),i>n&&(n=i)}let r=L(C.timeScale);return[t-r,n+r]}),L=e=>{let t=864e5;return e===`day`?t:e===`week`?7*t:e===`month`?30*t:e===`quarter`?91*t:365*t},R=(0,i.computed)(()=>{let e=C.timeScale;return e===`day`?40:e===`week`?120:e===`month`?180:e===`quarter`?240:360}),z=(0,i.computed)(()=>R.value/L(C.timeScale)),B=(0,i.computed)(()=>I.value[0]),V=(0,i.computed)(()=>Math.max(200,Math.ceil((I.value[1]-I.value[0])*z.value))),H=(0,i.computed)(()=>M.value.length*C.rowHeight),U=(0,i.computed)(()=>r.a(new Date(I.value[0]),new Date(I.value[1]),C.timeScale,z.value,B.value)),W=(0,i.computed)(()=>{if(!C.showTodayMarker)return null;let e=r.n(C.today?new Date(C.today):new Date,B.value,z.value);return e<0||e>V.value?null:e}),G=(e,n)=>e.color?e.color:e.status&&e.status!==`default`?T.value[e.status]:t.i(n,C.colors),K=e=>(typeof e==`string`?new Date(e):e).toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,year:`numeric`}),oe=(0,i.computed)(()=>(C.tasks??[]).filter(e=>!e.milestone&&e.end).map((e,t)=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=r.n(e.start,B.value,z.value),a=r.n(e.end,B.value,z.value);return{id:e.id,x:i,y:n*C.rowHeight,width:Math.max(a-i,4),color:G(e,t),status:e.status??`default`,progress:e.progress??0,label:e.label,start:K(e.start),end:K(e.end)}}).filter(Boolean)),se=(0,i.computed)(()=>(C.tasks??[]).filter(e=>e.milestone).map((e,t)=>{let n=P.value.get(e.id);return n===void 0?null:{id:e.id,x:r.n(e.start,B.value,z.value),y:n*C.rowHeight,color:G(e,t),label:e.label,date:K(e.start)}}).filter(Boolean)),ce=(0,i.computed)(()=>{let e=C.groups??[],t=C.tasks??[];return e.length?e.map(e=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=t.filter(t=>t.group===e.id);if(!i.length)return null;let a=1/0,o=-1/0;for(let e of i){let t=F(e.start),n=e.end?F(e.end):t;t<a&&(a=t),n>o&&(o=n)}let s=r.n(new Date(a),B.value,z.value),c=r.n(new Date(o),B.value,z.value);return{id:e.id,x:s,y:n*C.rowHeight,width:Math.max(c-s,4)}}).filter(Boolean):[]}),q=(e,t)=>`${e},${t} ${e-5},${t+5} ${e+5},${t+5}`,le=(e,t,n)=>`${e},${t-n} ${e+n},${t} ${e},${t+n} ${e-n},${t}`,J=(0,i.computed)(()=>{let e=C.dependencies??[];if(!e.length)return[];let t=new Map((C.tasks??[]).map(e=>[e.id,e]));return e.map(e=>{let n=t.get(e.from),i=t.get(e.to);if(!n||!i)return null;let a=P.value.get(e.from),o=P.value.get(e.to);if(a===void 0||o===void 0)return null;let s=e.type??`finish-to-start`,c=C.rowHeight,l,u,d,f;s===`finish-to-start`?(l=n.milestone?r.n(n.start,B.value,z.value)+O.value:r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=i.milestone?r.n(i.start,B.value,z.value)-O.value:r.n(i.start,B.value,z.value),f=o*c+c/2):s===`start-to-start`?(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.start,B.value,z.value),f=o*c+c/2):s===`finish-to-finish`?(l=r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2):(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2);let p=l+(d-l)*.5,m=d>l+12?`M${l},${u} H${p} V${f} H${d}`:`M${l},${u} H${l+12} V${(u+f)/2} H${d-12} V${f} H${d}`,h=d,g=f;return{path:m,arrowhead:`${h},${g} ${h-6},${g-4} ${h-6},${g+4}`}}).filter(Boolean)}),Y=(0,i.ref)(null),X=(0,i.ref)(null),Z=(0,i.reactive)({x:0,y:0}),Q=(0,i.ref)(null),ue=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Start`,value:t.start,color:t.color},{label:`End`,value:t.end,color:t.color},...t.progress>0?[{label:`Progress`,value:`${t.progress}%`,color:t.color}]:[]]}},de=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Date`,value:t.date,color:t.color}]}},$=(0,i.computed)(()=>{let e=new Set;for(let t of C.tasks??[])e.add(t.status??`default`);let t={default:`Default`,"on-track":`On track`,"at-risk":`At risk`,behind:`Behind`,complete:`Complete`};return Array.from(e).map(e=>({label:t[e],color:T.value[e]}))});return(r,C)=>((0,i.openBlock)(),(0,i.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&$.value.length>1},{legend:(0,i.withCtx)(()=>[(0,i.createVNode)(n.t,{items:$.value},null,8,[`items`])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-gantt`,{"nb-gantt--has-groups":j.value}])},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list`,style:(0,i.normalizeStyle)({width:`${e.listWidth}px`})},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list-header`,style:(0,i.normalizeStyle)({height:`${S}px`})},` Tasks `,4),(0,i.createElementVNode)(`div`,a,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:t.id},[t.type===`group`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`nb-gantt__list-group`,style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`}),onClick:e=>A(t.id)},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-gantt__list-caret`,{"is-collapsed":k.value.has(t.id)}])},`▸`,2),(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(t.label),1)],12,o)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`nb-gantt__list-row`,{"is-hovered":X.value===t.id,"is-milestone":t.milestone}]),style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`,paddingLeft:t.indent?`20px`:void 0}),onMouseenter:e=>X.value=t.id,onMouseleave:C[0]||=e=>X.value=null},[(0,i.createElementVNode)(`span`,{class:`nb-gantt__list-label`,title:t.label},(0,i.toDisplayString)(t.label),9,l)],46,c))],64))),128))])],4),(0,i.createElementVNode)(`div`,{ref_key:`timelineEl`,ref:Y,class:`nb-gantt__timeline`},[((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__header-svg`,width:V.value,height:S},[(0,i.createElementVNode)(`g`,d,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`th-${t}`,x:e.x+4,y:S-6,class:`nb-gantt__time-label`},(0,i.toDisplayString)(e.label),9,f))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`tl-${t}`,x1:e.x,x2:e.x,y1:0,y2:S,class:`nb-gantt__header-gridline`},null,8,p))),128))])],8,u)),((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__svg`,width:V.value,height:H.value,role:`img`,"aria-label":e.title||`Gantt chart`,onMouseleave:C[4]||=e=>X.value=null},[e.showGrid?((0,i.openBlock)(),(0,i.createElementBlock)(`g`,h,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`grid-${t}`,class:`nb-gantt__gridline`,x1:e.x,x2:e.x,y1:0,y2:H.value},null,8,g))),128))])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`stripe-${t.id}`,class:(0,i.normalizeClass)([`nb-gantt__row-stripe`,{"is-even":n%2==0,"is-group":t.type===`group`}]),x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight},null,10,ee))),128))]),e.showTodayMarker&&W.value!==null?((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:1,class:`nb-gantt__today-line`,x1:W.value,x2:W.value,y1:0,y2:H.value},null,8,te)):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(ce.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`summary-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:`nb-gantt__summary-bar`,x:t.x,y:t.y+e.rowHeight*.35,width:Math.max(t.width,2),height:e.rowHeight*.3,rx:`2`},null,8,ne),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x,t.y+e.rowHeight*.65)},null,8,_),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x+t.width,t.y+e.rowHeight*.65)},null,8,v)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(oe.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`bar-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:(0,i.normalizeClass)([`nb-gantt__bar`,[`nb-gantt__bar--${t.status}`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]]),x:t.x,y:t.y+E.value,width:Math.max(t.width,4),height:D.value,rx:`3`,fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[1]||=e=>X.value=null,onMousemove:e=>ue(e,t)},null,42,y),e.showProgress&&t.progress>0?((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:0,class:`nb-gantt__bar-progress`,x:t.x,y:t.y+E.value,width:Math.max(t.width*(t.progress/100),2),height:D.value,rx:`3`,fill:t.color,"pointer-events":`none`},null,8,b)):(0,i.createCommentVNode)(``,!0)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(se.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`ms-${t.id}`},[(0,i.createElementVNode)(`polygon`,{class:(0,i.normalizeClass)([`nb-gantt__milestone`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]),points:le(t.x,t.y+e.rowHeight/2,O.value),fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[2]||=e=>X.value=null,onMousemove:e=>de(e,t)},null,42,x)]))),128)),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:`dep-${t}`,class:`nb-gantt__dependency`,d:e.path,fill:`none`},null,8,re))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`polygon`,{key:`dep-arrow-${t}`,class:`nb-gantt__dependency-arrow`,points:e.arrowhead},null,8,ie))),128))]),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(N.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`hover-${t.id}`,x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight,fill:`transparent`,onMouseenter:e=>X.value=t.id,onMouseleave:C[3]||=e=>X.value=null},null,40,ae))),128))])],40,m)),(0,i.createVNode)(t.l,{visible:e.showTooltip&&X.value!==null&&Q.value!==null,x:Z.x,y:Z.y,title:Q.value?.title??``,rows:Q.value?.rows??[]},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)],2)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),w=e.t(C,[[`__scopeId`,`data-v-afbe0705`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-DeWUCp-_.cjs`),n=require(`./ChartLegend-F3Fb5_Lx.cjs`),r=require(`./scales-BzEZs-6Z.cjs`);let i=require(`vue`);var a={class:`nb-gantt__list-body`},o=[`onClick`],s={class:`nb-gantt__list-group-label`},c=[`onMouseenter`],l=[`title`],u=[`width`],d={class:`nb-gantt__time-header`},f=[`x`,`y`],p=[`x1`,`x2`],m=[`width`,`height`,`aria-label`],h={key:0},g=[`x1`,`x2`,`y2`],ee=[`y`,`width`,`height`],te=[`x1`,`x2`,`y2`],ne=[`x`,`y`,`width`,`height`],_=[`points`],v=[`points`],y=[`x`,`y`,`width`,`height`,`fill`,`onMouseenter`,`onMousemove`],b=[`x`,`y`,`width`,`height`,`fill`],x=[`points`,`fill`,`onMouseenter`,`onMousemove`],re=[`d`],ie=[`points`],ae=[`y`,`width`,`height`,`onMouseenter`],S=40,C=(0,i.defineComponent)({__name:`GanttChart`,props:{tasks:{default:()=>[]},dependencies:{default:()=>[]},groups:{default:()=>[]},timeScale:{default:`week`},rowHeight:{default:36},listWidth:{default:200},showTodayMarker:{type:Boolean,default:!0},today:{default:void 0},showProgress:{type:Boolean,default:!0},statusColors:{default:void 0},title:{default:void 0},subtitle:{default:void 0},height:{default:400},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let C=e,w={default:t.r(1),"on-track":t.r(3),"at-risk":t.r(4),behind:t.r(5),complete:t.r(2)},T=(0,i.computed)(()=>({...w,...C.statusColors})),E=(0,i.computed)(()=>Math.round(C.rowHeight*.22)),D=(0,i.computed)(()=>C.rowHeight-E.value*2),O=(0,i.computed)(()=>Math.round(C.rowHeight*.28)),k=(0,i.ref)(new Set((C.groups??[]).filter(e=>e.collapsed).map(e=>e.id))),A=e=>{let t=new Set(k.value);t.has(e)?t.delete(e):t.add(e),k.value=t},j=(0,i.computed)(()=>(C.groups?.length??0)>0),M=(0,i.computed)(()=>{let e=C.tasks??[],t=C.groups??[];if(!t.length)return e.map(e=>({id:e.id,label:e.label,type:`task`,milestone:e.milestone}));let n=[],r=new Map(t.map(e=>[e.id,e])),i=new Map,a=[];for(let t of e)if(t.group&&r.has(t.group)){let e=i.get(t.group)??[];e.push(t),i.set(t.group,e)}else a.push(t);for(let e of t)if(n.push({id:e.id,label:e.label,type:`group`}),!k.value.has(e.id))for(let t of i.get(e.id)??[])n.push({id:t.id,label:t.label,type:`task`,milestone:t.milestone,indent:!0});for(let e of a)n.push({id:e.id,label:e.label,type:`task`,milestone:e.milestone});return n}),N=(0,i.computed)(()=>M.value.filter(e=>e.type===`task`)),P=(0,i.computed)(()=>{let e=new Map;return M.value.forEach((t,n)=>e.set(t.id,n)),e}),F=e=>typeof e==`string`?new Date(e).getTime():e.getTime(),I=(0,i.computed)(()=>{let e=C.tasks??[];if(!e.length){let e=Date.now();return[e,e+7*864e5]}let t=1/0,n=-1/0;for(let r of e){let e=F(r.start),i=r.end?F(r.end):e;e<t&&(t=e),i>n&&(n=i)}let r=L(C.timeScale);return[t-r,n+r]}),L=e=>{let t=864e5;return e===`day`?t:e===`week`?7*t:e===`month`?30*t:e===`quarter`?91*t:365*t},R=(0,i.computed)(()=>{let e=C.timeScale;return e===`day`?40:e===`week`?120:e===`month`?180:e===`quarter`?240:360}),z=(0,i.computed)(()=>R.value/L(C.timeScale)),B=(0,i.computed)(()=>I.value[0]),V=(0,i.computed)(()=>Math.max(200,Math.ceil((I.value[1]-I.value[0])*z.value))),H=(0,i.computed)(()=>M.value.length*C.rowHeight),U=(0,i.computed)(()=>r.a(new Date(I.value[0]),new Date(I.value[1]),C.timeScale,z.value,B.value)),W=(0,i.computed)(()=>{if(!C.showTodayMarker)return null;let e=r.n(C.today?new Date(C.today):new Date,B.value,z.value);return e<0||e>V.value?null:e}),G=(e,n)=>e.color?e.color:e.status&&e.status!==`default`?T.value[e.status]:t.i(n,C.colors),K=e=>(typeof e==`string`?new Date(e):e).toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,year:`numeric`}),oe=(0,i.computed)(()=>(C.tasks??[]).filter(e=>!e.milestone&&e.end).map((e,t)=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=r.n(e.start,B.value,z.value),a=r.n(e.end,B.value,z.value);return{id:e.id,x:i,y:n*C.rowHeight,width:Math.max(a-i,4),color:G(e,t),status:e.status??`default`,progress:e.progress??0,label:e.label,start:K(e.start),end:K(e.end)}}).filter(Boolean)),se=(0,i.computed)(()=>(C.tasks??[]).filter(e=>e.milestone).map((e,t)=>{let n=P.value.get(e.id);return n===void 0?null:{id:e.id,x:r.n(e.start,B.value,z.value),y:n*C.rowHeight,color:G(e,t),label:e.label,date:K(e.start)}}).filter(Boolean)),ce=(0,i.computed)(()=>{let e=C.groups??[],t=C.tasks??[];return e.length?e.map(e=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=t.filter(t=>t.group===e.id);if(!i.length)return null;let a=1/0,o=-1/0;for(let e of i){let t=F(e.start),n=e.end?F(e.end):t;t<a&&(a=t),n>o&&(o=n)}let s=r.n(new Date(a),B.value,z.value),c=r.n(new Date(o),B.value,z.value);return{id:e.id,x:s,y:n*C.rowHeight,width:Math.max(c-s,4)}}).filter(Boolean):[]}),q=(e,t)=>`${e},${t} ${e-5},${t+5} ${e+5},${t+5}`,le=(e,t,n)=>`${e},${t-n} ${e+n},${t} ${e},${t+n} ${e-n},${t}`,J=(0,i.computed)(()=>{let e=C.dependencies??[];if(!e.length)return[];let t=new Map((C.tasks??[]).map(e=>[e.id,e]));return e.map(e=>{let n=t.get(e.from),i=t.get(e.to);if(!n||!i)return null;let a=P.value.get(e.from),o=P.value.get(e.to);if(a===void 0||o===void 0)return null;let s=e.type??`finish-to-start`,c=C.rowHeight,l,u,d,f;s===`finish-to-start`?(l=n.milestone?r.n(n.start,B.value,z.value)+O.value:r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=i.milestone?r.n(i.start,B.value,z.value)-O.value:r.n(i.start,B.value,z.value),f=o*c+c/2):s===`start-to-start`?(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.start,B.value,z.value),f=o*c+c/2):s===`finish-to-finish`?(l=r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2):(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2);let p=l+(d-l)*.5,m=d>l+12?`M${l},${u} H${p} V${f} H${d}`:`M${l},${u} H${l+12} V${(u+f)/2} H${d-12} V${f} H${d}`,h=d,g=f;return{path:m,arrowhead:`${h},${g} ${h-6},${g-4} ${h-6},${g+4}`}}).filter(Boolean)}),Y=(0,i.ref)(null),X=(0,i.ref)(null),Z=(0,i.reactive)({x:0,y:0}),Q=(0,i.ref)(null),ue=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Start`,value:t.start,color:t.color},{label:`End`,value:t.end,color:t.color},...t.progress>0?[{label:`Progress`,value:`${t.progress}%`,color:t.color}]:[]]}},de=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Date`,value:t.date,color:t.color}]}},$=(0,i.computed)(()=>{let e=new Set;for(let t of C.tasks??[])e.add(t.status??`default`);let t={default:`Default`,"on-track":`On track`,"at-risk":`At risk`,behind:`Behind`,complete:`Complete`};return Array.from(e).map(e=>({label:t[e],color:T.value[e]}))});return(r,C)=>((0,i.openBlock)(),(0,i.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&$.value.length>1},{legend:(0,i.withCtx)(()=>[(0,i.createVNode)(n.t,{items:$.value},null,8,[`items`])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-gantt`,{"nb-gantt--has-groups":j.value}])},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list`,style:(0,i.normalizeStyle)({width:`${e.listWidth}px`})},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list-header`,style:(0,i.normalizeStyle)({height:`${S}px`})},` Tasks `,4),(0,i.createElementVNode)(`div`,a,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:t.id},[t.type===`group`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`nb-gantt__list-group`,style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`}),onClick:e=>A(t.id)},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-gantt__list-caret`,{"is-collapsed":k.value.has(t.id)}])},`▸`,2),(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(t.label),1)],12,o)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`nb-gantt__list-row`,{"is-hovered":X.value===t.id,"is-milestone":t.milestone}]),style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`,paddingLeft:t.indent?`20px`:void 0}),onMouseenter:e=>X.value=t.id,onMouseleave:C[0]||=e=>X.value=null},[(0,i.createElementVNode)(`span`,{class:`nb-gantt__list-label`,title:t.label},(0,i.toDisplayString)(t.label),9,l)],46,c))],64))),128))])],4),(0,i.createElementVNode)(`div`,{ref_key:`timelineEl`,ref:Y,class:`nb-gantt__timeline`},[((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__header-svg`,width:V.value,height:S},[(0,i.createElementVNode)(`g`,d,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`th-${t}`,x:e.x+4,y:S-6,class:`nb-gantt__time-label`},(0,i.toDisplayString)(e.label),9,f))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`tl-${t}`,x1:e.x,x2:e.x,y1:0,y2:S,class:`nb-gantt__header-gridline`},null,8,p))),128))])],8,u)),((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__svg`,width:V.value,height:H.value,role:`img`,"aria-label":e.title||`Gantt chart`,onMouseleave:C[4]||=e=>X.value=null},[e.showGrid?((0,i.openBlock)(),(0,i.createElementBlock)(`g`,h,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`grid-${t}`,class:`nb-gantt__gridline`,x1:e.x,x2:e.x,y1:0,y2:H.value},null,8,g))),128))])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`stripe-${t.id}`,class:(0,i.normalizeClass)([`nb-gantt__row-stripe`,{"is-even":n%2==0,"is-group":t.type===`group`}]),x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight},null,10,ee))),128))]),e.showTodayMarker&&W.value!==null?((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:1,class:`nb-gantt__today-line`,x1:W.value,x2:W.value,y1:0,y2:H.value},null,8,te)):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(ce.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`summary-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:`nb-gantt__summary-bar`,x:t.x,y:t.y+e.rowHeight*.35,width:Math.max(t.width,2),height:e.rowHeight*.3,rx:`2`},null,8,ne),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x,t.y+e.rowHeight*.65)},null,8,_),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x+t.width,t.y+e.rowHeight*.65)},null,8,v)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(oe.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`bar-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:(0,i.normalizeClass)([`nb-gantt__bar`,[`nb-gantt__bar--${t.status}`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]]),x:t.x,y:t.y+E.value,width:Math.max(t.width,4),height:D.value,rx:`3`,fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[1]||=e=>X.value=null,onMousemove:e=>ue(e,t)},null,42,y),e.showProgress&&t.progress>0?((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:0,class:`nb-gantt__bar-progress`,x:t.x,y:t.y+E.value,width:Math.max(t.width*(t.progress/100),2),height:D.value,rx:`3`,fill:t.color,"pointer-events":`none`},null,8,b)):(0,i.createCommentVNode)(``,!0)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(se.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`ms-${t.id}`},[(0,i.createElementVNode)(`polygon`,{class:(0,i.normalizeClass)([`nb-gantt__milestone`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]),points:le(t.x,t.y+e.rowHeight/2,O.value),fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[2]||=e=>X.value=null,onMousemove:e=>de(e,t)},null,42,x)]))),128)),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:`dep-${t}`,class:`nb-gantt__dependency`,d:e.path,fill:`none`},null,8,re))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`polygon`,{key:`dep-arrow-${t}`,class:`nb-gantt__dependency-arrow`,points:e.arrowhead},null,8,ie))),128))]),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(N.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`hover-${t.id}`,x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight,fill:`transparent`,onMouseenter:e=>X.value=t.id,onMouseleave:C[3]||=e=>X.value=null},null,40,ae))),128))])],40,m)),(0,i.createVNode)(t.l,{visible:e.showTooltip&&X.value!==null&&Q.value!==null,x:Z.x,y:Z.y,title:Q.value?.title??``,rows:Q.value?.rows??[]},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)],2)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),w=e.t(C,[[`__scopeId`,`data-v-afbe0705`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});

package/dist/{ImageCropper-96gRzxtH.cjs → ImageCropper-BKKcVuPn.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-DVT8lBHr.cjs`),n=require(`./vue-i18n-BSi_lDPp.cjs`);let r=require(`vue`);var i=function(e){return e.TopLeft=`top-left`,e.Top=`top`,e.TopRight=`top-right`,e.Right=`right`,e.BottomRight=`bottom-right`,e.Bottom=`bottom`,e.BottomLeft=`bottom-left`,e.Left=`left`,e}(i||{}),a={class:`nb-image-cropper`},o=[`onMousedown`,`onTouchstart`],s=[`src`,`alt`],c=700,l=400,u=(0,r.defineComponent)({__name:`ImageCropper`,props:{image:{},cropAsCircle:{type:Boolean,default:!1},outputAsCircle:{type:Boolean,default:!1},lockAspectRatio:{type:Boolean,default:!1},showPreview:{type:Boolean,default:!1}},emits:[`crop`],setup(e,{emit:u}){let d={en:{X:`X`,Y:`Y`,WIDTH:`Width`,HEIGHT:`Height`,IMAGE_THUMBNAIL:`Cropped preview`},pt:{X:`X`,Y:`Y`,WIDTH:`Largura`,HEIGHT:`Altura`,IMAGE_THUMBNAIL:`Pré-visualização recortada`}},{t:f,te:p,locale:m}=n.t({useScope:`global`});function h(e){if(p(e))return f(e);let t=e.slice(7);return d[String(m.value).toLowerCase().split(`-`)[0]]?.[t]??d.en[t]??e}let g=e,_=u,v=(0,r.ref)(null),y=null,b=new Image,x=null,S={x:1,y:1},C=(0,r.ref)({x:50,y:50,width:200,height:200}),w=(0,r.ref)(null),T=(0,r.ref)(null),E=!1,D=!1,O={x:0,y:0},k=!1,A={x:0,y:0},j={x:0,y:0,width:0,height:0},M=null,N=!1,P=[{name:i.TopLeft},{name:i.Top},{name:i.TopRight},{name:i.Right},{name:i.BottomRight},{name:i.Bottom},{name:i.BottomLeft},{name:i.Left}],F=()=>{if(!g.image){console.error(`No image file provided`);return}x&&=(URL.revokeObjectURL(x),null),b.onload=()=>{let{drawWidth:e,drawHeight:t}=I();if(v.value){v.value.width=e,v.value.height=t;let n=(v.value.width-b.width*S.x)/2,r=(v.value.height-b.height*S.y)/2;if(g.cropAsCircle||g.lockAspectRatio){let e=Math.min(b.width*S.x,b.height*S.y)*.5;C.value={x:n+(b.width*S.x-e)/2,y:r+(b.height*S.y-e)/2,width:e,height:e}}else C.value={x:n+(b.width*S.x*.5-b.width*S.x*.25),y:r+(b.height*S.y*.5-b.height*S.y*.25),width:b.width*S.x*.5,height:b.height*S.y*.5};L(),Q()}},b.onerror=()=>{console.error(`Failed to load image`)},x=URL.createObjectURL(g.image),b.src=x};(0,r.onMounted)(()=>{v.value&&(y=v.value.getContext(`2d`),y&&(y.imageSmoothingEnabled=!0,y.imageSmoothingQuality=`high`),g.image&&F())}),(0,r.onBeforeUnmount)(()=>{x&&=(URL.revokeObjectURL(x),null);let e=w.value;e&&(URL.revokeObjectURL(e),w.value=null)}),(0,r.watch)(()=>g.image,e=>{e&&F()}),(0,r.watch)(()=>[g.cropAsCircle,g.outputAsCircle,g.lockAspectRatio],()=>{v.value&&y&&L()});let I=()=>{let e=b.width/b.height,t=c,n=l;return e>c/l?n=c/e:t=l*e,S.x=t/b.width,S.y=n/b.height,{drawWidth:t,drawHeight:n}},L=()=>{if(y&&v.value){y.clearRect(0,0,v.value.width,v.value.height);let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2;y.drawImage(b,0,0,b.width,b.height,e,t,b.width*S.x,b.height*S.y),R()}},R=()=>{y&&v.value&&(y.save(),y.beginPath(),g.cropAsCircle?y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2):y.rect(C.value.x,C.value.y,C.value.width,C.value.height),y.rect(0,0,v.value.width,v.value.height),y.clip(`evenodd`),y.fillStyle=`rgba(0, 0, 0, 0.5)`,y.fillRect(0,0,v.value.width,v.value.height),y.restore(),y.save(),y.strokeStyle=`rgba(255, 255, 255, 0.8)`,y.lineWidth=1,y.setLineDash([5,5]),y.imageSmoothingEnabled=!1,g.cropAsCircle?(y.beginPath(),y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2),y.stroke()):y.strokeRect(C.value.x,C.value.y,C.value.width,C.value.height),y.restore())},z=(0,r.computed)(()=>{if(g.cropAsCircle){let e=C.value.x+C.value.width/2,t=C.value.y+C.value.height/2,n=C.value.width/2;return{"top-left":{left:`${e-n-5}px`,top:`${t-n-5}px`},top:{left:`${e-5}px`,top:`${t-n-5}px`},"top-right":{left:`${e+n-5}px`,top:`${t-n-5}px`},right:{left:`${e+n-5}px`,top:`${t-5}px`},"bottom-right":{left:`${e+n-5}px`,top:`${t+n-5}px`},bottom:{left:`${e-5}px`,top:`${t+n-5}px`},"bottom-left":{left:`${e-n-5}px`,top:`${t+n-5}px`},left:{left:`${e-n-5}px`,top:`${t-5}px`}}}else return{"top-left":{left:`${C.value.x-5}px`,top:`${C.value.y-5}px`},top:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y-5}px`},"top-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y-5}px`},right:{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height/2-5}px`},"bottom-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height-5}px`},bottom:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y+C.value.height-5}px`},"bottom-left":{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height-5}px`},left:{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height/2-5}px`}}}),B=e=>{if(`touches`in e&&e.touches.length>0){let t=e.touches[0];return{clientX:t.clientX,clientY:t.clientY}}else if(`clientX`in e&&`clientY`in e)return{clientX:e.clientX,clientY:e.clientY};return{clientX:0,clientY:0}},V=e=>{let t=v.value;if(!t)return null;let{clientX:n,clientY:r}=B(e),{left:i,top:a}=t.getBoundingClientRect();return{x:n-i,y:r-a}},H=e=>{e.preventDefault();let t=V(e);if(!t)return;let{x:n,y:r}=t;X(n,r)&&(D=!0,E=!0,O={x:n-C.value.x,y:r-C.value.y})},U=e=>{D?G(e):k&&J(e)},W=()=>{D&&(K(),D=!1,Q()),k&&(Y(),Q()),E=!1,D=!1},G=e=>{if(E){let t=V(e);if(!t)return;let{x:n,y:r}=t;C.value.x=Math.floor(n-O.x),C.value.y=Math.floor(r-O.y),L()}},K=()=>{E&&=(Z(),L(),!1)},q=(e,t)=>{e.preventDefault();let n=V(e);n&&(k=!0,M=t,A={x:n.x,y:n.y},j={...C.value},N=e instanceof MouseEvent&&e.shiftKey)},J=e=>{if(!k)return;if(g.lockAspectRatio&&v.value){let t=V(e);if(!t)return;let{x:n,y:r}=t,i=j.x+j.width/2,a=j.y+j.height/2;if(g.cropAsCircle){let e=Math.max(Math.abs(n-i),Math.abs(r-a)),t=e*2;C.value={x:i-e,y:a-e,width:t,height:t}}else{let e=j.width/j.height,t=Math.abs(n-i),r=Math.max(t*2,50),o=r/e;C.value={x:i-r/2,y:a-o/2,width:r,height:o}}L();return}let t=V(e);if(!t)return;let{x:n,y:r}=t,i=n-A.x,a=r-A.y;N=e instanceof MouseEvent&&e.shiftKey;let o={...j};switch(M){case`top-left`:o.x+=i,o.y+=a,o.width-=i,o.height-=a;break;case`top`:o.y+=a,o.height-=a;break;case`top-right`:o.y+=a,o.width+=i,o.height-=a;break;case`right`:o.width+=i;break;case`bottom-right`:o.width+=i,o.height+=a;break;case`bottom`:o.height+=a;break;case`bottom-left`:o.x+=i,o.width-=i,o.height+=a;break;case`left`:o.x+=i,o.width-=i;break}if(o.width<50&&(o.width=50),o.height<50&&(o.height=50),N&&M){let e=j.width/j.height;[`left`,`right`].includes(M)?(o.height=o.width/e,M===`left`&&(o.y=j.y-(o.height-j.height)/2)):[`top`,`bottom`].includes(M)&&(o.width=o.height*e,M===`top`&&(o.x=j.x-(o.width-j.width)/2))}C.value=o,L()},Y=()=>{k&&(Z(),L(),k=!1,M=null)},X=(e,t)=>{if(g.cropAsCircle){let n=C.value.x+C.value.width/2,r=C.value.y+C.value.height/2,i=C.value.width/2,a=e-n,o=t-r;return a*a+o*o<=i*i}else return e>=C.value.x-2&&e<=C.value.x+C.value.width+2&&t>=C.value.y-2&&t<=C.value.y+C.value.height+2},Z=()=>{let e=v.value.width,t=v.value.height;if(C.value.width<50&&(C.value.width=50),C.value.height<50&&(C.value.height=50),g.lockAspectRatio)if(g.cropAsCircle)C.value.height=C.value.width;else{let e=j.width/j.height;C.value.height=C.value.width/e}else if(N){let e=j.width/j.height;C.value.height=C.value.width/e}if(g.cropAsCircle||g.lockAspectRatio){let n=C.value.width/C.value.height;(C.value.width>e||C.value.height>t)&&(C.value.width>C.value.height?(C.value.width=e,C.value.height=e/n):(C.value.height=t,C.value.width=t*n)),C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)}else C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.width>e&&(C.value.width=e,C.value.x=0),C.value.height>t&&(C.value.height=t,C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)},Q=()=>{if(v.value&&y){let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2,n=(C.value.x-e)/S.x,r=(C.value.y-t)/S.y,i=C.value.width/S.x,a=C.value.height/S.y,o={x:Math.round(n),y:Math.round(r),width:Math.round(i),height:Math.round(a)},s=Math.max(0,Math.min(o.x,b.width)),c=Math.max(0,Math.min(o.y,b.height)),l=Math.min(o.width,b.width-s),u=Math.min(o.height,b.height-c),d=document.createElement(`canvas`);d.width=l,d.height=u;let f=d.getContext(`2d`);f&&(f.drawImage(b,s,c,l,u,0,0,l,u),g.cropAsCircle&&g.outputAsCircle&&(f.globalCompositeOperation=`destination-in`,f.beginPath(),f.arc(l/2,u/2,l/2,0,Math.PI*2),f.closePath(),f.fill(),f.globalCompositeOperation=`source-over`),d.toBlob(e=>{if(e){let t=w.value;t&&URL.revokeObjectURL(t),w.value=URL.createObjectURL(e),T.value=o,_(`crop`,{blob:e,geometry:o})}},`image/jpeg`,.8))}};return(0,r.watch)(()=>g,()=>{Q()},{deep:!0}),(n,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createElementVNode)(`div`,{class:`canvas-container`,onMousedown:H,onMousemove:U,onMouseup:W,onMouseleave:W,onTouchstart:H,onTouchmove:U,onTouchend:W},[(0,r.createElementVNode)(`canvas`,{ref_key:`canvas`,ref:v},null,512),((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P,e=>(0,r.createElementVNode)(`div`,{key:e.name,class:(0,r.normalizeClass)([`resize-handle`,e.name]),style:(0,r.normalizeStyle)(z.value[e.name]),onMousedown:(0,r.withModifiers)(t=>q(t,e.name),[`stop`]),onTouchstart:(0,r.withModifiers)(t=>q(t,e.name),[`stop`])},null,46,o)),64))],32),e.showPreview&&w.value&&T.value?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:0,class:`cropped-image-preview`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{is:`ul`,dir:`col`,justify:`center`,gap:`sm`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.X`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.x.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.Y`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.y.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.WIDTH`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.width.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.HEIGHT`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.height.toFixed(0)),1)])]),_:1}),(0,r.createElementVNode)(`img`,{src:w.value,alt:h(`common.IMAGE_THUMBNAIL`)},null,8,s)]),_:1})):(0,r.createCommentVNode)(``,!0)]))}}),d=e.t(u,[[`__scopeId`,`data-v-718b196d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-DTZTlxd_.cjs`),n=require(`./vue-i18n-yvGo2JG6.cjs`);let r=require(`vue`);var i=function(e){return e.TopLeft=`top-left`,e.Top=`top`,e.TopRight=`top-right`,e.Right=`right`,e.BottomRight=`bottom-right`,e.Bottom=`bottom`,e.BottomLeft=`bottom-left`,e.Left=`left`,e}(i||{}),a={class:`nb-image-cropper`},o=[`onMousedown`,`onTouchstart`],s=[`src`,`alt`],c=700,l=400,u=(0,r.defineComponent)({__name:`ImageCropper`,props:{image:{},cropAsCircle:{type:Boolean,default:!1},outputAsCircle:{type:Boolean,default:!1},lockAspectRatio:{type:Boolean,default:!1},showPreview:{type:Boolean,default:!1}},emits:[`crop`],setup(e,{emit:u}){let d={en:{X:`X`,Y:`Y`,WIDTH:`Width`,HEIGHT:`Height`,IMAGE_THUMBNAIL:`Cropped preview`},pt:{X:`X`,Y:`Y`,WIDTH:`Largura`,HEIGHT:`Altura`,IMAGE_THUMBNAIL:`Pré-visualização recortada`}},{t:f,te:p,locale:m}=n.t({useScope:`global`});function h(e){if(p(e))return f(e);let t=e.slice(7);return d[String(m.value).toLowerCase().split(`-`)[0]]?.[t]??d.en[t]??e}let g=e,_=u,v=(0,r.ref)(null),y=null,b=new Image,x=null,S={x:1,y:1},C=(0,r.ref)({x:50,y:50,width:200,height:200}),w=(0,r.ref)(null),T=(0,r.ref)(null),E=!1,D=!1,O={x:0,y:0},k=!1,A={x:0,y:0},j={x:0,y:0,width:0,height:0},M=null,N=!1,P=[{name:i.TopLeft},{name:i.Top},{name:i.TopRight},{name:i.Right},{name:i.BottomRight},{name:i.Bottom},{name:i.BottomLeft},{name:i.Left}],F=()=>{if(!g.image){console.error(`No image file provided`);return}x&&=(URL.revokeObjectURL(x),null),b.onload=()=>{let{drawWidth:e,drawHeight:t}=I();if(v.value){v.value.width=e,v.value.height=t;let n=(v.value.width-b.width*S.x)/2,r=(v.value.height-b.height*S.y)/2;if(g.cropAsCircle||g.lockAspectRatio){let e=Math.min(b.width*S.x,b.height*S.y)*.5;C.value={x:n+(b.width*S.x-e)/2,y:r+(b.height*S.y-e)/2,width:e,height:e}}else C.value={x:n+(b.width*S.x*.5-b.width*S.x*.25),y:r+(b.height*S.y*.5-b.height*S.y*.25),width:b.width*S.x*.5,height:b.height*S.y*.5};L(),Q()}},b.onerror=()=>{console.error(`Failed to load image`)},x=URL.createObjectURL(g.image),b.src=x};(0,r.onMounted)(()=>{v.value&&(y=v.value.getContext(`2d`),y&&(y.imageSmoothingEnabled=!0,y.imageSmoothingQuality=`high`),g.image&&F())}),(0,r.onBeforeUnmount)(()=>{x&&=(URL.revokeObjectURL(x),null);let e=w.value;e&&(URL.revokeObjectURL(e),w.value=null)}),(0,r.watch)(()=>g.image,e=>{e&&F()}),(0,r.watch)(()=>[g.cropAsCircle,g.outputAsCircle,g.lockAspectRatio],()=>{v.value&&y&&L()});let I=()=>{let e=b.width/b.height,t=c,n=l;return e>c/l?n=c/e:t=l*e,S.x=t/b.width,S.y=n/b.height,{drawWidth:t,drawHeight:n}},L=()=>{if(y&&v.value){y.clearRect(0,0,v.value.width,v.value.height);let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2;y.drawImage(b,0,0,b.width,b.height,e,t,b.width*S.x,b.height*S.y),R()}},R=()=>{y&&v.value&&(y.save(),y.beginPath(),g.cropAsCircle?y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2):y.rect(C.value.x,C.value.y,C.value.width,C.value.height),y.rect(0,0,v.value.width,v.value.height),y.clip(`evenodd`),y.fillStyle=`rgba(0, 0, 0, 0.5)`,y.fillRect(0,0,v.value.width,v.value.height),y.restore(),y.save(),y.strokeStyle=`rgba(255, 255, 255, 0.8)`,y.lineWidth=1,y.setLineDash([5,5]),y.imageSmoothingEnabled=!1,g.cropAsCircle?(y.beginPath(),y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2),y.stroke()):y.strokeRect(C.value.x,C.value.y,C.value.width,C.value.height),y.restore())},z=(0,r.computed)(()=>{if(g.cropAsCircle){let e=C.value.x+C.value.width/2,t=C.value.y+C.value.height/2,n=C.value.width/2;return{"top-left":{left:`${e-n-5}px`,top:`${t-n-5}px`},top:{left:`${e-5}px`,top:`${t-n-5}px`},"top-right":{left:`${e+n-5}px`,top:`${t-n-5}px`},right:{left:`${e+n-5}px`,top:`${t-5}px`},"bottom-right":{left:`${e+n-5}px`,top:`${t+n-5}px`},bottom:{left:`${e-5}px`,top:`${t+n-5}px`},"bottom-left":{left:`${e-n-5}px`,top:`${t+n-5}px`},left:{left:`${e-n-5}px`,top:`${t-5}px`}}}else return{"top-left":{left:`${C.value.x-5}px`,top:`${C.value.y-5}px`},top:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y-5}px`},"top-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y-5}px`},right:{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height/2-5}px`},"bottom-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height-5}px`},bottom:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y+C.value.height-5}px`},"bottom-left":{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height-5}px`},left:{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height/2-5}px`}}}),B=e=>{if(`touches`in e&&e.touches.length>0){let t=e.touches[0];return{clientX:t.clientX,clientY:t.clientY}}else if(`clientX`in e&&`clientY`in e)return{clientX:e.clientX,clientY:e.clientY};return{clientX:0,clientY:0}},V=e=>{let t=v.value;if(!t)return null;let{clientX:n,clientY:r}=B(e),{left:i,top:a}=t.getBoundingClientRect();return{x:n-i,y:r-a}},H=e=>{e.preventDefault();let t=V(e);if(!t)return;let{x:n,y:r}=t;X(n,r)&&(D=!0,E=!0,O={x:n-C.value.x,y:r-C.value.y})},U=e=>{D?G(e):k&&J(e)},W=()=>{D&&(K(),D=!1,Q()),k&&(Y(),Q()),E=!1,D=!1},G=e=>{if(E){let t=V(e);if(!t)return;let{x:n,y:r}=t;C.value.x=Math.floor(n-O.x),C.value.y=Math.floor(r-O.y),L()}},K=()=>{E&&=(Z(),L(),!1)},q=(e,t)=>{e.preventDefault();let n=V(e);n&&(k=!0,M=t,A={x:n.x,y:n.y},j={...C.value},N=e instanceof MouseEvent&&e.shiftKey)},J=e=>{if(!k)return;if(g.lockAspectRatio&&v.value){let t=V(e);if(!t)return;let{x:n,y:r}=t,i=j.x+j.width/2,a=j.y+j.height/2;if(g.cropAsCircle){let e=Math.max(Math.abs(n-i),Math.abs(r-a)),t=e*2;C.value={x:i-e,y:a-e,width:t,height:t}}else{let e=j.width/j.height,t=Math.abs(n-i),r=Math.max(t*2,50),o=r/e;C.value={x:i-r/2,y:a-o/2,width:r,height:o}}L();return}let t=V(e);if(!t)return;let{x:n,y:r}=t,i=n-A.x,a=r-A.y;N=e instanceof MouseEvent&&e.shiftKey;let o={...j};switch(M){case`top-left`:o.x+=i,o.y+=a,o.width-=i,o.height-=a;break;case`top`:o.y+=a,o.height-=a;break;case`top-right`:o.y+=a,o.width+=i,o.height-=a;break;case`right`:o.width+=i;break;case`bottom-right`:o.width+=i,o.height+=a;break;case`bottom`:o.height+=a;break;case`bottom-left`:o.x+=i,o.width-=i,o.height+=a;break;case`left`:o.x+=i,o.width-=i;break}if(o.width<50&&(o.width=50),o.height<50&&(o.height=50),N&&M){let e=j.width/j.height;[`left`,`right`].includes(M)?(o.height=o.width/e,M===`left`&&(o.y=j.y-(o.height-j.height)/2)):[`top`,`bottom`].includes(M)&&(o.width=o.height*e,M===`top`&&(o.x=j.x-(o.width-j.width)/2))}C.value=o,L()},Y=()=>{k&&(Z(),L(),k=!1,M=null)},X=(e,t)=>{if(g.cropAsCircle){let n=C.value.x+C.value.width/2,r=C.value.y+C.value.height/2,i=C.value.width/2,a=e-n,o=t-r;return a*a+o*o<=i*i}else return e>=C.value.x-2&&e<=C.value.x+C.value.width+2&&t>=C.value.y-2&&t<=C.value.y+C.value.height+2},Z=()=>{let e=v.value.width,t=v.value.height;if(C.value.width<50&&(C.value.width=50),C.value.height<50&&(C.value.height=50),g.lockAspectRatio)if(g.cropAsCircle)C.value.height=C.value.width;else{let e=j.width/j.height;C.value.height=C.value.width/e}else if(N){let e=j.width/j.height;C.value.height=C.value.width/e}if(g.cropAsCircle||g.lockAspectRatio){let n=C.value.width/C.value.height;(C.value.width>e||C.value.height>t)&&(C.value.width>C.value.height?(C.value.width=e,C.value.height=e/n):(C.value.height=t,C.value.width=t*n)),C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)}else C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.width>e&&(C.value.width=e,C.value.x=0),C.value.height>t&&(C.value.height=t,C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)},Q=()=>{if(v.value&&y){let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2,n=(C.value.x-e)/S.x,r=(C.value.y-t)/S.y,i=C.value.width/S.x,a=C.value.height/S.y,o={x:Math.round(n),y:Math.round(r),width:Math.round(i),height:Math.round(a)},s=Math.max(0,Math.min(o.x,b.width)),c=Math.max(0,Math.min(o.y,b.height)),l=Math.min(o.width,b.width-s),u=Math.min(o.height,b.height-c),d=document.createElement(`canvas`);d.width=l,d.height=u;let f=d.getContext(`2d`);f&&(f.drawImage(b,s,c,l,u,0,0,l,u),g.cropAsCircle&&g.outputAsCircle&&(f.globalCompositeOperation=`destination-in`,f.beginPath(),f.arc(l/2,u/2,l/2,0,Math.PI*2),f.closePath(),f.fill(),f.globalCompositeOperation=`source-over`),d.toBlob(e=>{if(e){let t=w.value;t&&URL.revokeObjectURL(t),w.value=URL.createObjectURL(e),T.value=o,_(`crop`,{blob:e,geometry:o})}},`image/jpeg`,.8))}};return(0,r.watch)(()=>g,()=>{Q()},{deep:!0}),(n,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createElementVNode)(`div`,{class:`canvas-container`,onMousedown:H,onMousemove:U,onMouseup:W,onMouseleave:W,onTouchstart:H,onTouchmove:U,onTouchend:W},[(0,r.createElementVNode)(`canvas`,{ref_key:`canvas`,ref:v},null,512),((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P,e=>(0,r.createElementVNode)(`div`,{key:e.name,class:(0,r.normalizeClass)([`resize-handle`,e.name]),style:(0,r.normalizeStyle)(z.value[e.name]),onMousedown:(0,r.withModifiers)(t=>q(t,e.name),[`stop`]),onTouchstart:(0,r.withModifiers)(t=>q(t,e.name),[`stop`])},null,46,o)),64))],32),e.showPreview&&w.value&&T.value?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:0,class:`cropped-image-preview`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{is:`ul`,dir:`col`,justify:`center`,gap:`sm`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.X`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.x.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.Y`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.y.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.WIDTH`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.width.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.HEIGHT`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.height.toFixed(0)),1)])]),_:1}),(0,r.createElementVNode)(`img`,{src:w.value,alt:h(`common.IMAGE_THUMBNAIL`)},null,8,s)]),_:1})):(0,r.createCommentVNode)(``,!0)]))}}),d=e.t(u,[[`__scopeId`,`data-v-718b196d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/{ImageCropper-Ded-xHG3.js → ImageCropper-CR8HCvg4.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Grid-CVNb1HcS.js";
-import { t as n } from "./vue-i18n-KFH4YCAW.js";
+import { t } from "./Grid-CgUyhsw4.js";
+import { t as n } from "./vue-i18n-BogjhxqA.js";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as ee, onMounted as te, openBlock as m, ref as h, renderList as ne, toDisplayString as g, watch as _, withCtx as v, withModifiers as y } from "vue";
 //#region src/components/ImageCropper.d.ts
 var b = /* @__PURE__ */ function(e) {

package/dist/{InlineLoading-8HdPSyXm.cjs → InlineLoading-DXsOmC3w.cjs}

@@ -1 +1 @@
-const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Spinner-0U-QK2re.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/check-circle`);s=e.n(s);var c=function(e){return e.Inactive=`inactive`,e.Active=`active`,e.Finished=`finished`,e.Error=`error`,e}(c||{}),l=[`id`,`aria-live`],u={class:`nb-inline-loading__text`},d=(0,a.defineComponent)({__name:`InlineLoading`,props:{status:{default:c.Inactive},label:{default:`Saving`},finishedLabel:{default:`Saved`},errorLabel:{default:`Could not save`},dwell:{default:1600},reserveSpace:{type:Boolean,default:!0},id:{default:void 0}},emits:[`success`],setup(e,{emit:t}){let d=e,f=t,p=r.useStableId(d),m;function h(){m&&=(clearTimeout(m),void 0)}(0,a.watch)(()=>d.status,e=>{h(),e===c.Finished&&(m=setTimeout(()=>{m=void 0,f(`success`)},d.dwell))},{immediate:!0}),(0,a.onBeforeUnmount)(h);let g=(0,a.computed)(()=>{switch(d.status){case c.Active:return d.label;case c.Finished:return d.finishedLabel;case c.Error:return d.errorLabel;default:return``}}),_=(0,a.computed)(()=>d.status===c.Finished?s:d.status===c.Error?o:null),v=(0,a.computed)(()=>d.status===c.Inactive?`off`:d.status===c.Error?`assertive`:`polite`),y=(0,a.computed)(()=>[`nb-inline-loading`,`nb-inline-loading--${d.status}`]),b=(0,a.computed)(()=>{if(!d.reserveSpace)return;let e=Math.max(d.label.length,d.finishedLabel.length,d.errorLabel.length);return{"--nb-inline-loading-reserve":`${e+1}ch`}});return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{id:(0,a.unref)(p),class:(0,a.normalizeClass)(y.value),style:(0,a.normalizeStyle)(b.value),role:`status`,"aria-live":v.value},[e.status===`active`?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:0,class:`nb-inline-loading__spinner`,size:`sm`,tone:`inherit`,decorative:``})):_.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:1,class:`nb-inline-loading__icon`,name:_.value,size:16,"aria-hidden":`true`},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,u,[(0,a.renderSlot)(t.$slots,`default`,{status:e.status,text:g.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(g.value),1)],!0)])],14,l))}}),f=t.t(d,[[`__scopeId`,`data-v-077014e8`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Spinner-Cwlskvjj.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/check-circle`);s=e.n(s);var c=function(e){return e.Inactive=`inactive`,e.Active=`active`,e.Finished=`finished`,e.Error=`error`,e}(c||{}),l=[`id`,`aria-live`],u={class:`nb-inline-loading__text`},d=(0,a.defineComponent)({__name:`InlineLoading`,props:{status:{default:c.Inactive},label:{default:`Saving`},finishedLabel:{default:`Saved`},errorLabel:{default:`Could not save`},dwell:{default:1600},reserveSpace:{type:Boolean,default:!0},id:{default:void 0}},emits:[`success`],setup(e,{emit:t}){let d=e,f=t,p=r.useStableId(d),m;function h(){m&&=(clearTimeout(m),void 0)}(0,a.watch)(()=>d.status,e=>{h(),e===c.Finished&&(m=setTimeout(()=>{m=void 0,f(`success`)},d.dwell))},{immediate:!0}),(0,a.onBeforeUnmount)(h);let g=(0,a.computed)(()=>{switch(d.status){case c.Active:return d.label;case c.Finished:return d.finishedLabel;case c.Error:return d.errorLabel;default:return``}}),_=(0,a.computed)(()=>d.status===c.Finished?s:d.status===c.Error?o:null),v=(0,a.computed)(()=>d.status===c.Inactive?`off`:d.status===c.Error?`assertive`:`polite`),y=(0,a.computed)(()=>[`nb-inline-loading`,`nb-inline-loading--${d.status}`]),b=(0,a.computed)(()=>{if(!d.reserveSpace)return;let e=Math.max(d.label.length,d.finishedLabel.length,d.errorLabel.length);return{"--nb-inline-loading-reserve":`${e+1}ch`}});return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{id:(0,a.unref)(p),class:(0,a.normalizeClass)(y.value),style:(0,a.normalizeStyle)(b.value),role:`status`,"aria-live":v.value},[e.status===`active`?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:0,class:`nb-inline-loading__spinner`,size:`sm`,tone:`inherit`,decorative:``})):_.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:1,class:`nb-inline-loading__icon`,name:_.value,size:16,"aria-hidden":`true`},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,u,[(0,a.renderSlot)(t.$slots,`default`,{status:e.status,text:g.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(g.value),1)],!0)])],14,l))}}),f=t.t(d,[[`__scopeId`,`data-v-077014e8`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/{InlineLoading-ZeqQTbY1.js → InlineLoading-LCwTwjyJ.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
 import { t } from "./Icon-rREAqsu0.js";
 import { useStableId as n } from "./composables/useStableId.composable.mjs";
-import { t as r } from "./Spinner-CcKjiWEY.js";
+import { t as r } from "./Spinner-DpldXeXq.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, watch as v } from "vue";
 import * as y from "@nubisco/ui/icons/warning-circle";
 import * as b from "@nubisco/ui/icons/check-circle";

package/dist/{InterpolationChart-CSCGEpqO.js → InterpolationChart-B-7W3StJ.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { i as t, l as n, u as r } from "./palette-DpTb1uUD.js";
-import { i, r as a } from "./scales-DzXsYt4Z.js";
-import { t as o } from "./useChartSize-B6TdJSnI.js";
+import { i as t, l as n, u as r } from "./palette-IseTcTSI.js";
+import { i, r as a } from "./scales-5n6sKgoF.js";
+import { t as o } from "./useChartSize-Bc1dbcG2.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as ee, defineComponent as p, normalizeClass as te, onBeforeUnmount as ne, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, withCtx as re, withModifiers as y } from "vue";
 //#region src/components/Charts/InterpolationChart.vue?vue&type=script&setup=true&lang.ts
 var b = [

package/dist/{InterpolationChart-CtFw8Fek.cjs → InterpolationChart-CbBAhYHw.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-73dy8s3C.cjs`),n=require(`./scales-Bzt05iAE.cjs`),r=require(`./useChartSize-xKPzLmex.cjs`);let i=require(`vue`);var a=[`width`,`height`,`aria-label`],o={key:0},s=[`x1`,`x2`,`y1`,`y2`],c={class:`nb-chart__axis`},l=[`x`,`y`],u={class:`nb-chart__axis`},d=[`x`,`y`],f=[`x1`,`x2`,`y1`,`y2`],p=[`y`,`transform`],ee=[`x`,`y`],te=[`d`,`fill`],m=[`d`,`stroke`],h=[`cx`,`cy`,`r`,`fill`,`onMousedown`,`onContextmenu`],g={key:5},_=[`x1`,`x2`,`y1`,`y2`],v=[`x1`,`x2`,`y1`,`y2`],y=`var(--nb-c-surface)`,b=(0,i.defineComponent)({__name:`InterpolationChart`,props:{modelValue:{default:()=>[]},inputLabel:{default:void 0},outputLabel:{default:void 0},inputMin:{default:0},inputMax:{default:100},outputMin:{default:0},outputMax:{default:100},editable:{type:Boolean,default:!0},minPoints:{default:2},inputStep:{default:0},outputStep:{default:0},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>[]}},emits:[`update:modelValue`],setup(e,{emit:b}){let x=e,S=b,C=(0,i.computed)(()=>t.i(0,x.colors)),w={top:16,right:16,bottom:32,left:48},T=(0,i.ref)(null),E=r.t(T,{width:480,height:240}),D=(0,i.computed)(()=>Math.max(0,E.value.width-w.left-w.right)),O=(0,i.computed)(()=>Math.max(0,E.value.height-w.top-w.bottom)),k=(0,i.computed)(()=>[...x.modelValue].sort((e,t)=>e.input-t.input)),A=(0,i.computed)(()=>[x.inputMin,x.inputMax]),j=(0,i.computed)(()=>{let e=k.value.map(e=>e.output);return n.i(Math.min(x.outputMin,...e),Math.max(x.outputMax,...e),.05)}),M=(0,i.computed)(()=>n.r(A.value,[w.left,E.value.width-w.right])),N=(0,i.computed)(()=>n.r(j.value,[E.value.height-w.bottom,w.top])),P=(0,i.computed)(()=>M.value.ticks(6)),F=(0,i.computed)(()=>N.value.ticks(5)),I=e=>{let[t,n]=A.value,[r,i]=M.value.range;return t+(e-r)/(i-r)*(n-t)},L=e=>{let[t,n]=j.value,[r,i]=N.value.range;return t+(e-r)/(i-r)*(n-t)},R=(e,t)=>!t||t<=0?e:Math.round(e/t)*t,z=(e,t,n)=>Math.max(t,Math.min(n,e)),B=(e,t=1)=>Math.round(e*10**t)/10**t,V=(0,i.computed)(()=>{let e=k.value;return e.length<2?``:e.map((e,t)=>`${t===0?`M`:`L`}${M.value(e.input)},${N.value(e.output)}`).join(` `)}),H=(0,i.computed)(()=>{let e=k.value;if(e.length<2)return``;let t=E.value.height-w.bottom;return`${e.map((e,t)=>`${t===0?`M`:`L`}${M.value(e.input)},${N.value(e.output)}`).join(` `)} L${M.value(e[e.length-1].input)},${t} L${M.value(e[0].input)},${t} Z`}),U=(0,i.ref)(null),W=(0,i.ref)(null);function G(e){S(`update:modelValue`,[...e].sort((e,t)=>e.input-t.input))}function K(e,t){x.editable&&(U.value=e,window.addEventListener(`mousemove`,J),window.addEventListener(`mouseup`,Y))}function q(e){let t=T.value?.querySelector(`svg`);if(!t)return null;let n=t.getBoundingClientRect();return{px:e.clientX-n.left,py:e.clientY-n.top}}function J(e){if(U.value===null)return;let t=q(e);if(!t)return;let n=I(t.px),r=L(t.py),i=[...k.value],a=U.value,o=x.inputStep>0?x.inputStep:.1;i[a]={input:B(R(z(n,a>0?i[a-1].input+o:x.inputMin,a<i.length-1?i[a+1].input-o:x.inputMax),x.inputStep)),output:B(R(z(r,x.outputMin,x.outputMax),x.outputStep))},G(i)}function Y(){U.value=null,window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y)}function X(e){if(U.value!==null)return;let t=q(e);if(!t)return;let n=-1,r=1/0;for(let e=0;e<k.value.length;e++){let i=k.value[e],a=M.value(i.input)-t.px,o=N.value(i.output)-t.py,s=Math.sqrt(a*a+o*o);s<r&&(r=s,n=e)}W.value=r<20?n:null,Q.value={x:t.px+12,y:t.py-12}}function Z(){U.value===null&&(W.value=null)}function ne(){U.value!==null&&(U.value=null,window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y))}function re(e){if(!x.editable)return;let t=q(e);if(!t)return;let n=I(t.px),r=L(t.py);if(n<x.inputMin||n>x.inputMax||r<x.outputMin||r>x.outputMax)return;let i=B(R(z(n,x.inputMin,x.inputMax),x.inputStep)),a=B(R(z(r,x.outputMin,x.outputMax),x.outputStep));G([...k.value,{input:i,output:a}])}function ie(e){x.editable&&(k.value.length<=x.minPoints||G(k.value.filter((t,n)=>n!==e)))}(0,i.onBeforeUnmount)(()=>{window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y)});let Q=(0,i.ref)({x:0,y:0}),ae=(0,i.computed)(()=>W.value!==null||U.value!==null),oe=(0,i.computed)(()=>{let e=U.value??W.value;return e===null?``:`Point ${e+1}`}),se=(0,i.computed)(()=>{let e=U.value??W.value;if(e===null||e>=k.value.length)return[];let t=k.value[e];return[{label:x.inputLabel||`Input`,value:$(t.input),color:C.value},{label:x.outputLabel||`Output`,value:$(t.output),color:C.value}]}),$=e=>Number.isInteger(e)?String(e):e.toFixed(1);return(n,r)=>((0,i.openBlock)(),(0,i.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":!1},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{ref_key:`root`,ref:T,class:`nb-interpolation-chart`},[((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{width:(0,i.unref)(E).width,height:(0,i.unref)(E).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Interpolation chart`,onMousemove:X,onMouseleave:Z,onMouseup:ne,onDblclick:re,onContextmenu:r[0]||=(0,i.withModifiers)(()=>{},[`prevent`])},[e.showGrid&&(0,i.unref)(E).width>0?((0,i.openBlock)(),(0,i.createElementBlock)(`g`,o,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(F.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:N.value(e),y2:N.value(e)},null,8,s))),128))])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`g`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(F.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`yt-${e}`,x:w.left-6,y:N.value(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,i.toDisplayString)($(e)),9,l))),128))]),(0,i.createElementVNode)(`g`,u,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(P.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`xt-${e}`,x:M.value(e),y:(0,i.unref)(E).height-w.bottom+14,"text-anchor":`middle`},(0,i.toDisplayString)($(e)),9,d))),128))]),(0,i.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:(0,i.unref)(E).height-w.bottom,y2:(0,i.unref)(E).height-w.bottom},null,8,f),e.outputLabel?((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:1,class:`nb-chart__axis-label`,x:12,y:w.top+O.value/2,"text-anchor":`middle`,transform:`rotate(-90, 12, ${w.top+O.value/2})`},(0,i.toDisplayString)(e.outputLabel),9,p)):(0,i.createCommentVNode)(``,!0),e.inputLabel?((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:2,class:`nb-chart__axis-label`,x:w.left+D.value/2,y:(0,i.unref)(E).height-2,"text-anchor":`middle`},(0,i.toDisplayString)(e.inputLabel),9,ee)):(0,i.createCommentVNode)(``,!0),k.value.length>=2?((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:3,class:`nb-interpolation-chart__area`,d:H.value,fill:C.value,opacity:`0.12`},null,8,te)):(0,i.createCommentVNode)(``,!0),k.value.length>=2?((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:4,class:`nb-interpolation-chart__line`,d:V.value,stroke:C.value,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,m)):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(k.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`circle`,{key:`pt-${n}`,class:(0,i.normalizeClass)([`nb-interpolation-chart__point`,{"nb-interpolation-chart__point--editable":e.editable,"nb-interpolation-chart__point--dragging":U.value===n,"nb-interpolation-chart__point--hover":W.value===n&&U.value===null}]),cx:M.value(t.input),cy:N.value(t.output),r:U.value===n?7:W.value===n?6:5,fill:C.value,stroke:y,"stroke-width":`2`,onMousedown:(0,i.withModifiers)(e=>K(n,e),[`prevent`]),onContextmenu:(0,i.withModifiers)(e=>ie(n),[`prevent`])},null,42,h))),128)),U.value===null?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`g`,g,[(0,i.createElementVNode)(`line`,{class:`nb-interpolation-chart__crosshair`,x1:M.value(k.value[U.value].input),x2:M.value(k.value[U.value].input),y1:w.top,y2:(0,i.unref)(E).height-w.bottom},null,8,_),(0,i.createElementVNode)(`line`,{class:`nb-interpolation-chart__crosshair`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:N.value(k.value[U.value].output),y2:N.value(k.value[U.value].output)},null,8,v)]))],40,a)),(0,i.createVNode)(t.l,{visible:e.showTooltip&&ae.value,x:Q.value.x,y:Q.value.y,title:oe.value,rows:se.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`]))}}),x=e.t(b,[[`__scopeId`,`data-v-676875de`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-DeWUCp-_.cjs`),n=require(`./scales-BzEZs-6Z.cjs`),r=require(`./useChartSize-DdrCBerH.cjs`);let i=require(`vue`);var a=[`width`,`height`,`aria-label`],o={key:0},s=[`x1`,`x2`,`y1`,`y2`],c={class:`nb-chart__axis`},l=[`x`,`y`],u={class:`nb-chart__axis`},d=[`x`,`y`],f=[`x1`,`x2`,`y1`,`y2`],p=[`y`,`transform`],ee=[`x`,`y`],te=[`d`,`fill`],m=[`d`,`stroke`],h=[`cx`,`cy`,`r`,`fill`,`onMousedown`,`onContextmenu`],g={key:5},_=[`x1`,`x2`,`y1`,`y2`],v=[`x1`,`x2`,`y1`,`y2`],y=`var(--nb-c-surface)`,b=(0,i.defineComponent)({__name:`InterpolationChart`,props:{modelValue:{default:()=>[]},inputLabel:{default:void 0},outputLabel:{default:void 0},inputMin:{default:0},inputMax:{default:100},outputMin:{default:0},outputMax:{default:100},editable:{type:Boolean,default:!0},minPoints:{default:2},inputStep:{default:0},outputStep:{default:0},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>[]}},emits:[`update:modelValue`],setup(e,{emit:b}){let x=e,S=b,C=(0,i.computed)(()=>t.i(0,x.colors)),w={top:16,right:16,bottom:32,left:48},T=(0,i.ref)(null),E=r.t(T,{width:480,height:240}),D=(0,i.computed)(()=>Math.max(0,E.value.width-w.left-w.right)),O=(0,i.computed)(()=>Math.max(0,E.value.height-w.top-w.bottom)),k=(0,i.computed)(()=>[...x.modelValue].sort((e,t)=>e.input-t.input)),A=(0,i.computed)(()=>[x.inputMin,x.inputMax]),j=(0,i.computed)(()=>{let e=k.value.map(e=>e.output);return n.i(Math.min(x.outputMin,...e),Math.max(x.outputMax,...e),.05)}),M=(0,i.computed)(()=>n.r(A.value,[w.left,E.value.width-w.right])),N=(0,i.computed)(()=>n.r(j.value,[E.value.height-w.bottom,w.top])),P=(0,i.computed)(()=>M.value.ticks(6)),F=(0,i.computed)(()=>N.value.ticks(5)),I=e=>{let[t,n]=A.value,[r,i]=M.value.range;return t+(e-r)/(i-r)*(n-t)},L=e=>{let[t,n]=j.value,[r,i]=N.value.range;return t+(e-r)/(i-r)*(n-t)},R=(e,t)=>!t||t<=0?e:Math.round(e/t)*t,z=(e,t,n)=>Math.max(t,Math.min(n,e)),B=(e,t=1)=>Math.round(e*10**t)/10**t,V=(0,i.computed)(()=>{let e=k.value;return e.length<2?``:e.map((e,t)=>`${t===0?`M`:`L`}${M.value(e.input)},${N.value(e.output)}`).join(` `)}),H=(0,i.computed)(()=>{let e=k.value;if(e.length<2)return``;let t=E.value.height-w.bottom;return`${e.map((e,t)=>`${t===0?`M`:`L`}${M.value(e.input)},${N.value(e.output)}`).join(` `)} L${M.value(e[e.length-1].input)},${t} L${M.value(e[0].input)},${t} Z`}),U=(0,i.ref)(null),W=(0,i.ref)(null);function G(e){S(`update:modelValue`,[...e].sort((e,t)=>e.input-t.input))}function K(e,t){x.editable&&(U.value=e,window.addEventListener(`mousemove`,J),window.addEventListener(`mouseup`,Y))}function q(e){let t=T.value?.querySelector(`svg`);if(!t)return null;let n=t.getBoundingClientRect();return{px:e.clientX-n.left,py:e.clientY-n.top}}function J(e){if(U.value===null)return;let t=q(e);if(!t)return;let n=I(t.px),r=L(t.py),i=[...k.value],a=U.value,o=x.inputStep>0?x.inputStep:.1;i[a]={input:B(R(z(n,a>0?i[a-1].input+o:x.inputMin,a<i.length-1?i[a+1].input-o:x.inputMax),x.inputStep)),output:B(R(z(r,x.outputMin,x.outputMax),x.outputStep))},G(i)}function Y(){U.value=null,window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y)}function X(e){if(U.value!==null)return;let t=q(e);if(!t)return;let n=-1,r=1/0;for(let e=0;e<k.value.length;e++){let i=k.value[e],a=M.value(i.input)-t.px,o=N.value(i.output)-t.py,s=Math.sqrt(a*a+o*o);s<r&&(r=s,n=e)}W.value=r<20?n:null,Q.value={x:t.px+12,y:t.py-12}}function Z(){U.value===null&&(W.value=null)}function ne(){U.value!==null&&(U.value=null,window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y))}function re(e){if(!x.editable)return;let t=q(e);if(!t)return;let n=I(t.px),r=L(t.py);if(n<x.inputMin||n>x.inputMax||r<x.outputMin||r>x.outputMax)return;let i=B(R(z(n,x.inputMin,x.inputMax),x.inputStep)),a=B(R(z(r,x.outputMin,x.outputMax),x.outputStep));G([...k.value,{input:i,output:a}])}function ie(e){x.editable&&(k.value.length<=x.minPoints||G(k.value.filter((t,n)=>n!==e)))}(0,i.onBeforeUnmount)(()=>{window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y)});let Q=(0,i.ref)({x:0,y:0}),ae=(0,i.computed)(()=>W.value!==null||U.value!==null),oe=(0,i.computed)(()=>{let e=U.value??W.value;return e===null?``:`Point ${e+1}`}),se=(0,i.computed)(()=>{let e=U.value??W.value;if(e===null||e>=k.value.length)return[];let t=k.value[e];return[{label:x.inputLabel||`Input`,value:$(t.input),color:C.value},{label:x.outputLabel||`Output`,value:$(t.output),color:C.value}]}),$=e=>Number.isInteger(e)?String(e):e.toFixed(1);return(n,r)=>((0,i.openBlock)(),(0,i.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":!1},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{ref_key:`root`,ref:T,class:`nb-interpolation-chart`},[((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{width:(0,i.unref)(E).width,height:(0,i.unref)(E).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Interpolation chart`,onMousemove:X,onMouseleave:Z,onMouseup:ne,onDblclick:re,onContextmenu:r[0]||=(0,i.withModifiers)(()=>{},[`prevent`])},[e.showGrid&&(0,i.unref)(E).width>0?((0,i.openBlock)(),(0,i.createElementBlock)(`g`,o,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(F.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:N.value(e),y2:N.value(e)},null,8,s))),128))])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`g`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(F.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`yt-${e}`,x:w.left-6,y:N.value(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,i.toDisplayString)($(e)),9,l))),128))]),(0,i.createElementVNode)(`g`,u,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(P.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`xt-${e}`,x:M.value(e),y:(0,i.unref)(E).height-w.bottom+14,"text-anchor":`middle`},(0,i.toDisplayString)($(e)),9,d))),128))]),(0,i.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:(0,i.unref)(E).height-w.bottom,y2:(0,i.unref)(E).height-w.bottom},null,8,f),e.outputLabel?((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:1,class:`nb-chart__axis-label`,x:12,y:w.top+O.value/2,"text-anchor":`middle`,transform:`rotate(-90, 12, ${w.top+O.value/2})`},(0,i.toDisplayString)(e.outputLabel),9,p)):(0,i.createCommentVNode)(``,!0),e.inputLabel?((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:2,class:`nb-chart__axis-label`,x:w.left+D.value/2,y:(0,i.unref)(E).height-2,"text-anchor":`middle`},(0,i.toDisplayString)(e.inputLabel),9,ee)):(0,i.createCommentVNode)(``,!0),k.value.length>=2?((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:3,class:`nb-interpolation-chart__area`,d:H.value,fill:C.value,opacity:`0.12`},null,8,te)):(0,i.createCommentVNode)(``,!0),k.value.length>=2?((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:4,class:`nb-interpolation-chart__line`,d:V.value,stroke:C.value,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,m)):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(k.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`circle`,{key:`pt-${n}`,class:(0,i.normalizeClass)([`nb-interpolation-chart__point`,{"nb-interpolation-chart__point--editable":e.editable,"nb-interpolation-chart__point--dragging":U.value===n,"nb-interpolation-chart__point--hover":W.value===n&&U.value===null}]),cx:M.value(t.input),cy:N.value(t.output),r:U.value===n?7:W.value===n?6:5,fill:C.value,stroke:y,"stroke-width":`2`,onMousedown:(0,i.withModifiers)(e=>K(n,e),[`prevent`]),onContextmenu:(0,i.withModifiers)(e=>ie(n),[`prevent`])},null,42,h))),128)),U.value===null?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`g`,g,[(0,i.createElementVNode)(`line`,{class:`nb-interpolation-chart__crosshair`,x1:M.value(k.value[U.value].input),x2:M.value(k.value[U.value].input),y1:w.top,y2:(0,i.unref)(E).height-w.bottom},null,8,_),(0,i.createElementVNode)(`line`,{class:`nb-interpolation-chart__crosshair`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:N.value(k.value[U.value].output),y2:N.value(k.value[U.value].output)},null,8,v)]))],40,a)),(0,i.createVNode)(t.l,{visible:e.showTooltip&&ae.value,x:Q.value.x,y:Q.value.y,title:oe.value,rows:se.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`]))}}),x=e.t(b,[[`__scopeId`,`data-v-676875de`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});

package/dist/{LineChart-DoCGT8_m.js → LineChart-C7_gUiB4.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { i as t, l as n, n as r, u as i } from "./palette-DpTb1uUD.js";
-import { t as a } from "./ChartLegend-DvjSe_3l.js";
-import { i as o, r as s } from "./scales-DzXsYt4Z.js";
-import { t as c } from "./useChartSize-B6TdJSnI.js";
+import { i as t, l as n, n as r, u as i } from "./palette-IseTcTSI.js";
+import { t as a } from "./ChartLegend-DtN-9tjj.js";
+import { i as o, r as s } from "./scales-5n6sKgoF.js";
+import { t as c } from "./useChartSize-Bc1dbcG2.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
 //#region src/components/Charts/LineChart.vue?vue&type=script&setup=true&lang.ts
 var C = [

package/dist/{LineChart-DtOiziMY.cjs → LineChart-ndwAlJBw.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-73dy8s3C.cjs`),n=require(`./ChartLegend-CkL6V-U_.cjs`),r=require(`./scales-Bzt05iAE.cjs`),i=require(`./useChartSize-xKPzLmex.cjs`);let a=require(`vue`);var o=[`width`,`height`,`aria-label`],s={key:0},c=[`x1`,`x2`,`y1`,`y2`],l={class:`nb-chart__axis`},u=[`x`,`y`],d={class:`nb-chart__axis`},f=[`x`,`y`],p=[`x1`,`x2`,`y1`,`y2`],m=[`d`,`fill`],h=[`d`,`stroke`],g=[`cx`,`cy`,`r`,`fill`],_=[`x1`,`x2`,`y1`,`y2`],v=(0,a.defineComponent)({__name:`LineChart`,props:{series:{default:()=>[]},area:{type:Boolean,default:!1},points:{type:Boolean,default:!1},curve:{default:`smooth`},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let v=e,y={top:12,right:16,bottom:28,left:44},b=(0,a.ref)(null),x=i.t(b,{width:480,height:240}),S=(0,a.computed)(()=>v.series.map((e,n)=>({name:e.name,data:e.data,color:e.color??t.i(n,v.colors)}))),C=(0,a.computed)(()=>(v.series[0]?.data??[]).map(e=>e.x)),w=(0,a.computed)(()=>{let e=v.series.flatMap(e=>e.data.map(e=>e.y));return e.length?r.i(Math.min(0,...e),Math.max(...e),.1):[0,1]}),T=(0,a.computed)(()=>r.r(w.value,[Math.max(y.top,x.value.height-y.bottom),y.top])),E=(0,a.computed)(()=>T.value.ticks(5)),D=(0,a.computed)(()=>Math.max(0,x.value.width-y.left-y.right)),O=e=>{let t=C.value.length;return t<=1?y.left+D.value/2:y.left+e/(t-1)*D.value},k=(0,a.computed)(()=>{let e=C.value,t=Math.max(1,Math.ceil(e.length/6)),n=[];for(let r=0;r<e.length;r+=t)n.push({index:r,value:e[r]});return e.length&&n[n.length-1].index!==e.length-1&&n.push({index:e.length-1,value:e[e.length-1]}),n}),A=e=>e.length?M(e.map((e,t)=>[O(t),T.value(e.y)]),v.curve):``,j=e=>{if(!e.length)return``;let t=e.map((e,t)=>[O(t),T.value(e.y)]),n=x.value.height-y.bottom;return`${M(t,v.curve)} L${t[t.length-1][0]},${n} L${t[0][0]},${n} Z`},M=(e,t)=>{if(!e.length)return``;if(e.length===1)return`M${e[0][0]},${e[0][1]}`;if(t===`linear`)return e.map((e,t)=>`${t===0?`M`:`L`}${e[0]},${e[1]}`).join(` `);if(t===`step`){let t=`M${e[0][0]},${e[0][1]}`;for(let n=1;n<e.length;n++){let[r,i]=e[n-1],[a,o]=e[n],s=(r+a)/2;t+=` L${s},${i} L${s},${o} L${a},${o}`}return t}let n=.2,r=`M${e[0][0]},${e[0][1]}`;for(let t=0;t<e.length-1;t++){let i=e[t-1]??e[t],a=e[t],o=e[t+1],s=e[t+2]??o,c=a[0]+(o[0]-i[0])*n,l=a[1]+(o[1]-i[1])*n,u=o[0]-(s[0]-a[0])*n,d=o[1]-(s[1]-a[1])*n;r+=` C${c},${l} ${u},${d} ${o[0]},${o[1]}`}return r},N=e=>Math.abs(e)>=1e3?`${(e/1e3).toFixed(1)}k`:Number.isInteger(e)?String(e):e.toFixed(1),P=(0,a.ref)(null),F=(0,a.ref)({x:0,y:0}),I=e=>{let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-t.left,r=C.value.length;if(!r)return;let i=(n-y.left)/Math.max(1,D.value);P.value=Math.round(Math.min(1,Math.max(0,i))*(r-1)),F.value={x:e.clientX-t.left+12,y:e.clientY-t.top+12}},L=(0,a.computed)(()=>P.value===null?[]:S.value.map(e=>({label:e.name,value:N(e.data[P.value]?.y??0),color:e.color})));return(r,i)=>((0,a.openBlock)(),(0,a.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&S.value.length>0},{legend:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{items:S.value.map(e=>({label:e.name,color:e.color}))},null,8,[`items`])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{ref_key:`root`,ref:b,class:`nb-line-chart`},[((0,a.openBlock)(),(0,a.createElementBlock)(`svg`,{width:(0,a.unref)(x).width,height:(0,a.unref)(x).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Line chart`,onMouseleave:i[0]||=e=>P.value=null,onMousemove:I},[e.showGrid&&(0,a.unref)(x).width>0?((0,a.openBlock)(),(0,a.createElementBlock)(`g`,s,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:T.value(e),y2:T.value(e)},null,8,c))),128))])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`g`,l,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`yt-${e}`,x:y.left-6,y:T.value(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,a.toDisplayString)(N(e)),9,u))),128))]),(0,a.createElementVNode)(`g`,d,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(k.value,(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`xt-${t}`,x:O(e.index),y:(0,a.unref)(x).height-y.bottom+14,"text-anchor":`middle`},(0,a.toDisplayString)(e.value),9,f))),128))]),(0,a.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:(0,a.unref)(x).height-y.bottom,y2:(0,a.unref)(x).height-y.bottom},null,8,p),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(S.value,(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`g`,{key:`s-${n}`},[e.area?((0,a.openBlock)(),(0,a.createElementBlock)(`path`,{key:0,class:`nb-chart__area`,d:j(t.data),fill:t.color,opacity:`0.18`},null,8,m)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`path`,{class:`nb-chart__line`,d:A(t.data),stroke:t.color,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,h),e.points?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(t.data,(e,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`circle`,{key:`p-${n}-${r}`,cx:O(r),cy:T.value(e.y),r:P.value===r?4:3,fill:t.color,class:`nb-chart__point`},null,8,g))),128)):(0,a.createCommentVNode)(``,!0)]))),128)),P.value===null?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:1,class:`nb-chart__hover-line`,x1:O(P.value),x2:O(P.value),y1:y.top,y2:(0,a.unref)(x).height-y.bottom},null,8,_))],40,o)),(0,a.createVNode)(t.l,{visible:e.showTooltip&&P.value!==null,x:F.value.x,y:F.value.y,title:P.value===null?``:String(C.value[P.value]),rows:L.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),y=e.t(v,[[`__scopeId`,`data-v-728da300`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-DeWUCp-_.cjs`),n=require(`./ChartLegend-F3Fb5_Lx.cjs`),r=require(`./scales-BzEZs-6Z.cjs`),i=require(`./useChartSize-DdrCBerH.cjs`);let a=require(`vue`);var o=[`width`,`height`,`aria-label`],s={key:0},c=[`x1`,`x2`,`y1`,`y2`],l={class:`nb-chart__axis`},u=[`x`,`y`],d={class:`nb-chart__axis`},f=[`x`,`y`],p=[`x1`,`x2`,`y1`,`y2`],m=[`d`,`fill`],h=[`d`,`stroke`],g=[`cx`,`cy`,`r`,`fill`],_=[`x1`,`x2`,`y1`,`y2`],v=(0,a.defineComponent)({__name:`LineChart`,props:{series:{default:()=>[]},area:{type:Boolean,default:!1},points:{type:Boolean,default:!1},curve:{default:`smooth`},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let v=e,y={top:12,right:16,bottom:28,left:44},b=(0,a.ref)(null),x=i.t(b,{width:480,height:240}),S=(0,a.computed)(()=>v.series.map((e,n)=>({name:e.name,data:e.data,color:e.color??t.i(n,v.colors)}))),C=(0,a.computed)(()=>(v.series[0]?.data??[]).map(e=>e.x)),w=(0,a.computed)(()=>{let e=v.series.flatMap(e=>e.data.map(e=>e.y));return e.length?r.i(Math.min(0,...e),Math.max(...e),.1):[0,1]}),T=(0,a.computed)(()=>r.r(w.value,[Math.max(y.top,x.value.height-y.bottom),y.top])),E=(0,a.computed)(()=>T.value.ticks(5)),D=(0,a.computed)(()=>Math.max(0,x.value.width-y.left-y.right)),O=e=>{let t=C.value.length;return t<=1?y.left+D.value/2:y.left+e/(t-1)*D.value},k=(0,a.computed)(()=>{let e=C.value,t=Math.max(1,Math.ceil(e.length/6)),n=[];for(let r=0;r<e.length;r+=t)n.push({index:r,value:e[r]});return e.length&&n[n.length-1].index!==e.length-1&&n.push({index:e.length-1,value:e[e.length-1]}),n}),A=e=>e.length?M(e.map((e,t)=>[O(t),T.value(e.y)]),v.curve):``,j=e=>{if(!e.length)return``;let t=e.map((e,t)=>[O(t),T.value(e.y)]),n=x.value.height-y.bottom;return`${M(t,v.curve)} L${t[t.length-1][0]},${n} L${t[0][0]},${n} Z`},M=(e,t)=>{if(!e.length)return``;if(e.length===1)return`M${e[0][0]},${e[0][1]}`;if(t===`linear`)return e.map((e,t)=>`${t===0?`M`:`L`}${e[0]},${e[1]}`).join(` `);if(t===`step`){let t=`M${e[0][0]},${e[0][1]}`;for(let n=1;n<e.length;n++){let[r,i]=e[n-1],[a,o]=e[n],s=(r+a)/2;t+=` L${s},${i} L${s},${o} L${a},${o}`}return t}let n=.2,r=`M${e[0][0]},${e[0][1]}`;for(let t=0;t<e.length-1;t++){let i=e[t-1]??e[t],a=e[t],o=e[t+1],s=e[t+2]??o,c=a[0]+(o[0]-i[0])*n,l=a[1]+(o[1]-i[1])*n,u=o[0]-(s[0]-a[0])*n,d=o[1]-(s[1]-a[1])*n;r+=` C${c},${l} ${u},${d} ${o[0]},${o[1]}`}return r},N=e=>Math.abs(e)>=1e3?`${(e/1e3).toFixed(1)}k`:Number.isInteger(e)?String(e):e.toFixed(1),P=(0,a.ref)(null),F=(0,a.ref)({x:0,y:0}),I=e=>{let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-t.left,r=C.value.length;if(!r)return;let i=(n-y.left)/Math.max(1,D.value);P.value=Math.round(Math.min(1,Math.max(0,i))*(r-1)),F.value={x:e.clientX-t.left+12,y:e.clientY-t.top+12}},L=(0,a.computed)(()=>P.value===null?[]:S.value.map(e=>({label:e.name,value:N(e.data[P.value]?.y??0),color:e.color})));return(r,i)=>((0,a.openBlock)(),(0,a.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&S.value.length>0},{legend:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{items:S.value.map(e=>({label:e.name,color:e.color}))},null,8,[`items`])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{ref_key:`root`,ref:b,class:`nb-line-chart`},[((0,a.openBlock)(),(0,a.createElementBlock)(`svg`,{width:(0,a.unref)(x).width,height:(0,a.unref)(x).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Line chart`,onMouseleave:i[0]||=e=>P.value=null,onMousemove:I},[e.showGrid&&(0,a.unref)(x).width>0?((0,a.openBlock)(),(0,a.createElementBlock)(`g`,s,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:T.value(e),y2:T.value(e)},null,8,c))),128))])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`g`,l,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`yt-${e}`,x:y.left-6,y:T.value(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,a.toDisplayString)(N(e)),9,u))),128))]),(0,a.createElementVNode)(`g`,d,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(k.value,(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`xt-${t}`,x:O(e.index),y:(0,a.unref)(x).height-y.bottom+14,"text-anchor":`middle`},(0,a.toDisplayString)(e.value),9,f))),128))]),(0,a.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:(0,a.unref)(x).height-y.bottom,y2:(0,a.unref)(x).height-y.bottom},null,8,p),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(S.value,(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`g`,{key:`s-${n}`},[e.area?((0,a.openBlock)(),(0,a.createElementBlock)(`path`,{key:0,class:`nb-chart__area`,d:j(t.data),fill:t.color,opacity:`0.18`},null,8,m)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`path`,{class:`nb-chart__line`,d:A(t.data),stroke:t.color,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,h),e.points?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(t.data,(e,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`circle`,{key:`p-${n}-${r}`,cx:O(r),cy:T.value(e.y),r:P.value===r?4:3,fill:t.color,class:`nb-chart__point`},null,8,g))),128)):(0,a.createCommentVNode)(``,!0)]))),128)),P.value===null?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:1,class:`nb-chart__hover-line`,x1:O(P.value),x2:O(P.value),y1:y.top,y2:(0,a.unref)(x).height-y.bottom},null,8,_))],40,o)),(0,a.createVNode)(t.l,{visible:e.showTooltip&&P.value!==null,x:F.value.x,y:F.value.y,title:P.value===null?``:String(C.value[P.value]),rows:L.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),y=e.t(v,[[`__scopeId`,`data-v-728da300`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});

package/dist/{MenuBarItem-DuTidPYs.js → MenuBarItem-DyS1SWrP.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Menu-B0ryQoGt.js";
+import { t as e } from "./Menu-Dzg_RrG-.js";
 import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, nextTick as l, normalizeClass as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, useId as _, watch as v, withCtx as y } from "vue";
 //#region src/components/MenuBarItem.vue?vue&type=script&setup=true&lang.ts
 var b = ["aria-expanded"], x = /* @__PURE__ */ s({

package/dist/{MenuBarItem-BfmLaOaP.cjs → MenuBarItem-ma4XHwRB.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Menu-xfLseSwE.cjs`);let t=require(`vue`);var n=[`aria-expanded`],r=(0,t.defineComponent)({__name:`MenuBarItem`,props:{label:{},size:{default:`md`},minWidth:{default:160},maxWidth:{default:288}},setup(r){let i=`nb-menubar-item-${(0,t.useId)()}`,a=(0,t.ref)(null),o=(0,t.ref)(null),s=(0,t.inject)(`nb-menubar`,null),c=(0,t.computed)(()=>s?.activeMenu.value===i);function l(){(0,t.nextTick)(()=>{if(a.value&&o.value){let e=a.value.getBoundingClientRect();o.value.setPosition({top:e.top,left:e.left,bottom:e.bottom,width:e.width})}})}function u(){}function d(e){e.stopPropagation(),e.preventDefault(),c.value?s?.setActiveMenu(null):s?.setActiveMenu(i)}function f(){s?.anyOpen.value&&!c.value&&s.setActiveMenu(i)}function p(){c.value&&s?.setActiveMenu(null)}return(0,t.watch)(c,e=>{e&&l()}),(0,t.onMounted)(()=>{a.value&&s&&s.registerTrigger({id:i,el:a.value,open:l,close:u})}),(0,t.onBeforeUnmount)(()=>{s?.unregisterTrigger(i)}),(i,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`button`,{ref_key:`triggerRef`,ref:a,type:`button`,role:`menuitem`,class:(0,t.normalizeClass)([`nb-menubar-item`,{"nb-menubar-item--active":c.value}]),"aria-haspopup":`menu`,"aria-expanded":c.value,onMousedown:d,onMouseenter:f},[(0,t.renderSlot)(i.$slots,`trigger`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])],42,n),(0,t.createVNode)(e.t,{ref_key:`menuRef`,ref:o,open:c.value,size:r.size,"min-width":r.minWidth,"max-width":r.maxWidth,onClose:p},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(i.$slots,`default`)]),_:3},8,[`open`,`size`,`min-width`,`max-width`])],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Menu-CTCkLSMW.cjs`);let t=require(`vue`);var n=[`aria-expanded`],r=(0,t.defineComponent)({__name:`MenuBarItem`,props:{label:{},size:{default:`md`},minWidth:{default:160},maxWidth:{default:288}},setup(r){let i=`nb-menubar-item-${(0,t.useId)()}`,a=(0,t.ref)(null),o=(0,t.ref)(null),s=(0,t.inject)(`nb-menubar`,null),c=(0,t.computed)(()=>s?.activeMenu.value===i);function l(){(0,t.nextTick)(()=>{if(a.value&&o.value){let e=a.value.getBoundingClientRect();o.value.setPosition({top:e.top,left:e.left,bottom:e.bottom,width:e.width})}})}function u(){}function d(e){e.stopPropagation(),e.preventDefault(),c.value?s?.setActiveMenu(null):s?.setActiveMenu(i)}function f(){s?.anyOpen.value&&!c.value&&s.setActiveMenu(i)}function p(){c.value&&s?.setActiveMenu(null)}return(0,t.watch)(c,e=>{e&&l()}),(0,t.onMounted)(()=>{a.value&&s&&s.registerTrigger({id:i,el:a.value,open:l,close:u})}),(0,t.onBeforeUnmount)(()=>{s?.unregisterTrigger(i)}),(i,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`button`,{ref_key:`triggerRef`,ref:a,type:`button`,role:`menuitem`,class:(0,t.normalizeClass)([`nb-menubar-item`,{"nb-menubar-item--active":c.value}]),"aria-haspopup":`menu`,"aria-expanded":c.value,onMousedown:d,onMouseenter:f},[(0,t.renderSlot)(i.$slots,`trigger`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])],42,n),(0,t.createVNode)(e.t,{ref_key:`menuRef`,ref:o,open:c.value,size:r.size,"min-width":r.minWidth,"max-width":r.maxWidth,onClose:p},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(i.$slots,`default`)]),_:3},8,[`open`,`size`,`min-width`,`max-width`])],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/dist/{Modal-B1CQyPNo.js → Modal-BsuYzVSB.js}

@@ -2,7 +2,7 @@ import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
 import { r as t } from "./Size.d-Bah6vMl3.js";
 import { t as n } from "./Icon-rREAqsu0.js";
 import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
-import { t as i } from "./Grid-CVNb1HcS.js";
+import { t as i } from "./Grid-CgUyhsw4.js";
 import { acquireScrollLock as a, releaseScrollLock as o } from "./composables/useScrollLock.composable.mjs";
 import { useFocusTrap as s } from "./composables/useFocusTrap.composable.mjs";
 import { Teleport as ee, Transition as te, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeProps as ne, nextTick as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, unref as C, useId as w, useSlots as T, watch as E, withCtx as D, withModifiers as O } from "vue";

package/dist/{Modal-DvukGfHg.cjs → Modal-xl0ku1IX.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useSurfaceLayer.composable.cjs`),i=require(`./Grid-DVT8lBHr.cjs`),a=require(`./composables/useScrollLock.composable.cjs`),o=require(`./composables/useFocusTrap.composable.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/x`);var l=200,u=[`[data-nb-confirm-floating]`,`.nb-select__dropdown`,`.nb-menu`,`.nb-date-picker__calendar`,`.nb-user-menu__panel`,`.nb-sidebar-menu-item__flyout`],d=new Set;function f(e){let t=e.trim();return t?(d.add(t),()=>{d.delete(t)}):()=>{}}function p(e=[]){return[...u,...d,...e].map(e=>e.trim()).filter(Boolean).join(`,`)}function m(e,t){if(!e)return;let n=`${t?0:200}ms`;e.style.transitionDuration=n;let r=e.parentElement;r instanceof HTMLElement&&(r.style.transitionDuration=n)}var h=[`role`,`aria-labelledby`,`aria-describedby`,`aria-busy`],g={key:0,class:`nb-modal--header`},_=[`disabled`,`aria-disabled`],v=[`tabindex`,`role`,`aria-labelledby`],y=(0,s.defineComponent)({__name:`Modal`,props:{open:{type:Boolean,default:!1},title:{default:void 0},size:{default:t.r.Medium},closeOnOverlay:{type:Boolean,default:!0},role:{default:`dialog`},labelledBy:{default:void 0},describedBy:{default:void 0},busy:{type:Boolean,default:!1},closeDisabled:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},floatingSelectors:{default:void 0}},emits:[`close`],setup(e,{expose:t,emit:l}){let u=e,d=l,f=(0,s.useSlots)(),m=(0,s.computed)(()=>!!f.header||!!u.title),y=`nb-modal-title-${(0,s.useId)()}`,b=(0,s.ref)(null),x=(0,s.ref)(null),{layerProps:S}=r.useSurfaceLayer({overlay:!0});function C(){u.closeOnOverlay&&d(`close`)}function w(){let e=u.initialFocus;return e?typeof e==`function`?e():b.value?.querySelector(e)??null:null}o.useFocusTrap({container:()=>b.value,active:()=>u.open&&u.trapFocus,initialFocus:w,floatingSelector:()=>p(u.floatingSelectors)});let T=!1;function E(){T||(T=!0,a.acquireScrollLock())}function D(){T&&(T=!1,a.releaseScrollLock())}let O=(0,s.ref)(!1);function k(){let e=x.value;if(!e)return;let t=e.scrollHeight-e.clientHeight;!O.value&&t>4?O.value=!0:O.value&&t<=0&&(O.value=!1)}let A=null,j=null;function M(){let e=x.value;e&&(N(),typeof ResizeObserver<`u`&&(A=new ResizeObserver(()=>k()),A.observe(e)),typeof MutationObserver<`u`&&(j=new MutationObserver(()=>k()),j.observe(e,{childList:!0,subtree:!0,characterData:!0})),k())}function N(){A?.disconnect(),A=null,j?.disconnect(),j=null}(0,s.watch)(()=>u.open,async e=>{e?E():D(),await(0,s.nextTick)(),e?M():(N(),O.value=!1)},{immediate:!0}),(0,s.onUnmounted)(()=>{D(),N()});function P(){let e=b.value;if(!e)return!1;let t=Array.from(document.querySelectorAll(`[aria-modal="true"]`));return t.length===0||t[t.length-1]===e}function F(e){e.key===`Escape`&&(!u.open||!u.closeOnEscape||u.closeDisabled||P()&&d(`close`))}return(0,s.onMounted)(()=>{document.addEventListener(`keydown`,F),u.open&&M()}),(0,s.onUnmounted)(()=>{document.removeEventListener(`keydown`,F)}),t({dialogEl:()=>b.value,bodyEl:()=>x.value}),(t,r)=>((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-modal`},{default:(0,s.withCtx)(()=>[e.open?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:`nb-modal--overlay`,onClick:(0,s.withModifiers)(C,[`self`])},[(0,s.createElementVNode)(`div`,(0,s.mergeProps)({ref_key:`contentRef`,ref:b,class:[`nb-modal--content`,`nb-modal--content--${e.size}`]},(0,s.unref)(S),{role:e.role,"aria-modal":`true`,"aria-labelledby":e.labelledBy??(m.value?y:void 0),"aria-describedby":e.describedBy,"aria-busy":e.busy?`true`:void 0,tabindex:`-1`,onClick:r[1]||=(0,s.withModifiers)(()=>{},[`stop`])}),[m.value?((0,s.openBlock)(),(0,s.createElementBlock)(`header`,g,[(0,s.createElementVNode)(`span`,{id:y,class:`nb-modal--title`},[(0,s.renderSlot)(t.$slots,`header`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.title),1)],!0)]),(0,s.createElementVNode)(`button`,{class:`nb-modal--close`,"aria-label":`Close`,disabled:e.closeDisabled,"aria-disabled":e.closeDisabled?`true`:void 0,onClick:r[0]||=e=>d(`close`)},[(0,s.createVNode)(n.t,{name:(0,s.unref)(c.regular)},null,8,[`name`])],8,_)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`main`,{ref_key:`bodyRef`,ref:x,class:`nb-modal--body`,tabindex:O.value?0:void 0,role:O.value?`region`:void 0,"aria-labelledby":O.value?e.labelledBy??(m.value?y:void 0):void 0},[(0,s.renderSlot)(t.$slots,`default`,{},void 0,!0)],8,v),t.$slots.footer?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:1,is:`footer`,justify:`end`,class:`nb-modal--footer`,distributed:``},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(t.$slots,`footer`,{},void 0,!0)]),_:3})):(0,s.createCommentVNode)(``,!0)],16,h)])):(0,s.createCommentVNode)(``,!0)]),_:3})]))}}),b=e.t(y,[[`__scopeId`,`data-v-8a662ff5`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),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(`./Size.d-GBIblj2D.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useSurfaceLayer.composable.cjs`),i=require(`./Grid-DTZTlxd_.cjs`),a=require(`./composables/useScrollLock.composable.cjs`),o=require(`./composables/useFocusTrap.composable.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/x`);var l=200,u=[`[data-nb-confirm-floating]`,`.nb-select__dropdown`,`.nb-menu`,`.nb-date-picker__calendar`,`.nb-user-menu__panel`,`.nb-sidebar-menu-item__flyout`],d=new Set;function f(e){let t=e.trim();return t?(d.add(t),()=>{d.delete(t)}):()=>{}}function p(e=[]){return[...u,...d,...e].map(e=>e.trim()).filter(Boolean).join(`,`)}function m(e,t){if(!e)return;let n=`${t?0:200}ms`;e.style.transitionDuration=n;let r=e.parentElement;r instanceof HTMLElement&&(r.style.transitionDuration=n)}var h=[`role`,`aria-labelledby`,`aria-describedby`,`aria-busy`],g={key:0,class:`nb-modal--header`},_=[`disabled`,`aria-disabled`],v=[`tabindex`,`role`,`aria-labelledby`],y=(0,s.defineComponent)({__name:`Modal`,props:{open:{type:Boolean,default:!1},title:{default:void 0},size:{default:t.r.Medium},closeOnOverlay:{type:Boolean,default:!0},role:{default:`dialog`},labelledBy:{default:void 0},describedBy:{default:void 0},busy:{type:Boolean,default:!1},closeDisabled:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},floatingSelectors:{default:void 0}},emits:[`close`],setup(e,{expose:t,emit:l}){let u=e,d=l,f=(0,s.useSlots)(),m=(0,s.computed)(()=>!!f.header||!!u.title),y=`nb-modal-title-${(0,s.useId)()}`,b=(0,s.ref)(null),x=(0,s.ref)(null),{layerProps:S}=r.useSurfaceLayer({overlay:!0});function C(){u.closeOnOverlay&&d(`close`)}function w(){let e=u.initialFocus;return e?typeof e==`function`?e():b.value?.querySelector(e)??null:null}o.useFocusTrap({container:()=>b.value,active:()=>u.open&&u.trapFocus,initialFocus:w,floatingSelector:()=>p(u.floatingSelectors)});let T=!1;function E(){T||(T=!0,a.acquireScrollLock())}function D(){T&&(T=!1,a.releaseScrollLock())}let O=(0,s.ref)(!1);function k(){let e=x.value;if(!e)return;let t=e.scrollHeight-e.clientHeight;!O.value&&t>4?O.value=!0:O.value&&t<=0&&(O.value=!1)}let A=null,j=null;function M(){let e=x.value;e&&(N(),typeof ResizeObserver<`u`&&(A=new ResizeObserver(()=>k()),A.observe(e)),typeof MutationObserver<`u`&&(j=new MutationObserver(()=>k()),j.observe(e,{childList:!0,subtree:!0,characterData:!0})),k())}function N(){A?.disconnect(),A=null,j?.disconnect(),j=null}(0,s.watch)(()=>u.open,async e=>{e?E():D(),await(0,s.nextTick)(),e?M():(N(),O.value=!1)},{immediate:!0}),(0,s.onUnmounted)(()=>{D(),N()});function P(){let e=b.value;if(!e)return!1;let t=Array.from(document.querySelectorAll(`[aria-modal="true"]`));return t.length===0||t[t.length-1]===e}function F(e){e.key===`Escape`&&(!u.open||!u.closeOnEscape||u.closeDisabled||P()&&d(`close`))}return(0,s.onMounted)(()=>{document.addEventListener(`keydown`,F),u.open&&M()}),(0,s.onUnmounted)(()=>{document.removeEventListener(`keydown`,F)}),t({dialogEl:()=>b.value,bodyEl:()=>x.value}),(t,r)=>((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-modal`},{default:(0,s.withCtx)(()=>[e.open?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:`nb-modal--overlay`,onClick:(0,s.withModifiers)(C,[`self`])},[(0,s.createElementVNode)(`div`,(0,s.mergeProps)({ref_key:`contentRef`,ref:b,class:[`nb-modal--content`,`nb-modal--content--${e.size}`]},(0,s.unref)(S),{role:e.role,"aria-modal":`true`,"aria-labelledby":e.labelledBy??(m.value?y:void 0),"aria-describedby":e.describedBy,"aria-busy":e.busy?`true`:void 0,tabindex:`-1`,onClick:r[1]||=(0,s.withModifiers)(()=>{},[`stop`])}),[m.value?((0,s.openBlock)(),(0,s.createElementBlock)(`header`,g,[(0,s.createElementVNode)(`span`,{id:y,class:`nb-modal--title`},[(0,s.renderSlot)(t.$slots,`header`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.title),1)],!0)]),(0,s.createElementVNode)(`button`,{class:`nb-modal--close`,"aria-label":`Close`,disabled:e.closeDisabled,"aria-disabled":e.closeDisabled?`true`:void 0,onClick:r[0]||=e=>d(`close`)},[(0,s.createVNode)(n.t,{name:(0,s.unref)(c.regular)},null,8,[`name`])],8,_)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`main`,{ref_key:`bodyRef`,ref:x,class:`nb-modal--body`,tabindex:O.value?0:void 0,role:O.value?`region`:void 0,"aria-labelledby":O.value?e.labelledBy??(m.value?y:void 0):void 0},[(0,s.renderSlot)(t.$slots,`default`,{},void 0,!0)],8,v),t.$slots.footer?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:1,is:`footer`,justify:`end`,class:`nb-modal--footer`,distributed:``},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(t.$slots,`footer`,{},void 0,!0)]),_:3})):(0,s.createCommentVNode)(``,!0)],16,h)])):(0,s.createCommentVNode)(``,!0)]),_:3})]))}}),b=e.t(y,[[`__scopeId`,`data-v-8a662ff5`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});

package/dist/{NotificationCenter-Cw2YXNQj.cjs → NotificationCenter-BYQdkoja.cjs}

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

package/dist/{NotificationCenter-BAncrTOw.js → NotificationCenter-_K5ZQ82b.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./Icon-rREAqsu0.js";
 import { t } from "./EmptyState-CwMG-NeI.js";
-import { t as n } from "./Button-Q8MBLMvG.js";
-import { t as r } from "./Spinner-CcKjiWEY.js";
-import { t as i } from "./Skeleton-D8_ZS3rD.js";
-import { t as a } from "./NotificationCenterItem-CH-V1S51.js";
+import { t as n } from "./Button-CnwG9SUU.js";
+import { t as r } from "./Spinner-DpldXeXq.js";
+import { t as i } from "./Skeleton-3N9uC9k_.js";
+import { t as a } from "./NotificationCenterItem-DklUTQo7.js";
 import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ee, createTextVNode as te, createVNode as m, defineComponent as h, mergeProps as ne, nextTick as g, normalizeClass as re, normalizeStyle as _, onBeforeUnmount as ie, openBlock as v, ref as y, renderList as ae, renderSlot as b, toDisplayString as x, unref as oe, useId as se, useSlots as ce, watch as S, withCtx as C } from "vue";
 import { regular as le } from "@nubisco/ui/icons/warning-circle";
 import * as ue from "@nubisco/ui/icons/bell";