@nubisco/ui 5.18.0 → 5.19.0

package/dist/{InlineEdit-DssyFZM6.js → InlineEdit-BCHxGdSy.js}

@@ -10,10 +10,16 @@ var _ = [
 	"placeholder",
 	"onKeydown"
 ], v = [
+	"id",
+	"value",
+	"aria-label",
+	"placeholder",
+	"onKeydown"
+], y = [
 	"id",
 	"aria-label",
 	"disabled"
-], y = /* @__PURE__ */ e(/* @__PURE__ */ s({
+], b = /* @__PURE__ */ e(/* @__PURE__ */ s({
 	__name: "InlineEdit",
 	props: {
 		modelValue: {},
@@ -24,6 +30,10 @@ var _ = [
 			type: Boolean,
 			default: !1
 		},
+		multiline: {
+			type: Boolean,
+			default: !1
+		},
 		id: {}
 	},
 	emits: [
@@ -31,53 +41,76 @@ var _ = [
 		"commit",
 		"cancel"
 	],
-	setup(e, { expose: s, emit: y }) {
-		let b = e, x = y, S = d(!1), C = d(null), w = "", T = n(() => ({
+	setup(e, { expose: s, emit: b }) {
+		let x = e, S = b, C = d(!1), w = d(null), T = "", E = n(() => ({
 			md: 14,
 			lg: 16,
 			xl: 18
-		})[b.size ?? "md"]);
-		function E() {
-			b.disabled || (w = b.modelValue, S.value = !0, c(() => {
-				C.value?.focus(), C.value?.select();
+		})[x.size ?? "md"]);
+		function D() {
+			x.disabled || (T = x.modelValue, C.value = !0, c(() => {
+				k(), w.value?.focus(), w.value?.select();
 			}));
 		}
-		function D(e) {
-			x("update:modelValue", e.target.value);
-		}
-		function O() {
-			S.value && (S.value = !1, x("commit", b.modelValue));
+		function O(e) {
+			S("update:modelValue", e.target.value);
 		}
 		function k() {
-			S.value && (S.value = !1, x("update:modelValue", w), x("cancel"));
+			let e = w.value;
+			!x.multiline || !(e instanceof HTMLTextAreaElement) || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
+		}
+		function A(e) {
+			S("update:modelValue", e.target.value), k();
 		}
-		return s({ start: E }), (n, s) => S.value ? (u(), a("input", {
+		function j(e) {
+			e.shiftKey || e.isComposing || (e.preventDefault(), M());
+		}
+		function M() {
+			C.value && (C.value = !1, S("commit", x.modelValue));
+		}
+		function N() {
+			C.value && (C.value = !1, S("update:modelValue", T), S("cancel"));
+		}
+		return s({ start: D }), (n, s) => C.value && e.multiline ? (u(), a("textarea", {
 			key: 0,
 			id: e.id,
 			ref_key: "input",
-			ref: C,
-			class: l(["nb-inline-edit__input", `nb-inline-edit__input--${e.size}`]),
+			ref: w,
+			class: l(["nb-inline-edit__input nb-inline-edit__input--multiline", `nb-inline-edit__input--${e.size}`]),
+			rows: "1",
 			value: e.modelValue,
 			"aria-label": e.label,
 			placeholder: e.placeholder,
-			onInput: D,
-			onBlur: O,
-			onKeydown: [m(h(O, ["prevent"]), ["enter"]), m(h(k, ["prevent"]), ["esc"])]
-		}, null, 42, _)) : (u(), a("button", {
+			onInput: A,
+			onBlur: M,
+			onKeydown: [m(j, ["enter"]), m(h(N, ["prevent"]), ["esc"])]
+		}, null, 42, _)) : C.value ? (u(), a("input", {
 			key: 1,
 			id: e.id,
+			ref_key: "input",
+			ref: w,
+			class: l(["nb-inline-edit__input", `nb-inline-edit__input--${e.size}`]),
+			value: e.modelValue,
+			"aria-label": e.label,
+			placeholder: e.placeholder,
+			onInput: O,
+			onBlur: M,
+			onKeydown: [m(h(M, ["prevent"]), ["enter"]), m(h(N, ["prevent"]), ["esc"])]
+		}, null, 42, v)) : (u(), a("button", {
+			key: 2,
+			id: e.id,
 			type: "button",
 			class: l(["nb-inline-edit__text", [`nb-inline-edit__text--${e.size}`, { "is-disabled": e.disabled }]]),
 			"aria-label": `${e.label}: ${e.modelValue || e.placeholder || "empty"}. Press Enter to edit.`,
 			disabled: e.disabled,
-			onClick: E
+			onClick: D
 		}, [o("span", { class: l({ "nb-inline-edit__placeholder": !e.modelValue }) }, f(e.modelValue || e.placeholder), 3), e.disabled ? i("", !0) : (u(), r(t, {
 			key: 0,
 			class: "nb-inline-edit__pencil",
 			name: p(g),
-			size: T.value
-		}, null, 8, ["name", "size"]))], 10, v));
+			size: E.value
+		}, null, 8, ["name", "size"]))], 10, y));
 	}
-}), [["__scopeId", "data-v-f27298c9"]]);
+}), [["__scopeId", "data-v-b8610ff0"]]);
 //#endregion
-export { y as t };
+export { b as t };

package/dist/{InlineLoading-DXsOmC3w.cjs → InlineLoading-B2L_asnZ.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-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}});
+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-UsyGqwVq.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-LCwTwjyJ.js → InlineLoading-DQzKEw-L.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-DpldXeXq.js";
+import { t as r } from "./Spinner-C7NYF-Xf.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-w1GgDSDT.cjs → InterpolationChart-BXS1n0dY.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-CP7R55wd.cjs`),n=require(`./scales-DJ_hCmZX.cjs`),r=require(`./useChartSize-DGUae61E.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-Cy2_8mLH.cjs`),n=require(`./scales-4WxjhxBm.cjs`),r=require(`./useChartSize-C-BIN0vc.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/{InterpolationChart-CdbT0AvE.js → InterpolationChart-CSEYS5aB.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-BVXsOJol.js";
-import { i, r as a } from "./scales-CsGzsNm7.js";
-import { t as o } from "./useChartSize-6K6L_Xnm.js";
+import { i as t, l as n, u as r } from "./palette-StNyj_sM.js";
+import { i, r as a } from "./scales-DlFF1BRk.js";
+import { t as o } from "./useChartSize-UdZSuP3G.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/{LineChart-CmBBttxc.cjs → LineChart-C5bQNxQ-.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-CP7R55wd.cjs`),n=require(`./ChartLegend-k-7LH8-7.cjs`),r=require(`./scales-DJ_hCmZX.cjs`),i=require(`./useChartSize-DGUae61E.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-Cy2_8mLH.cjs`),n=require(`./ChartLegend-DGgW0yjG.cjs`),r=require(`./scales-4WxjhxBm.cjs`),i=require(`./useChartSize-C-BIN0vc.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/{LineChart-BgnDKI8u.js → LineChart-DG_ows6r.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-BVXsOJol.js";
-import { t as a } from "./ChartLegend-B_Y9TNfO.js";
-import { i as o, r as s } from "./scales-CsGzsNm7.js";
-import { t as c } from "./useChartSize-6K6L_Xnm.js";
+import { i as t, l as n, n as r, u as i } from "./palette-StNyj_sM.js";
+import { t as a } from "./ChartLegend-BLTbVV2E.js";
+import { i as o, r as s } from "./scales-DlFF1BRk.js";
+import { t as c } from "./useChartSize-UdZSuP3G.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/Menu-BALfMobG.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/usePhoneLayout.composable.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Menu`,props:{open:{type:Boolean,default:!1},size:{default:`md`},minWidth:{default:160},maxWidth:{default:288}},emits:[`close`,`update:open`],setup(n,{expose:r,emit:i}){let a=n,o=i,s=(0,t.ref)(null),c=(0,t.ref)(-1),l=(0,t.reactive)([]),{phone:u}=e.usePhoneLayout();function d(e){return u.value?`min(${e}px, calc(100vw - 16px))`:`${e}px`}let f=(0,t.computed)(()=>({position:`fixed`,top:`${p.top}px`,left:`${p.left}px`,minWidth:d(a.minWidth),maxWidth:d(a.maxWidth),zIndex:u.value?`var(--nb-zindex-modal-dropdown)`:`var(--nb-zindex-menu)`})),p=(0,t.reactive)({top:0,left:0});function m(e){p.top=e.bottom,p.left=e.left,g()}function h(e,t){p.top=t,p.left=e,g()}function g(){a.open&&u.value&&(0,t.nextTick)(D)}function _(){o(`close`),o(`update:open`,!1)}function v(e){return l.includes(e)||l.push(e),l.indexOf(e)}function y(e){let t=l.indexOf(e);t>=0&&l.splice(t,1)}let b=new Set;function x(e){b.add(e)}function S(e){b.delete(e)}(0,t.provide)(`nb-menu`,{size:a.size,close:_,highlightedIndex:c.value,registerItem:v,unregisterItem:y,registerSurface:x,unregisterSurface:S});function C(){return s.value?Array.from(s.value.querySelectorAll(`[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]`)).filter(e=>!e.closest(`.nb-submenu`)):[]}function w(e){let t=C();e>=0&&e<t.length&&(c.value=e,t[e].focus())}function T(e){if(e.key===`Escape`){if(e.defaultPrevented)return;e.preventDefault(),e.stopPropagation(),_();return}let t=C();if(!t.length)return;let n=t.indexOf(document.activeElement);if(n>=0&&(c.value=n),e.key===`ArrowDown`){e.preventDefault(),e.stopPropagation();let n=c.value+1;for(;n<t.length&&t[n]?.getAttribute(`aria-disabled`)===`true`;)n++;n<t.length&&w(n)}else if(e.key===`ArrowUp`){e.preventDefault(),e.stopPropagation();let n=c.value-1;for(;n>=0&&t[n]?.getAttribute(`aria-disabled`)===`true`;)n--;n>=0&&w(n)}else e.key===`Tab`&&_()}function E(e){let t=e.target;if(!(!s.value||s.value.contains(t))){for(let e of b)if(e.contains(t))return;_()}}function D(){if(!s.value)return;let e=s.value.getBoundingClientRect();e.right>window.innerWidth&&(p.left=Math.max(8,window.innerWidth-e.width-8)),e.bottom>window.innerHeight&&(p.top=Math.max(8,window.innerHeight-e.height-8));let t=window.innerHeight-p.top-8;s.value.style.maxHeight=`${t}px`}return(0,t.watch)(()=>a.open,e=>{e?(c.value=-1,document.addEventListener(`mousedown`,E),(0,t.nextTick)(()=>{D(),C().length>0&&w(0)})):(c.value=-1,document.removeEventListener(`mousedown`,E))}),(0,t.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,E)}),r({setPosition:m,setPositionXY:h,close:_,el:s}),(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{name:`nb-menu`},{default:(0,t.withCtx)(()=>[n.open?((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{key:0,ref_key:`menuRef`,ref:s,role:`menu`,class:(0,t.normalizeClass)([`nb-menu`,`nb-menu--${n.size}`]),style:(0,t.normalizeStyle)(f.value),onKeydown:T},[(0,t.renderSlot)(e.$slots,`default`)],38)):(0,t.createCommentVNode)(``,!0)]),_:3})]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/Menu-D-zvh-SA.js

@@ -0,0 +1,136 @@
+import { usePhoneLayout as e } from "./composables/usePhoneLayout.composable.mjs";
+import { Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, provide as m, reactive as h, ref as g, renderSlot as _, watch as v, withCtx as y } from "vue";
+//#endregion
+//#region src/components/Menu.vue
+var b = /* @__PURE__ */ c({
+	__name: "Menu",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		minWidth: { default: 160 },
+		maxWidth: { default: 288 }
+	},
+	emits: ["close", "update:open"],
+	setup(c, { expose: b, emit: x }) {
+		let S = c, C = x, w = g(null), T = g(-1), E = h([]), { phone: D } = e();
+		function O(e) {
+			return D.value ? `min(${e}px, calc(100vw - 16px))` : `${e}px`;
+		}
+		let k = r(() => ({
+			position: "fixed",
+			top: `${A.top}px`,
+			left: `${A.left}px`,
+			minWidth: O(S.minWidth),
+			maxWidth: O(S.maxWidth),
+			zIndex: D.value ? "var(--nb-zindex-modal-dropdown)" : "var(--nb-zindex-menu)"
+		})), A = h({
+			top: 0,
+			left: 0
+		});
+		function j(e) {
+			A.top = e.bottom, A.left = e.left, N();
+		}
+		function M(e, t) {
+			A.top = t, A.left = e, N();
+		}
+		function N() {
+			S.open && D.value && l(W);
+		}
+		function P() {
+			C("close"), C("update:open", !1);
+		}
+		function F(e) {
+			return E.includes(e) || E.push(e), E.indexOf(e);
+		}
+		function I(e) {
+			let t = E.indexOf(e);
+			t >= 0 && E.splice(t, 1);
+		}
+		let L = /* @__PURE__ */ new Set();
+		function R(e) {
+			L.add(e);
+		}
+		function z(e) {
+			L.delete(e);
+		}
+		m("nb-menu", {
+			size: S.size,
+			close: P,
+			highlightedIndex: T.value,
+			registerItem: F,
+			unregisterItem: I,
+			registerSurface: R,
+			unregisterSurface: z
+		});
+		function B() {
+			return w.value ? Array.from(w.value.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]")).filter((e) => !e.closest(".nb-submenu")) : [];
+		}
+		function V(e) {
+			let t = B();
+			e >= 0 && e < t.length && (T.value = e, t[e].focus());
+		}
+		function H(e) {
+			if (e.key === "Escape") {
+				if (e.defaultPrevented) return;
+				e.preventDefault(), e.stopPropagation(), P();
+				return;
+			}
+			let t = B();
+			if (!t.length) return;
+			let n = t.indexOf(document.activeElement);
+			if (n >= 0 && (T.value = n), e.key === "ArrowDown") {
+				e.preventDefault(), e.stopPropagation();
+				let n = T.value + 1;
+				for (; n < t.length && t[n]?.getAttribute("aria-disabled") === "true";) n++;
+				n < t.length && V(n);
+			} else if (e.key === "ArrowUp") {
+				e.preventDefault(), e.stopPropagation();
+				let n = T.value - 1;
+				for (; n >= 0 && t[n]?.getAttribute("aria-disabled") === "true";) n--;
+				n >= 0 && V(n);
+			} else e.key === "Tab" && P();
+		}
+		function U(e) {
+			let t = e.target;
+			if (!(!w.value || w.value.contains(t))) {
+				for (let e of L) if (e.contains(t)) return;
+				P();
+			}
+		}
+		function W() {
+			if (!w.value) return;
+			let e = w.value.getBoundingClientRect();
+			e.right > window.innerWidth && (A.left = Math.max(8, window.innerWidth - e.width - 8)), e.bottom > window.innerHeight && (A.top = Math.max(8, window.innerHeight - e.height - 8));
+			let t = window.innerHeight - A.top - 8;
+			w.value.style.maxHeight = `${t}px`;
+		}
+		return v(() => S.open, (e) => {
+			e ? (T.value = -1, document.addEventListener("mousedown", U), l(() => {
+				W(), B().length > 0 && V(0);
+			})) : (T.value = -1, document.removeEventListener("mousedown", U));
+		}), f(() => {
+			document.removeEventListener("mousedown", U);
+		}), b({
+			setPosition: j,
+			setPositionXY: M,
+			close: P,
+			el: w
+		}), (e, r) => (p(), i(t, { to: "body" }, [s(n, { name: "nb-menu" }, {
+			default: y(() => [c.open ? (p(), o("ul", {
+				key: 0,
+				ref_key: "menuRef",
+				ref: w,
+				role: "menu",
+				class: u(["nb-menu", `nb-menu--${c.size}`]),
+				style: d(k.value),
+				onKeydown: H
+			}, [_(e.$slots, "default")], 38)) : a("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { b as t };

package/dist/{MenuBarItem-H1sFt0Mx.js → MenuBarItem-BDqp9LzY.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Menu-CsA8dtMR.js";
+import { t as e } from "./Menu-D-zvh-SA.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-42bSEdWZ.cjs → MenuBarItem-Dmutkr1p.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Menu-Xt1MCf-q.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-BALfMobG.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-BNgLfB88.cjs

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

package/dist/{Modal-BvZulLj2.js → Modal-C97dRTiP.js}

@@ -2,13 +2,14 @@ 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 "./Button-BAfC7ySK.js";
-import { t as a } from "./Grid-DA2jibMM.js";
-import { acquireScrollLock as o, releaseScrollLock as ee } from "./composables/useScrollLock.composable.mjs";
-import { useFocusTrap as s } from "./composables/useFocusTrap.composable.mjs";
-import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as te, createVNode as h, defineComponent as g, mergeProps as _, nextTick as v, onMounted as y, onUnmounted as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, unref as T, useId as E, useSlots as ne, watch as re, withCtx as D, withModifiers as O } from "vue";
-import * as ie from "@nubisco/ui/icons/x";
-import { regular as ae } from "@nubisco/ui/icons/x";
+import { t as i } from "./Button-IcCXOoCT.js";
+import { t as a } from "./Grid-iox-7xyH.js";
+import { useVisualViewportVar as o } from "./composables/useVisualViewportVar.composable.mjs";
+import { acquireScrollLock as s, releaseScrollLock as ee } from "./composables/useScrollLock.composable.mjs";
+import { useFocusTrap as c } from "./composables/useFocusTrap.composable.mjs";
+import { Teleport as l, Transition as te, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeProps as ne, nextTick as re, onMounted as ie, 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";
+import * as ae from "@nubisco/ui/icons/x";
+import { regular as oe } from "@nubisco/ui/icons/x";
 //#region src/components/Confirm.env.ts
 var k = 200, A = [
 	"[data-nb-confirm-floating]",
@@ -52,7 +53,7 @@ var F = [
 	"tabindex",
 	"role",
 	"aria-labelledby"
-], z = /* @__PURE__ */ e(/* @__PURE__ */ g({
+], z = /* @__PURE__ */ e(/* @__PURE__ */ _({
 	__name: "Modal",
 	props: {
 		open: {
@@ -92,8 +93,8 @@ var F = [
 		floatingSelectors: { default: void 0 }
 	},
 	emits: ["close"],
-	setup(e, { expose: t, emit: g }) {
-		let k = e, A = g, j = ne(), M = u(() => !!j.header || !!k.title), P = `nb-modal-title-${E()}`, z = S(null), B = S(null), { layerProps: V } = r({ overlay: !0 });
+	setup(e, { expose: t, emit: _ }) {
+		let k = e, A = _, j = T(), M = u(() => !!j.header || !!k.title), P = `nb-modal-title-${w()}`, z = b(null), B = b(null), { layerProps: V } = r({ overlay: !0 });
 		function H() {
 			k.closeOnOverlay && A("close");
 		}
@@ -101,20 +102,20 @@ var F = [
 			let e = k.initialFocus;
 			return e ? typeof e == "function" ? e() : z.value?.querySelector(e) ?? null : null;
 		}
-		s({
+		c({
 			container: () => z.value,
 			active: () => k.open && k.trapFocus,
 			initialFocus: U,
 			floatingSelector: () => N(k.floatingSelectors)
-		});
+		}), o(() => k.open);
 		let W = !1;
 		function G() {
-			W || (W = !0, o());
+			W || (W = !0, s());
 		}
 		function K() {
 			W && (W = !1, ee());
 		}
-		let q = S(!1);
+		let q = b(!1);
 		function J() {
 			let e = B.value;
 			if (!e) return;
@@ -133,37 +134,37 @@ var F = [
 		function Q() {
 			Y?.disconnect(), Y = null, X?.disconnect(), X = null;
 		}
-		re(() => k.open, async (e) => {
-			e ? G() : K(), await v(), e ? Z() : (Q(), q.value = !1);
-		}, { immediate: !0 }), b(() => {
+		E(() => k.open, async (e) => {
+			e ? G() : K(), await re(), e ? Z() : (Q(), q.value = !1);
+		}, { immediate: !0 }), v(() => {
 			K(), Q();
 		});
-		function oe() {
+		function se() {
 			let e = z.value;
 			if (!e) return !1;
 			let t = Array.from(document.querySelectorAll("[aria-modal=\"true\"]"));
 			return t.length === 0 || t[t.length - 1] === e;
 		}
 		function $(e) {
-			e.key === "Escape" && (!k.open || !k.closeOnEscape || k.closeDisabled || oe() && A("close"));
+			e.key === "Escape" && (!k.open || !k.closeOnEscape || k.closeDisabled || se() && A("close"));
 		}
-		return y(() => {
+		return ie(() => {
 			document.addEventListener("keydown", $), k.open && Z();
-		}), b(() => {
+		}), v(() => {
 			document.removeEventListener("keydown", $);
 		}), t({
 			dialogEl: () => z.value,
 			bodyEl: () => B.value
-		}), (t, r) => (x(), d(c, { to: "body" }, [h(l, { name: "nb-modal" }, {
-			default: D(() => [e.open ? (x(), p("div", {
+		}), (t, r) => (y(), d(l, { to: "body" }, [g(te, { name: "nb-modal" }, {
+			default: D(() => [e.open ? (y(), p("div", {
 				key: 0,
 				class: "nb-modal--overlay",
 				onClick: O(H, ["self"])
-			}, [m("div", _({
+			}, [m("div", ne({
 				ref_key: "contentRef",
 				ref: z,
 				class: ["nb-modal--content", `nb-modal--content--${e.size}`]
-			}, T(V), {
+			}, C(V), {
 				role: e.role,
 				"aria-modal": "true",
 				"aria-labelledby": e.labelledBy ?? (M.value ? P : void 0),
@@ -172,26 +173,26 @@ var F = [
 				tabindex: "-1",
 				onClick: r[2] ||= O(() => {}, ["stop"])
 			}), [
-				M.value ? (x(), p("header", I, [m("span", {
+				M.value ? (y(), p("header", I, [m("span", {
 					id: P,
 					class: "nb-modal--title"
-				}, [C(t.$slots, "header", {}, () => [te(w(e.title), 1)], !0)]), e.closeAppearance === "button" ? (x(), d(i, {
+				}, [x(t.$slots, "header", {}, () => [h(S(e.title), 1)], !0)]), e.closeAppearance === "button" ? (y(), d(i, {
 					key: 0,
 					class: "nb-modal--close-button",
 					size: "sm",
 					variant: "ghost",
-					icon: ie,
+					icon: ae,
 					"aria-label": "Close",
 					disabled: e.closeDisabled,
 					onClick: r[0] ||= (e) => A("close")
-				}, null, 8, ["disabled"])) : (x(), p("button", {
+				}, null, 8, ["disabled"])) : (y(), p("button", {
 					key: 1,
 					class: "nb-modal--close",
 					"aria-label": "Close",
 					disabled: e.closeDisabled,
 					"aria-disabled": e.closeDisabled ? "true" : void 0,
 					onClick: r[1] ||= (e) => A("close")
-				}, [h(n, { name: T(ae) }, null, 8, ["name"])], 8, L))])) : f("", !0),
+				}, [g(n, { name: C(oe) }, null, 8, ["name"])], 8, L))])) : f("", !0),
 				m("main", {
 					ref_key: "bodyRef",
 					ref: B,
@@ -199,21 +200,21 @@ var F = [
 					tabindex: q.value ? 0 : void 0,
 					role: q.value ? "region" : void 0,
 					"aria-labelledby": q.value ? e.labelledBy ?? (M.value ? P : void 0) : void 0
-				}, [C(t.$slots, "default", {}, void 0, !0)], 8, R),
-				t.$slots.footer ? (x(), d(a, {
+				}, [x(t.$slots, "default", {}, void 0, !0)], 8, R),
+				t.$slots.footer ? (y(), d(a, {
 					key: 1,
 					is: "footer",
 					justify: "end",
 					class: "nb-modal--footer",
 					distributed: ""
 				}, {
-					default: D(() => [C(t.$slots, "footer", {}, void 0, !0)]),
+					default: D(() => [x(t.$slots, "footer", {}, void 0, !0)]),
 					_: 3
 				})) : f("", !0)
 			], 16, F)])) : f("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-fe02ca11"]]);
+}), [["__scopeId", "data-v-30058081"]]);
 //#endregion
 export { M as a, N as i, k as n, P as r, z as t };