@net-advantage/nabs-ui-shell 0.70.0 → 0.71.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nabs-ui-shell.cjs +1 -1
- package/dist/nabs-ui-shell.js +114 -100
- package/package.json +33 -33
package/dist/nabs-ui-shell.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@net-advantage/nabs-ui-layout"),n=require("react/jsx-runtime");var r=(0,e.forwardRef)(({header:e,navigation:r,footer:i,children:a,className:o=``,headerClassName:s=``,navigationClassName:c=``,contentClassName:l=``,footerClassName:u=``,...d},f)=>{let p=[`nabs-ui-shell`,o].filter(Boolean).join(` `),m=[`nabs-ui-shell__header`,s].filter(Boolean).join(` `),h=[`nabs-ui-shell__navigation`,c].filter(Boolean).join(` `),g=[`nabs-ui-shell__content`,l].filter(Boolean).join(` `),_=[`nabs-ui-shell__footer`,u].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:f,className:p,...d,children:(0,n.jsx)(t.Layout,{className:`nabs-ui-shell__layout`,header:e,footer:i,leftSidePanel:r,headerClassName:m,footerClassName:_,leftSidePanelClassName:h,contentClassName:g,children:a})})});r.displayName=`Shell`;var i=(0,e.forwardRef)(function({logo:e,title:t,byline:r,className:i=``,...a},o){return(0,n.jsxs)(`div`,{ref:o,className:[`nabs-ui-branding`,i].filter(Boolean).join(` `),...a,children:[(0,n.jsx)(`div`,{className:`nabs-ui-branding__logo`,"aria-hidden":`true`,children:e}),(0,n.jsxs)(`div`,{className:`nabs-ui-branding__text`,children:[(0,n.jsx)(`strong`,{className:`nabs-ui-branding__title`,children:t}),(0,n.jsx)(`span`,{className:`nabs-ui-branding__byline`,children:r})]})]})});i.displayName=`Branding`;function a(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}function o(){return`Home`}function s(e){return{id:`__home__`,label:e?.label??o(),href:e?.href,path:e?.path,disabled:e?.disabled}}function c(e,t,n){return t?[s(n),...e]:e}function l(){return(0,n.jsxs)(`svg`,{className:`nabs-ui-breadcrumb__homeIcon`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,focusable:`false`,children:[(0,n.jsx)(`path`,{d:`M3 11.5L12 4L21 11.5`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,n.jsx)(`path`,{d:`M6.5 10V20H17.5V10`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}var u=(0,e.forwardRef)(function({items:e=[],showHome:t=!0,home:r,separator:i=`/`,lastItemClickable:o=!1,className:s=``,itemClassName:u=``,onItemSelect:d,...f},p){let m=c(e,t,r);return(0,n.jsx)(`nav`,{ref:p,className:[`nabs-ui-breadcrumb`,s].filter(Boolean).join(` `),"aria-label":`Breadcrumb`,...f,children:(0,n.jsx)(`ol`,{className:`nabs-ui-breadcrumb__list`,children:m.map((e,s)=>{let c=s===m.length-1,f=c&&!o,p=typeof e.path==`string`&&e.path.trim().length>0,h=typeof e.href==`string`&&e.href.trim().length>0,g=p?e.path:h?e.href:void 0,_=[`nabs-ui-breadcrumb__item`,f?`nabs-ui-breadcrumb__item--current`:``,e.disabled?`nabs-ui-breadcrumb__item--disabled`:``,u].filter(Boolean).join(` `),v=t=>{if(e.disabled||f){t.preventDefault();return}d?.({itemId:e.id,item:e,event:t}),!t.defaultPrevented&&(!p||typeof window>`u`||!a(t)||(t.preventDefault(),window.history.pushState({},``,e.path),window.dispatchEvent(new PopStateEvent(`popstate`,{state:window.history.state}))))},y=(0,n.jsxs)(n.Fragment,{children:[s===0&&t?r?.icon??(0,n.jsx)(l,{}):null,(0,n.jsx)(`span`,{className:`nabs-ui-breadcrumb__itemLabel`,children:e.label})]});return(0,n.jsxs)(`li`,{className:`nabs-ui-breadcrumb__entry`,children:[g&&!f?(0,n.jsx)(`a`,{className:_,href:g,onClick:v,children:y}):(0,n.jsx)(`button`,{type:`button`,className:_,disabled:e.disabled||f,"aria-current":f?`page`:void 0,onClick:v,children:y}),c?null:(0,n.jsx)(`span`,{className:`nabs-ui-breadcrumb__separator`,children:i})]},e.id)})})})});u.displayName=`Breadcrumb`;var d={leftPadding:44,rightPadding:18,plotTop:14,plotHeight:104,itemStep:56,barWidthMax:18,barGroupScale:.72,barGap:2,xLabelOffset:18,axisLabelOffset:40,legendOffset:20,legendItemGap:14,legendSampleWidth:12,legendTextGap:6,legendMarkerRadius:2,legendApproxCharWidth:5.8,svgBottomPadding:8},f={line:`nabs-ui-charts--line`,bar:`nabs-ui-charts--bar`};function p(e){return Number.isFinite(e)?Math.max(0,Math.floor(e??0)):8}function m(e){if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`){let t=Number(e);if(Number.isFinite(t))return t}return 0}function h(e,t){return m(e[t])}function g(e){return!Number.isFinite(e)||(e??0)<=0?5:Math.abs(e??5)}function _(e,t,n){return Math.min(n,Math.max(t,e))}function v(e){return Number(e.toFixed(6))}function y(e,t,n){let r=[];if(n?.length)for(let e of n){let t=String(e??``).trim();!t||r.includes(t)||r.push(t)}let i=String(t??``).trim();if(i&&!r.includes(i)&&r.push(i),r.length===0&&e.length>0){let t=e[0];for(let e of Object.keys(t)){if(e===`yAxis`)continue;let n=t[e],i=m(n);if(Number.isFinite(i)&&r.push(e),r.length>=10)break}}return r.slice(0,10)}function b(e,t,n,r){let i=e+t,a=Number.isFinite(n)?n:0,o=Number.isFinite(r)?r:i;return o<=a?{axisMin:a,axisMax:a+1}:{axisMin:a,axisMax:o}}function x(e,t,n){let r=[e],i=n/1e3,a=0;for(let o=e+n;o<=t+i&&!(a>5e3);o+=n){let e=v(o);if(e>=t)break;r.push(e),a+=1}return r[r.length-1]!==t&&r.push(t),r}function S(e,t,n){if(e.length<=1)return[];let r=e.map(e=>d.legendSampleWidth+d.legendTextGap+e.length*d.legendApproxCharWidth),i=t-(r.reduce((e,t)=>e+t,0)+Math.max(0,e.length-1)*d.legendItemGap)/2;return e.map((e,t)=>{let n=r[t]??0,a=i,o=a+d.legendSampleWidth,s=a+d.legendSampleWidth/2,c=o+d.legendTextGap;return i+=n+d.legendItemGap,{id:`legend-${e}`,label:e,colorIndex:t,sampleX1:a,sampleX2:o,markerX:s,textX:c}})}function C(e,t){let n=[];for(let r of e)r!==e[0]&&n.push({id:`guide-${r}`,value:r,y:t(r)});return n}function w(e,t){return e.map(e=>({id:`tick-${e}`,value:e,y:t(e)}))}function T(e,t,n,r,i,a,o,s){let c=y(e,t,n),l=c.flatMap(t=>e.map(e=>h(e,t))),{axisMin:u,axisMax:f}=b(Math.max(0,...l),i,a,o),p=Math.max(1,f-u),m=g(s),v=Math.max(1,e.length)*d.itemStep,T=d.leftPadding,E=T+v,D=d.plotTop,O=D+d.plotHeight,k=T+v+d.rightPadding,A=O,j=O+d.xLabelOffset,M=O+d.axisLabelOffset,N=M+d.legendOffset,P=r&&c.length>1,F=P?N+d.svgBottomPadding:M+d.svgBottomPadding,I=e=>D+(f-e)/p*d.plotHeight,L=x(u,f,m),R=C(L,I),z=w(L,I),B=e.map((e,t)=>{let n=T+t*d.itemStep+d.itemStep/2;return{id:`category-${e.yAxis}-${t}`,label:e.yAxis,x:n}}),V=c.map((t,n)=>{let r=B.map((n,r)=>{let i=e[r],a=h(i,t),o=I(_(a,u,f));return{id:`${t}-${n.id}`,label:n.label,value:a,x:n.x,y:o}});return{id:`series-${t}`,key:t,colorIndex:n,points:r}}),H=B.map(e=>({id:`v-guide-${e.id}`,x:e.x})),U=P?S(c,k/2,N):[],W=Math.max(1,V.length),G=d.itemStep*d.barGroupScale,K=d.barGap;return{valueKeys:c,categoryTicks:B,seriesModels:V,guides:R,verticalGuides:H,yTicks:z,legendItems:U,svgHeight:F,svgWidth:k,barWidth:Math.max(2,Math.min(d.barWidthMax,(G-Math.max(0,W-1)*K)/W)),barGap:K,plotLeft:T,plotRight:E,plotTop:D,plotBottom:O,xAxisY:A,xAxisLabelY:j,axisNameY:M,legendY:N}}function E(e){return e.map(e=>`${e.x},${e.y}`).join(` `)}function D(...e){return e.filter(Boolean).join(` `)}var O=(0,e.forwardRef)(function({className:t=``,series:r,valueName:i,valueNames:a,palette:o,chartType:s=`line`,topSpace:c=8,yAxisMin:l,yAxisMax:u,yAxisInterval:m,xAxisName:h=``,showXAxisName:g=!0,showLegend:_=!0,minPointHeight:v=2,style:y,...b},x){let S=p(c),C=(0,e.useMemo)(()=>T(r,i,a,_,S,l,u,m),[S,r,_,i,a,m,u,l]),w=(0,e.useMemo)(()=>{if(!o||o.length===0)return;let e={};for(let t=0;t<Math.min(10,o.length);t+=1){let n=String(o[t]??``).trim();n&&(e[`--nabs-ui-charts-series-inline-${t+1}`]=n)}return Object.keys(e).length>0?e:void 0},[o]),O=w?{...w,...y}:y,k=D(`nabs-ui-charts`,f[s],t),A=g&&h.trim().length>0,j=C.valueKeys.length>0?C.valueKeys.join(`, `):String(i??`value`);return(0,n.jsx)(`div`,{ref:x,className:k,style:O,...b,children:(0,n.jsxs)(`svg`,{className:`nabs-ui-charts__svg`,viewBox:`0 0 ${C.svgWidth} ${C.svgHeight}`,role:`img`,"aria-label":`2D ${s} chart for ${j}`,preserveAspectRatio:`xMidYMid meet`,children:[(0,n.jsx)(`rect`,{className:`nabs-ui-charts__plotBoundary`,x:C.plotLeft,y:C.plotTop,width:C.plotRight-C.plotLeft,height:C.plotBottom-C.plotTop}),C.verticalGuides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:e.x,y1:C.plotTop,x2:e.x,y2:C.plotBottom},e.id)),C.guides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:C.plotLeft,y1:e.y,x2:C.plotRight,y2:e.y},e.id)),C.yTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__yTickLabel`,x:C.plotLeft-6,y:e.y,children:e.value},e.id)),(0,n.jsx)(`line`,{className:`nabs-ui-charts__axis`,x1:C.plotLeft,y1:C.xAxisY,x2:C.plotRight,y2:C.xAxisY}),s===`line`?C.seriesModels.map(e=>{let t=D(`nabs-ui-charts__line`,`nabs-ui-charts__series-color-${e.colorIndex}`),r=D(`nabs-ui-charts__point`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[e.points.length>1?(0,n.jsx)(`polyline`,{className:t,points:E(e.points)}):null,e.points.map(t=>(0,n.jsx)(`circle`,{className:r,cx:t.x,cy:t.y,r:1.5,children:(0,n.jsx)(`title`,{children:`${t.label} • ${e.key}: ${t.value}`})},t.id))]},e.id)}):C.categoryTicks.map((e,t)=>{let r=Math.max(1,C.seriesModels.length),i=r*C.barWidth+Math.max(0,r-1)*C.barGap,a=e.x-i/2;return(0,n.jsx)(`g`,{children:C.seriesModels.map((r,i)=>{let o=r.points[t];if(!o)return null;let s=Math.max(C.xAxisY-o.y,v),c=C.xAxisY-s,l=a+i*(C.barWidth+C.barGap);return(0,n.jsx)(`rect`,{className:D(`nabs-ui-charts__bar`,`nabs-ui-charts__series-color-${r.colorIndex}`),x:l,y:c,width:C.barWidth,height:s,rx:1.5,ry:1.5,children:(0,n.jsx)(`title`,{children:`${e.label} • ${r.key}: ${o.value}`})},`${r.id}-${o.id}`)})},`bars-${e.id}`)}),C.categoryTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__tickLabel`,x:e.x,y:C.xAxisLabelY,children:e.label},`${e.id}-label`)),A?(0,n.jsx)(`text`,{className:`nabs-ui-charts__axisName`,x:C.svgWidth/2,y:C.axisNameY,children:h}):null,C.legendItems.map(e=>{let t=D(`nabs-ui-charts__legendSample`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`line`,{className:t,x1:e.sampleX1,y1:C.legendY,x2:e.sampleX2,y2:C.legendY}),(0,n.jsx)(`circle`,{className:t,cx:e.markerX,cy:C.legendY,r:d.legendMarkerRadius}),(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:e.textX,y:C.legendY,children:e.label})]},e.id)})]})})});O.displayName=`2DChart`;var k={svgWidth:400,svgHeight:180,centerX:88,centerY:90,radius:56,donutInnerRadius:30,legendStartX:172,legendStartY:40,legendItemHeight:18,legendSwatchSize:7,legendTextGap:6};function A(e){let t=m(e);return t>0?t:0}function j(e,t){let n=e.map((e,n)=>{let r=String(e.yAxis??`Slice ${n+1}`).trim()||`Slice ${n+1}`,i=A(e[t]);return{id:`slice-${r}-${n}`,label:r,value:i,colorIndex:n%10}}),r=n.reduce((e,t)=>e+t.value,0);if(r<=0)return[];let i=-Math.PI/2;return n.map(e=>{let t=e.value/r,n=i;return i+=t*Math.PI*2,{...e,ratio:t,startAngle:n,endAngle:i}})}function M(e,t,n,r){return{x:e+n*Math.cos(r),y:t+n*Math.sin(r)}}function N(e,t,n){let r=e,i=t-n,a=e,o=t+n;return[`M ${e} ${t}`,`L ${r} ${i}`,`A ${n} ${n} 0 1 1 ${a} ${o}`,`A ${n} ${n} 0 1 1 ${r} ${i}`,`Z`].join(` `)}function P(e,t,n,r){let i=e,a=t-n,o=e,s=t+n,c=e,l=t-r,u=e,d=t+r;return[`M ${i} ${a}`,`A ${n} ${n} 0 1 1 ${o} ${s}`,`A ${n} ${n} 0 1 1 ${i} ${a}`,`L ${c} ${l}`,`A ${r} ${r} 0 1 0 ${u} ${d}`,`A ${r} ${r} 0 1 0 ${c} ${l}`,`Z`].join(` `)}function F(e,t,n,r,i,a){if(e.ratio>=.999999)return t===`donut`?P(n,r,i,a):N(n,r,i);let o=+(e.endAngle-e.startAngle>Math.PI),s=M(n,r,i,e.startAngle),c=M(n,r,i,e.endAngle);if(t===`pie`)return[`M ${n} ${r}`,`L ${s.x} ${s.y}`,`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,`Z`].join(` `);let l=M(n,r,a,e.startAngle),u=M(n,r,a,e.endAngle);return[`M ${s.x} ${s.y}`,`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,`L ${u.x} ${u.y}`,`A ${a} ${a} 0 ${o} 0 ${l.x} ${l.y}`,`Z`].join(` `)}var I=(0,e.forwardRef)(function({className:t=``,series:r,valueName:i,palette:a,chartType:o=`pie`,showLegend:s=!0,style:c,...l},u){let d=(0,e.useMemo)(()=>j(r,i),[r,i]),f=(0,e.useMemo)(()=>{if(!a||a.length===0)return;let e={};for(let t=0;t<Math.min(10,a.length);t+=1){let n=String(a[t]??``).trim();n&&(e[`--nabs-ui-charts-series-inline-${t+1}`]=n)}return Object.keys(e).length>0?e:void 0},[a]);return(0,n.jsx)(`div`,{ref:u,className:D(`nabs-ui-charts`,`nabs-ui-charts--pie`,`nabs-ui-charts--${o}`,t),style:f?{...f,...c}:c,...l,children:(0,n.jsxs)(`svg`,{className:`nabs-ui-charts__svg`,viewBox:`0 0 ${k.svgWidth} ${k.svgHeight}`,role:`img`,"aria-label":`${o} chart for ${i}`,preserveAspectRatio:`xMidYMid meet`,children:[d.length>0?d.map(e=>{let t=F(e,o,k.centerX,k.centerY,k.radius,k.donutInnerRadius);return(0,n.jsx)(`path`,{className:D(`nabs-ui-charts__pieSlice`,`nabs-ui-charts__series-color-${e.colorIndex}`),d:t,children:(0,n.jsx)(`title`,{children:`${e.label}: ${e.value}`})},e.id)}):null,s?d.map((e,t)=>{let r=k.legendStartY+t*k.legendItemHeight,i=D(`nabs-ui-charts__legendSwatch`,`nabs-ui-charts__series-color-${e.colorIndex}`),a=r-k.legendSwatchSize/2,o=k.legendStartX+k.legendSwatchSize+k.legendTextGap;return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`rect`,{className:i,x:k.legendStartX,y:a,width:k.legendSwatchSize,height:k.legendSwatchSize,rx:1,ry:1}),(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:o,y:r,children:`${e.label} (${Math.round(e.ratio*100)}%)`})]},`legend-${e.id}`)}):null,d.length===0?(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:k.centerX,y:k.centerY,textAnchor:`middle`,children:`No data`}):null]})})});I.displayName=`PieChart`,exports.Branding=i,exports.Breadcrumb=u,exports.PieChart=I,exports.Shell=r,exports.TwoDChart=O;var L=require("@net-advantage/nabs-ui-accordion");Object.keys(L).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return L[e]}})});var R=require("@net-advantage/nabs-ui-avatar");Object.keys(R).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return R[e]}})});var z=require("@net-advantage/nabs-ui-buttons");Object.keys(z).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return z[e]}})});var B=require("@net-advantage/nabs-ui-cards");Object.keys(B).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return B[e]}})});var V=require("@net-advantage/nabs-ui-checkbox");Object.keys(V).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return V[e]}})});var H=require("@net-advantage/nabs-ui-code");Object.keys(H).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return H[e]}})});var U=require("@net-advantage/nabs-ui-combobox");Object.keys(U).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return U[e]}})});var W=require("@net-advantage/nabs-ui-datepicker");Object.keys(W).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return W[e]}})});var G=require("@net-advantage/nabs-ui-dialog");Object.keys(G).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return G[e]}})});var K=require("@net-advantage/nabs-ui-dropdownlist");Object.keys(K).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return K[e]}})});var q=require("@net-advantage/nabs-ui-dropdownmenu");Object.keys(q).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return q[e]}})});var J=require("@net-advantage/nabs-ui-dynamicform");Object.keys(J).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return J[e]}})});var Y=require("@net-advantage/nabs-ui-fileupload");Object.keys(Y).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Y[e]}})});var X=require("@net-advantage/nabs-ui-graph");Object.keys(X).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return X[e]}})});var Z=require("@net-advantage/nabs-ui-grid");Object.keys(Z).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Z[e]}})}),Object.keys(t).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})});var Q=require("@net-advantage/nabs-ui-markdown");Object.keys(Q).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Q[e]}})});var $=require("@net-advantage/nabs-ui-navigation");Object.keys($).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return $[e]}})});var ee=require("@net-advantage/nabs-ui-panel");Object.keys(ee).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ee[e]}})});var te=require("@net-advantage/nabs-ui-radiobutton");Object.keys(te).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return te[e]}})});var ne=require("@net-advantage/nabs-ui-signature");Object.keys(ne).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ne[e]}})});var re=require("@net-advantage/nabs-ui-slider");Object.keys(re).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return re[e]}})});var ie=require("@net-advantage/nabs-ui-stepper");Object.keys(ie).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ie[e]}})});var ae=require("@net-advantage/nabs-ui-tab");Object.keys(ae).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ae[e]}})});var oe=require("@net-advantage/nabs-ui-textarea");Object.keys(oe).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return oe[e]}})});var se=require("@net-advantage/nabs-ui-textbox");Object.keys(se).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return se[e]}})});var ce=require("@net-advantage/nabs-ui-toolbar");Object.keys(ce).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ce[e]}})});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@net-advantage/nabs-ui-layout"),n=require("react/jsx-runtime");var r=(0,e.forwardRef)(({header:e,navigation:r,footer:i,children:a,className:o=``,headerClassName:s=``,navigationClassName:c=``,contentClassName:l=``,footerClassName:u=``,...d},f)=>{let p=[`nabs-ui-shell`,o].filter(Boolean).join(` `),m=[`nabs-ui-shell__header`,s].filter(Boolean).join(` `),h=[`nabs-ui-shell__navigation`,c].filter(Boolean).join(` `),g=[`nabs-ui-shell__content`,l].filter(Boolean).join(` `),_=[`nabs-ui-shell__footer`,u].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:f,className:p,...d,children:(0,n.jsx)(t.Layout,{className:`nabs-ui-shell__layout`,header:e,footer:i,leftSidePanel:r,headerClassName:m,footerClassName:_,leftSidePanelClassName:h,contentClassName:g,children:a})})});r.displayName=`Shell`;var i=(0,e.forwardRef)(function({logo:e,title:t,byline:r,className:i=``,...a},o){return(0,n.jsxs)(`div`,{ref:o,className:[`nabs-ui-branding`,i].filter(Boolean).join(` `),...a,children:[(0,n.jsx)(`div`,{className:`nabs-ui-branding__logo`,"aria-hidden":`true`,children:e}),(0,n.jsxs)(`div`,{className:`nabs-ui-branding__text`,children:[(0,n.jsx)(`strong`,{className:`nabs-ui-branding__title`,children:t}),(0,n.jsx)(`span`,{className:`nabs-ui-branding__byline`,children:r})]})]})});i.displayName=`Branding`;function a(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}function o(){return`Home`}function s(e){return{id:`__home__`,label:e?.label??o(),href:e?.href,path:e?.path,disabled:e?.disabled}}function c(e,t,n){return t?[s(n),...e]:e}function l(e){return[`nabs-ui-breadcrumb`,e??``].filter(Boolean).join(` `)}function u({isCurrent:e,disabled:t,itemClassName:n}){return[`nabs-ui-breadcrumb__item`,e?`nabs-ui-breadcrumb__item--current`:``,t?`nabs-ui-breadcrumb__item--disabled`:``,n??``].filter(Boolean).join(` `)}function d(e){let t=typeof e.path==`string`&&e.path.trim().length>0,n=typeof e.href==`string`&&e.href.trim().length>0;return t?e.path:n?e.href:void 0}function f(){return(0,n.jsxs)(`svg`,{className:`nabs-ui-breadcrumb__homeIcon`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,focusable:`false`,children:[(0,n.jsx)(`path`,{d:`M3 11.5L12 4L21 11.5`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,n.jsx)(`path`,{d:`M6.5 10V20H17.5V10`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}var p=(0,e.forwardRef)(function({items:e=[],showHome:t=!0,home:r,separator:i=`/`,lastItemClickable:o=!1,className:s=``,itemClassName:p=``,onItemSelect:m,...h},g){let _=c(e,t,r);return(0,n.jsx)(`nav`,{ref:g,className:l(s),"aria-label":`Breadcrumb`,...h,children:(0,n.jsx)(`ol`,{className:`nabs-ui-breadcrumb__list`,children:_.map((e,s)=>{let c=s===_.length-1,l=c&&!o,h=typeof e.path==`string`&&e.path.trim().length>0,g=d(e),v=u({isCurrent:l,disabled:e.disabled,itemClassName:p}),y=t=>{if(e.disabled||l){t.preventDefault();return}m?.({itemId:e.id,item:e,event:t}),!t.defaultPrevented&&(!h||typeof window>`u`||!a(t)||(t.preventDefault(),window.history.pushState({},``,e.path),window.dispatchEvent(new PopStateEvent(`popstate`,{state:window.history.state}))))},b=(0,n.jsxs)(n.Fragment,{children:[s===0&&t?r?.icon??(0,n.jsx)(f,{}):null,(0,n.jsx)(`span`,{className:`nabs-ui-breadcrumb__itemLabel`,children:e.label})]});return(0,n.jsxs)(`li`,{className:`nabs-ui-breadcrumb__entry`,children:[g&&!l?(0,n.jsx)(`a`,{className:v,href:g,onClick:y,children:b}):(0,n.jsx)(`button`,{type:`button`,className:v,disabled:e.disabled||l,"aria-current":l?`page`:void 0,onClick:y,children:b}),c?null:(0,n.jsx)(`span`,{className:`nabs-ui-breadcrumb__separator`,children:i})]},e.id)})})})});p.displayName=`Breadcrumb`;var m={leftPadding:44,rightPadding:18,plotTop:14,plotHeight:104,itemStep:56,barWidthMax:18,barGroupScale:.72,barGap:2,xLabelOffset:18,axisLabelOffset:40,legendOffset:20,legendItemGap:14,legendSampleWidth:12,legendTextGap:6,legendMarkerRadius:2,legendApproxCharWidth:5.8,svgBottomPadding:8},h={line:`nabs-ui-charts--line`,bar:`nabs-ui-charts--bar`};function g(e){return Number.isFinite(e)?Math.max(0,Math.floor(e??0)):8}function _(e){if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`){let t=Number(e);if(Number.isFinite(t))return t}return 0}function v(e,t){return _(e[t])}function y(e){return!Number.isFinite(e)||(e??0)<=0?5:Math.abs(e??5)}function b(e,t,n){return Math.min(n,Math.max(t,e))}function x(e){return Number(e.toFixed(6))}function S(e,t,n){let r=[];if(n?.length)for(let e of n){let t=String(e??``).trim();!t||r.includes(t)||r.push(t)}let i=String(t??``).trim();if(i&&!r.includes(i)&&r.push(i),r.length===0&&e.length>0){let t=e[0];for(let e of Object.keys(t)){if(e===`yAxis`)continue;let n=t[e],i=_(n);if(Number.isFinite(i)&&r.push(e),r.length>=10)break}}return r.slice(0,10)}function C(e,t,n,r){let i=e+t,a=Number.isFinite(n)?n:0,o=Number.isFinite(r)?r:i;return o<=a?{axisMin:a,axisMax:a+1}:{axisMin:a,axisMax:o}}function w(e,t,n){let r=[e],i=n/1e3,a=0;for(let o=e+n;o<=t+i&&!(a>5e3);o+=n){let e=x(o);if(e>=t)break;r.push(e),a+=1}return r[r.length-1]!==t&&r.push(t),r}function T(e,t,n){if(e.length<=1)return[];let r=e.map(e=>m.legendSampleWidth+m.legendTextGap+e.length*m.legendApproxCharWidth),i=t-(r.reduce((e,t)=>e+t,0)+Math.max(0,e.length-1)*m.legendItemGap)/2;return e.map((e,t)=>{let n=r[t]??0,a=i,o=a+m.legendSampleWidth,s=a+m.legendSampleWidth/2,c=o+m.legendTextGap;return i+=n+m.legendItemGap,{id:`legend-${e}`,label:e,colorIndex:t,sampleX1:a,sampleX2:o,markerX:s,textX:c}})}function E(e,t){let n=[];for(let r of e)r!==e[0]&&n.push({id:`guide-${r}`,value:r,y:t(r)});return n}function D(e,t){return e.map(e=>({id:`tick-${e}`,value:e,y:t(e)}))}function O(e,t,n,r,i,a,o,s){let c=S(e,t,n),l=c.flatMap(t=>e.map(e=>v(e,t))),{axisMin:u,axisMax:d}=C(Math.max(0,...l),i,a,o),f=Math.max(1,d-u),p=y(s),h=Math.max(1,e.length)*m.itemStep,g=m.leftPadding,_=g+h,x=m.plotTop,O=x+m.plotHeight,k=g+h+m.rightPadding,A=O,j=O+m.xLabelOffset,M=O+m.axisLabelOffset,N=M+m.legendOffset,P=r&&c.length>1,F=P?N+m.svgBottomPadding:M+m.svgBottomPadding,I=e=>x+(d-e)/f*m.plotHeight,L=w(u,d,p),R=E(L,I),z=D(L,I),B=e.map((e,t)=>{let n=g+t*m.itemStep+m.itemStep/2;return{id:`category-${e.yAxis}-${t}`,label:e.yAxis,x:n}}),V=c.map((t,n)=>{let r=B.map((n,r)=>{let i=e[r],a=v(i,t),o=I(b(a,u,d));return{id:`${t}-${n.id}`,label:n.label,value:a,x:n.x,y:o}});return{id:`series-${t}`,key:t,colorIndex:n,points:r}}),H=B.map(e=>({id:`v-guide-${e.id}`,x:e.x})),U=P?T(c,k/2,N):[],W=Math.max(1,V.length),G=m.itemStep*m.barGroupScale,K=m.barGap;return{valueKeys:c,categoryTicks:B,seriesModels:V,guides:R,verticalGuides:H,yTicks:z,legendItems:U,svgHeight:F,svgWidth:k,barWidth:Math.max(2,Math.min(m.barWidthMax,(G-Math.max(0,W-1)*K)/W)),barGap:K,plotLeft:g,plotRight:_,plotTop:x,plotBottom:O,xAxisY:A,xAxisLabelY:j,axisNameY:M,legendY:N}}function k(e){return e.map(e=>`${e.x},${e.y}`).join(` `)}function A(...e){return e.filter(Boolean).join(` `)}var j=(0,e.forwardRef)(function({className:t=``,series:r,valueName:i,valueNames:a,palette:o,chartType:s=`line`,topSpace:c=8,yAxisMin:l,yAxisMax:u,yAxisInterval:d,xAxisName:f=``,showXAxisName:p=!0,showLegend:_=!0,minPointHeight:v=2,style:y,...b},x){let S=g(c),C=(0,e.useMemo)(()=>O(r,i,a,_,S,l,u,d),[S,r,_,i,a,d,u,l]),w=(0,e.useMemo)(()=>{if(!o||o.length===0)return;let e={};for(let t=0;t<Math.min(10,o.length);t+=1){let n=String(o[t]??``).trim();n&&(e[`--nabs-ui-charts-series-inline-${t+1}`]=n)}return Object.keys(e).length>0?e:void 0},[o]),T=w?{...w,...y}:y,E=A(`nabs-ui-charts`,h[s],t),D=p&&f.trim().length>0,j=C.valueKeys.length>0?C.valueKeys.join(`, `):String(i??`value`);return(0,n.jsx)(`div`,{ref:x,className:E,style:T,...b,children:(0,n.jsxs)(`svg`,{className:`nabs-ui-charts__svg`,viewBox:`0 0 ${C.svgWidth} ${C.svgHeight}`,role:`img`,"aria-label":`2D ${s} chart for ${j}`,preserveAspectRatio:`xMidYMid meet`,children:[(0,n.jsx)(`rect`,{className:`nabs-ui-charts__plotBoundary`,x:C.plotLeft,y:C.plotTop,width:C.plotRight-C.plotLeft,height:C.plotBottom-C.plotTop}),C.verticalGuides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:e.x,y1:C.plotTop,x2:e.x,y2:C.plotBottom},e.id)),C.guides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:C.plotLeft,y1:e.y,x2:C.plotRight,y2:e.y},e.id)),C.yTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__yTickLabel`,x:C.plotLeft-6,y:e.y,children:e.value},e.id)),(0,n.jsx)(`line`,{className:`nabs-ui-charts__axis`,x1:C.plotLeft,y1:C.xAxisY,x2:C.plotRight,y2:C.xAxisY}),s===`line`?C.seriesModels.map(e=>{let t=A(`nabs-ui-charts__line`,`nabs-ui-charts__series-color-${e.colorIndex}`),r=A(`nabs-ui-charts__point`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[e.points.length>1?(0,n.jsx)(`polyline`,{className:t,points:k(e.points)}):null,e.points.map(t=>(0,n.jsx)(`circle`,{className:r,cx:t.x,cy:t.y,r:1.5,children:(0,n.jsx)(`title`,{children:`${t.label} • ${e.key}: ${t.value}`})},t.id))]},e.id)}):C.categoryTicks.map((e,t)=>{let r=Math.max(1,C.seriesModels.length),i=r*C.barWidth+Math.max(0,r-1)*C.barGap,a=e.x-i/2;return(0,n.jsx)(`g`,{children:C.seriesModels.map((r,i)=>{let o=r.points[t];if(!o)return null;let s=Math.max(C.xAxisY-o.y,v),c=C.xAxisY-s,l=a+i*(C.barWidth+C.barGap);return(0,n.jsx)(`rect`,{className:A(`nabs-ui-charts__bar`,`nabs-ui-charts__series-color-${r.colorIndex}`),x:l,y:c,width:C.barWidth,height:s,rx:1.5,ry:1.5,children:(0,n.jsx)(`title`,{children:`${e.label} • ${r.key}: ${o.value}`})},`${r.id}-${o.id}`)})},`bars-${e.id}`)}),C.categoryTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__tickLabel`,x:e.x,y:C.xAxisLabelY,children:e.label},`${e.id}-label`)),D?(0,n.jsx)(`text`,{className:`nabs-ui-charts__axisName`,x:C.svgWidth/2,y:C.axisNameY,children:f}):null,C.legendItems.map(e=>{let t=A(`nabs-ui-charts__legendSample`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`line`,{className:t,x1:e.sampleX1,y1:C.legendY,x2:e.sampleX2,y2:C.legendY}),(0,n.jsx)(`circle`,{className:t,cx:e.markerX,cy:C.legendY,r:m.legendMarkerRadius}),(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:e.textX,y:C.legendY,children:e.label})]},e.id)})]})})});j.displayName=`2DChart`;var M={svgWidth:400,svgHeight:180,centerX:88,centerY:90,radius:56,donutInnerRadius:30,legendStartX:172,legendStartY:40,legendItemHeight:18,legendSwatchSize:7,legendTextGap:6};function N(e){let t=_(e);return t>0?t:0}function P(e,t){let n=e.map((e,n)=>{let r=String(e.yAxis??`Slice ${n+1}`).trim()||`Slice ${n+1}`,i=N(e[t]);return{id:`slice-${r}-${n}`,label:r,value:i,colorIndex:n%10}}),r=n.reduce((e,t)=>e+t.value,0);if(r<=0)return[];let i=-Math.PI/2;return n.map(e=>{let t=e.value/r,n=i;return i+=t*Math.PI*2,{...e,ratio:t,startAngle:n,endAngle:i}})}function F(e,t,n,r){return{x:e+n*Math.cos(r),y:t+n*Math.sin(r)}}function I(e,t,n){let r=e,i=t-n,a=e,o=t+n;return[`M ${e} ${t}`,`L ${r} ${i}`,`A ${n} ${n} 0 1 1 ${a} ${o}`,`A ${n} ${n} 0 1 1 ${r} ${i}`,`Z`].join(` `)}function L(e,t,n,r){let i=e,a=t-n,o=e,s=t+n,c=e,l=t-r,u=e,d=t+r;return[`M ${i} ${a}`,`A ${n} ${n} 0 1 1 ${o} ${s}`,`A ${n} ${n} 0 1 1 ${i} ${a}`,`L ${c} ${l}`,`A ${r} ${r} 0 1 0 ${u} ${d}`,`A ${r} ${r} 0 1 0 ${c} ${l}`,`Z`].join(` `)}function R(e,t,n,r,i,a){if(e.ratio>=.999999)return t===`donut`?L(n,r,i,a):I(n,r,i);let o=+(e.endAngle-e.startAngle>Math.PI),s=F(n,r,i,e.startAngle),c=F(n,r,i,e.endAngle);if(t===`pie`)return[`M ${n} ${r}`,`L ${s.x} ${s.y}`,`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,`Z`].join(` `);let l=F(n,r,a,e.startAngle),u=F(n,r,a,e.endAngle);return[`M ${s.x} ${s.y}`,`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,`L ${u.x} ${u.y}`,`A ${a} ${a} 0 ${o} 0 ${l.x} ${l.y}`,`Z`].join(` `)}var z=(0,e.forwardRef)(function({className:t=``,series:r,valueName:i,palette:a,chartType:o=`pie`,showLegend:s=!0,style:c,...l},u){let d=(0,e.useMemo)(()=>P(r,i),[r,i]),f=(0,e.useMemo)(()=>{if(!a||a.length===0)return;let e={};for(let t=0;t<Math.min(10,a.length);t+=1){let n=String(a[t]??``).trim();n&&(e[`--nabs-ui-charts-series-inline-${t+1}`]=n)}return Object.keys(e).length>0?e:void 0},[a]);return(0,n.jsx)(`div`,{ref:u,className:A(`nabs-ui-charts`,`nabs-ui-charts--pie`,`nabs-ui-charts--${o}`,t),style:f?{...f,...c}:c,...l,children:(0,n.jsxs)(`svg`,{className:`nabs-ui-charts__svg`,viewBox:`0 0 ${M.svgWidth} ${M.svgHeight}`,role:`img`,"aria-label":`${o} chart for ${i}`,preserveAspectRatio:`xMidYMid meet`,children:[d.length>0?d.map(e=>{let t=R(e,o,M.centerX,M.centerY,M.radius,M.donutInnerRadius);return(0,n.jsx)(`path`,{className:A(`nabs-ui-charts__pieSlice`,`nabs-ui-charts__series-color-${e.colorIndex}`),d:t,children:(0,n.jsx)(`title`,{children:`${e.label}: ${e.value}`})},e.id)}):null,s?d.map((e,t)=>{let r=M.legendStartY+t*M.legendItemHeight,i=A(`nabs-ui-charts__legendSwatch`,`nabs-ui-charts__series-color-${e.colorIndex}`),a=r-M.legendSwatchSize/2,o=M.legendStartX+M.legendSwatchSize+M.legendTextGap;return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`rect`,{className:i,x:M.legendStartX,y:a,width:M.legendSwatchSize,height:M.legendSwatchSize,rx:1,ry:1}),(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:o,y:r,children:`${e.label} (${Math.round(e.ratio*100)}%)`})]},`legend-${e.id}`)}):null,d.length===0?(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:M.centerX,y:M.centerY,textAnchor:`middle`,children:`No data`}):null]})})});z.displayName=`PieChart`,exports.Branding=i,exports.Breadcrumb=p,exports.PieChart=z,exports.Shell=r,exports.TwoDChart=j;var B=require("@net-advantage/nabs-ui-accordion");Object.keys(B).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return B[e]}})});var V=require("@net-advantage/nabs-ui-avatar");Object.keys(V).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return V[e]}})});var H=require("@net-advantage/nabs-ui-buttons");Object.keys(H).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return H[e]}})});var U=require("@net-advantage/nabs-ui-cards");Object.keys(U).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return U[e]}})});var W=require("@net-advantage/nabs-ui-checkbox");Object.keys(W).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return W[e]}})});var G=require("@net-advantage/nabs-ui-code");Object.keys(G).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return G[e]}})});var K=require("@net-advantage/nabs-ui-combobox");Object.keys(K).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return K[e]}})});var q=require("@net-advantage/nabs-ui-datepicker");Object.keys(q).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return q[e]}})});var J=require("@net-advantage/nabs-ui-dialog");Object.keys(J).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return J[e]}})});var Y=require("@net-advantage/nabs-ui-dropdownlist");Object.keys(Y).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Y[e]}})});var X=require("@net-advantage/nabs-ui-dropdownmenu");Object.keys(X).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return X[e]}})});var Z=require("@net-advantage/nabs-ui-dynamicform");Object.keys(Z).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Z[e]}})});var Q=require("@net-advantage/nabs-ui-fileupload");Object.keys(Q).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Q[e]}})});var $=require("@net-advantage/nabs-ui-graph");Object.keys($).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return $[e]}})});var ee=require("@net-advantage/nabs-ui-grid");Object.keys(ee).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ee[e]}})}),Object.keys(t).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})});var te=require("@net-advantage/nabs-ui-markdown");Object.keys(te).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return te[e]}})});var ne=require("@net-advantage/nabs-ui-navigation");Object.keys(ne).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ne[e]}})});var re=require("@net-advantage/nabs-ui-panel");Object.keys(re).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return re[e]}})});var ie=require("@net-advantage/nabs-ui-radiobutton");Object.keys(ie).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ie[e]}})});var ae=require("@net-advantage/nabs-ui-signature");Object.keys(ae).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ae[e]}})});var oe=require("@net-advantage/nabs-ui-slider");Object.keys(oe).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return oe[e]}})});var se=require("@net-advantage/nabs-ui-stepper");Object.keys(se).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return se[e]}})});var ce=require("@net-advantage/nabs-ui-tab");Object.keys(ce).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ce[e]}})});var le=require("@net-advantage/nabs-ui-textarea");Object.keys(le).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return le[e]}})});var ue=require("@net-advantage/nabs-ui-textbox");Object.keys(ue).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ue[e]}})});var de=require("@net-advantage/nabs-ui-toolbar");Object.keys(de).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return de[e]}})});
|
package/dist/nabs-ui-shell.js
CHANGED
|
@@ -93,7 +93,22 @@ function u(e) {
|
|
|
93
93
|
function d(e, t, n) {
|
|
94
94
|
return t ? [u(n), ...e] : e;
|
|
95
95
|
}
|
|
96
|
-
function f() {
|
|
96
|
+
function f(e) {
|
|
97
|
+
return ["nabs-ui-breadcrumb", e ?? ""].filter(Boolean).join(" ");
|
|
98
|
+
}
|
|
99
|
+
function p({ isCurrent: e, disabled: t, itemClassName: n }) {
|
|
100
|
+
return [
|
|
101
|
+
"nabs-ui-breadcrumb__item",
|
|
102
|
+
e ? "nabs-ui-breadcrumb__item--current" : "",
|
|
103
|
+
t ? "nabs-ui-breadcrumb__item--disabled" : "",
|
|
104
|
+
n ?? ""
|
|
105
|
+
].filter(Boolean).join(" ");
|
|
106
|
+
}
|
|
107
|
+
function m(e) {
|
|
108
|
+
let t = typeof e.path == "string" && e.path.trim().length > 0, n = typeof e.href == "string" && e.href.trim().length > 0;
|
|
109
|
+
return t ? e.path : n ? e.href : void 0;
|
|
110
|
+
}
|
|
111
|
+
function h() {
|
|
97
112
|
return /* @__PURE__ */ a("svg", {
|
|
98
113
|
className: "nabs-ui-breadcrumb__homeIcon",
|
|
99
114
|
viewBox: "0 0 24 24",
|
|
@@ -115,49 +130,48 @@ function f() {
|
|
|
115
130
|
})]
|
|
116
131
|
});
|
|
117
132
|
}
|
|
118
|
-
var
|
|
119
|
-
let
|
|
133
|
+
var g = e(function({ items: e = [], showHome: t = !0, home: n, separator: o = "/", lastItemClickable: s = !1, className: l = "", itemClassName: u = "", onItemSelect: g, ..._ }, v) {
|
|
134
|
+
let y = d(e, t, n);
|
|
120
135
|
return /* @__PURE__ */ i("nav", {
|
|
121
|
-
ref:
|
|
122
|
-
className:
|
|
136
|
+
ref: v,
|
|
137
|
+
className: f(l),
|
|
123
138
|
"aria-label": "Breadcrumb",
|
|
124
|
-
...
|
|
139
|
+
..._,
|
|
125
140
|
children: /* @__PURE__ */ i("ol", {
|
|
126
141
|
className: "nabs-ui-breadcrumb__list",
|
|
127
|
-
children:
|
|
128
|
-
let d = l ===
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
if (e.disabled || m) {
|
|
142
|
+
children: y.map((e, l) => {
|
|
143
|
+
let d = l === y.length - 1, f = d && !s, _ = typeof e.path == "string" && e.path.trim().length > 0, v = m(e), b = p({
|
|
144
|
+
isCurrent: f,
|
|
145
|
+
disabled: e.disabled,
|
|
146
|
+
itemClassName: u
|
|
147
|
+
}), x = (t) => {
|
|
148
|
+
if (e.disabled || f) {
|
|
135
149
|
t.preventDefault();
|
|
136
150
|
return;
|
|
137
151
|
}
|
|
138
|
-
|
|
152
|
+
g?.({
|
|
139
153
|
itemId: e.id,
|
|
140
154
|
item: e,
|
|
141
155
|
event: t
|
|
142
|
-
}), !t.defaultPrevented && (!
|
|
143
|
-
},
|
|
156
|
+
}), !t.defaultPrevented && (!_ || typeof window > "u" || !c(t) || (t.preventDefault(), window.history.pushState({}, "", e.path), window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }))));
|
|
157
|
+
}, S = /* @__PURE__ */ a(r, { children: [l === 0 && t ? n?.icon ?? /* @__PURE__ */ i(h, {}) : null, /* @__PURE__ */ i("span", {
|
|
144
158
|
className: "nabs-ui-breadcrumb__itemLabel",
|
|
145
159
|
children: e.label
|
|
146
160
|
})] });
|
|
147
161
|
return /* @__PURE__ */ a("li", {
|
|
148
162
|
className: "nabs-ui-breadcrumb__entry",
|
|
149
|
-
children: [v && !
|
|
150
|
-
className:
|
|
163
|
+
children: [v && !f ? /* @__PURE__ */ i("a", {
|
|
164
|
+
className: b,
|
|
151
165
|
href: v,
|
|
152
|
-
onClick:
|
|
153
|
-
children:
|
|
166
|
+
onClick: x,
|
|
167
|
+
children: S
|
|
154
168
|
}) : /* @__PURE__ */ i("button", {
|
|
155
169
|
type: "button",
|
|
156
|
-
className:
|
|
157
|
-
disabled: e.disabled ||
|
|
158
|
-
"aria-current":
|
|
159
|
-
onClick:
|
|
160
|
-
children:
|
|
170
|
+
className: b,
|
|
171
|
+
disabled: e.disabled || f,
|
|
172
|
+
"aria-current": f ? "page" : void 0,
|
|
173
|
+
onClick: x,
|
|
174
|
+
children: S
|
|
161
175
|
}), d ? null : /* @__PURE__ */ i("span", {
|
|
162
176
|
className: "nabs-ui-breadcrumb__separator",
|
|
163
177
|
children: o
|
|
@@ -167,10 +181,10 @@ var p = e(function({ items: e = [], showHome: t = !0, home: n, separator: o = "/
|
|
|
167
181
|
})
|
|
168
182
|
});
|
|
169
183
|
});
|
|
170
|
-
|
|
184
|
+
g.displayName = "Breadcrumb";
|
|
171
185
|
//#endregion
|
|
172
186
|
//#region ../nabs-ui-charts/dist/nabs-ui-charts.js
|
|
173
|
-
var
|
|
187
|
+
var _ = {
|
|
174
188
|
leftPadding: 44,
|
|
175
189
|
rightPadding: 18,
|
|
176
190
|
plotTop: 14,
|
|
@@ -188,14 +202,14 @@ var m = {
|
|
|
188
202
|
legendMarkerRadius: 2,
|
|
189
203
|
legendApproxCharWidth: 5.8,
|
|
190
204
|
svgBottomPadding: 8
|
|
191
|
-
},
|
|
205
|
+
}, v = {
|
|
192
206
|
line: "nabs-ui-charts--line",
|
|
193
207
|
bar: "nabs-ui-charts--bar"
|
|
194
208
|
};
|
|
195
|
-
function
|
|
209
|
+
function y(e) {
|
|
196
210
|
return Number.isFinite(e) ? Math.max(0, Math.floor(e ?? 0)) : 8;
|
|
197
211
|
}
|
|
198
|
-
function
|
|
212
|
+
function b(e) {
|
|
199
213
|
if (typeof e == "number" && Number.isFinite(e)) return e;
|
|
200
214
|
if (typeof e == "string") {
|
|
201
215
|
let t = Number(e);
|
|
@@ -203,19 +217,19 @@ function _(e) {
|
|
|
203
217
|
}
|
|
204
218
|
return 0;
|
|
205
219
|
}
|
|
206
|
-
function
|
|
207
|
-
return
|
|
220
|
+
function x(e, t) {
|
|
221
|
+
return b(e[t]);
|
|
208
222
|
}
|
|
209
|
-
function
|
|
223
|
+
function S(e) {
|
|
210
224
|
return !Number.isFinite(e) || (e ?? 0) <= 0 ? 5 : Math.abs(e ?? 5);
|
|
211
225
|
}
|
|
212
|
-
function
|
|
226
|
+
function C(e, t, n) {
|
|
213
227
|
return Math.min(n, Math.max(t, e));
|
|
214
228
|
}
|
|
215
|
-
function
|
|
229
|
+
function w(e) {
|
|
216
230
|
return Number(e.toFixed(6));
|
|
217
231
|
}
|
|
218
|
-
function
|
|
232
|
+
function T(e, t, n) {
|
|
219
233
|
let r = [];
|
|
220
234
|
if (n?.length) for (let e of n) {
|
|
221
235
|
let t = String(e ?? "").trim();
|
|
@@ -226,13 +240,13 @@ function S(e, t, n) {
|
|
|
226
240
|
let t = e[0];
|
|
227
241
|
for (let e of Object.keys(t)) {
|
|
228
242
|
if (e === "yAxis") continue;
|
|
229
|
-
let n = t[e], i =
|
|
243
|
+
let n = t[e], i = b(n);
|
|
230
244
|
if (Number.isFinite(i) && r.push(e), r.length >= 10) break;
|
|
231
245
|
}
|
|
232
246
|
}
|
|
233
247
|
return r.slice(0, 10);
|
|
234
248
|
}
|
|
235
|
-
function
|
|
249
|
+
function E(e, t, n, r) {
|
|
236
250
|
let i = e + t, a = Number.isFinite(n) ? n : 0, o = Number.isFinite(r) ? r : i;
|
|
237
251
|
return o <= a ? {
|
|
238
252
|
axisMin: a,
|
|
@@ -242,21 +256,21 @@ function C(e, t, n, r) {
|
|
|
242
256
|
axisMax: o
|
|
243
257
|
};
|
|
244
258
|
}
|
|
245
|
-
function
|
|
259
|
+
function D(e, t, n) {
|
|
246
260
|
let r = [e], i = n / 1e3, a = 0;
|
|
247
261
|
for (let o = e + n; o <= t + i && !(a > 5e3); o += n) {
|
|
248
|
-
let e =
|
|
262
|
+
let e = w(o);
|
|
249
263
|
if (e >= t) break;
|
|
250
264
|
r.push(e), a += 1;
|
|
251
265
|
}
|
|
252
266
|
return r[r.length - 1] !== t && r.push(t), r;
|
|
253
267
|
}
|
|
254
|
-
function
|
|
268
|
+
function O(e, t, n) {
|
|
255
269
|
if (e.length <= 1) return [];
|
|
256
|
-
let r = e.map((e) =>
|
|
270
|
+
let r = e.map((e) => _.legendSampleWidth + _.legendTextGap + e.length * _.legendApproxCharWidth), i = t - (r.reduce((e, t) => e + t, 0) + Math.max(0, e.length - 1) * _.legendItemGap) / 2;
|
|
257
271
|
return e.map((e, t) => {
|
|
258
|
-
let n = r[t] ?? 0, a = i, o = a +
|
|
259
|
-
return i += n +
|
|
272
|
+
let n = r[t] ?? 0, a = i, o = a + _.legendSampleWidth, s = a + _.legendSampleWidth / 2, c = o + _.legendTextGap;
|
|
273
|
+
return i += n + _.legendItemGap, {
|
|
260
274
|
id: `legend-${e}`,
|
|
261
275
|
label: e,
|
|
262
276
|
colorIndex: t,
|
|
@@ -267,7 +281,7 @@ function T(e, t, n) {
|
|
|
267
281
|
};
|
|
268
282
|
});
|
|
269
283
|
}
|
|
270
|
-
function
|
|
284
|
+
function k(e, t) {
|
|
271
285
|
let n = [];
|
|
272
286
|
for (let r of e) r !== e[0] && n.push({
|
|
273
287
|
id: `guide-${r}`,
|
|
@@ -276,16 +290,16 @@ function E(e, t) {
|
|
|
276
290
|
});
|
|
277
291
|
return n;
|
|
278
292
|
}
|
|
279
|
-
function
|
|
293
|
+
function A(e, t) {
|
|
280
294
|
return e.map((e) => ({
|
|
281
295
|
id: `tick-${e}`,
|
|
282
296
|
value: e,
|
|
283
297
|
y: t(e)
|
|
284
298
|
}));
|
|
285
299
|
}
|
|
286
|
-
function
|
|
287
|
-
let c =
|
|
288
|
-
let n =
|
|
300
|
+
function j(e, t, n, r, i, a, o, s) {
|
|
301
|
+
let c = T(e, t, n), l = c.flatMap((t) => e.map((e) => x(e, t))), { axisMin: u, axisMax: d } = E(Math.max(0, ...l), i, a, o), f = Math.max(1, d - u), p = S(s), m = Math.max(1, e.length) * _.itemStep, h = _.leftPadding, g = h + m, v = _.plotTop, y = v + _.plotHeight, b = h + m + _.rightPadding, w = y, j = y + _.xLabelOffset, M = y + _.axisLabelOffset, N = M + _.legendOffset, P = r && c.length > 1, F = P ? N + _.svgBottomPadding : M + _.svgBottomPadding, I = (e) => v + (d - e) / f * _.plotHeight, L = D(u, d, p), R = k(L, I), z = A(L, I), B = e.map((e, t) => {
|
|
302
|
+
let n = h + t * _.itemStep + _.itemStep / 2;
|
|
289
303
|
return {
|
|
290
304
|
id: `category-${e.yAxis}-${t}`,
|
|
291
305
|
label: e.yAxis,
|
|
@@ -293,7 +307,7 @@ function O(e, t, n, r, i, a, o, s) {
|
|
|
293
307
|
};
|
|
294
308
|
}), V = c.map((t, n) => {
|
|
295
309
|
let r = B.map((n, r) => {
|
|
296
|
-
let i = e[r], a =
|
|
310
|
+
let i = e[r], a = x(i, t), o = I(C(a, u, d));
|
|
297
311
|
return {
|
|
298
312
|
id: `${t}-${n.id}`,
|
|
299
313
|
label: n.label,
|
|
@@ -311,7 +325,7 @@ function O(e, t, n, r, i, a, o, s) {
|
|
|
311
325
|
}), H = B.map((e) => ({
|
|
312
326
|
id: `v-guide-${e.id}`,
|
|
313
327
|
x: e.x
|
|
314
|
-
})), U = P ?
|
|
328
|
+
})), U = P ? O(c, b / 2, N) : [], W = Math.max(1, V.length), G = _.itemStep * _.barGroupScale, K = _.barGap;
|
|
315
329
|
return {
|
|
316
330
|
valueKeys: c,
|
|
317
331
|
categoryTicks: B,
|
|
@@ -321,30 +335,30 @@ function O(e, t, n, r, i, a, o, s) {
|
|
|
321
335
|
yTicks: z,
|
|
322
336
|
legendItems: U,
|
|
323
337
|
svgHeight: F,
|
|
324
|
-
svgWidth:
|
|
325
|
-
barWidth: Math.max(2, Math.min(
|
|
338
|
+
svgWidth: b,
|
|
339
|
+
barWidth: Math.max(2, Math.min(_.barWidthMax, (G - Math.max(0, W - 1) * K) / W)),
|
|
326
340
|
barGap: K,
|
|
327
|
-
plotLeft:
|
|
328
|
-
plotRight:
|
|
329
|
-
plotTop:
|
|
330
|
-
plotBottom:
|
|
331
|
-
xAxisY:
|
|
341
|
+
plotLeft: h,
|
|
342
|
+
plotRight: g,
|
|
343
|
+
plotTop: v,
|
|
344
|
+
plotBottom: y,
|
|
345
|
+
xAxisY: w,
|
|
332
346
|
xAxisLabelY: j,
|
|
333
347
|
axisNameY: M,
|
|
334
348
|
legendY: N
|
|
335
349
|
};
|
|
336
350
|
}
|
|
337
|
-
function
|
|
351
|
+
function M(e) {
|
|
338
352
|
return e.map((e) => `${e.x},${e.y}`).join(" ");
|
|
339
353
|
}
|
|
340
|
-
function
|
|
354
|
+
function N(...e) {
|
|
341
355
|
return e.filter(Boolean).join(" ");
|
|
342
356
|
}
|
|
343
|
-
var
|
|
344
|
-
let C =
|
|
357
|
+
var P = e(function({ className: e = "", series: n, valueName: r, valueNames: o, palette: s, chartType: c = "line", topSpace: l = 8, yAxisMin: u, yAxisMax: d, yAxisInterval: f, xAxisName: p = "", showXAxisName: m = !0, showLegend: h = !0, minPointHeight: g = 2, style: b, ...x }, S) {
|
|
358
|
+
let C = y(l), w = t(() => j(n, r, o, h, C, u, d, f), [
|
|
345
359
|
C,
|
|
346
360
|
n,
|
|
347
|
-
|
|
361
|
+
h,
|
|
348
362
|
r,
|
|
349
363
|
o,
|
|
350
364
|
f,
|
|
@@ -361,7 +375,7 @@ var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
|
|
|
361
375
|
}, [s]), E = T ? {
|
|
362
376
|
...T,
|
|
363
377
|
...b
|
|
364
|
-
} : b, D =
|
|
378
|
+
} : b, D = N("nabs-ui-charts", v[c], e), O = m && p.trim().length > 0, k = w.valueKeys.length > 0 ? w.valueKeys.join(", ") : String(r ?? "value");
|
|
365
379
|
return /* @__PURE__ */ i("div", {
|
|
366
380
|
ref: S,
|
|
367
381
|
className: D,
|
|
@@ -371,7 +385,7 @@ var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
|
|
|
371
385
|
className: "nabs-ui-charts__svg",
|
|
372
386
|
viewBox: `0 0 ${w.svgWidth} ${w.svgHeight}`,
|
|
373
387
|
role: "img",
|
|
374
|
-
"aria-label": `2D ${c} chart for ${
|
|
388
|
+
"aria-label": `2D ${c} chart for ${k}`,
|
|
375
389
|
preserveAspectRatio: "xMidYMid meet",
|
|
376
390
|
children: [
|
|
377
391
|
/* @__PURE__ */ i("rect", {
|
|
@@ -409,10 +423,10 @@ var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
|
|
|
409
423
|
y2: w.xAxisY
|
|
410
424
|
}),
|
|
411
425
|
c === "line" ? w.seriesModels.map((e) => {
|
|
412
|
-
let t =
|
|
426
|
+
let t = N("nabs-ui-charts__line", `nabs-ui-charts__series-color-${e.colorIndex}`), n = N("nabs-ui-charts__point", `nabs-ui-charts__series-color-${e.colorIndex}`);
|
|
413
427
|
return /* @__PURE__ */ a("g", { children: [e.points.length > 1 ? /* @__PURE__ */ i("polyline", {
|
|
414
428
|
className: t,
|
|
415
|
-
points:
|
|
429
|
+
points: M(e.points)
|
|
416
430
|
}) : null, e.points.map((t) => /* @__PURE__ */ i("circle", {
|
|
417
431
|
className: n,
|
|
418
432
|
cx: t.x,
|
|
@@ -425,9 +439,9 @@ var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
|
|
|
425
439
|
return /* @__PURE__ */ i("g", { children: w.seriesModels.map((n, r) => {
|
|
426
440
|
let o = n.points[t];
|
|
427
441
|
if (!o) return null;
|
|
428
|
-
let s = Math.max(w.xAxisY - o.y,
|
|
442
|
+
let s = Math.max(w.xAxisY - o.y, g), c = w.xAxisY - s, l = a + r * (w.barWidth + w.barGap);
|
|
429
443
|
return /* @__PURE__ */ i("rect", {
|
|
430
|
-
className:
|
|
444
|
+
className: N("nabs-ui-charts__bar", `nabs-ui-charts__series-color-${n.colorIndex}`),
|
|
431
445
|
x: l,
|
|
432
446
|
y: c,
|
|
433
447
|
width: w.barWidth,
|
|
@@ -444,14 +458,14 @@ var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
|
|
|
444
458
|
y: w.xAxisLabelY,
|
|
445
459
|
children: e.label
|
|
446
460
|
}, `${e.id}-label`)),
|
|
447
|
-
|
|
461
|
+
O ? /* @__PURE__ */ i("text", {
|
|
448
462
|
className: "nabs-ui-charts__axisName",
|
|
449
463
|
x: w.svgWidth / 2,
|
|
450
464
|
y: w.axisNameY,
|
|
451
465
|
children: p
|
|
452
466
|
}) : null,
|
|
453
467
|
w.legendItems.map((e) => {
|
|
454
|
-
let t =
|
|
468
|
+
let t = N("nabs-ui-charts__legendSample", `nabs-ui-charts__series-color-${e.colorIndex}`);
|
|
455
469
|
return /* @__PURE__ */ a("g", { children: [
|
|
456
470
|
/* @__PURE__ */ i("line", {
|
|
457
471
|
className: t,
|
|
@@ -464,7 +478,7 @@ var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
|
|
|
464
478
|
className: t,
|
|
465
479
|
cx: e.markerX,
|
|
466
480
|
cy: w.legendY,
|
|
467
|
-
r:
|
|
481
|
+
r: _.legendMarkerRadius
|
|
468
482
|
}),
|
|
469
483
|
/* @__PURE__ */ i("text", {
|
|
470
484
|
className: "nabs-ui-charts__legendLabel",
|
|
@@ -478,8 +492,8 @@ var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
|
|
|
478
492
|
})
|
|
479
493
|
});
|
|
480
494
|
});
|
|
481
|
-
|
|
482
|
-
var
|
|
495
|
+
P.displayName = "2DChart";
|
|
496
|
+
var F = {
|
|
483
497
|
svgWidth: 400,
|
|
484
498
|
svgHeight: 180,
|
|
485
499
|
centerX: 88,
|
|
@@ -492,13 +506,13 @@ var M = {
|
|
|
492
506
|
legendSwatchSize: 7,
|
|
493
507
|
legendTextGap: 6
|
|
494
508
|
};
|
|
495
|
-
function
|
|
496
|
-
let t =
|
|
509
|
+
function I(e) {
|
|
510
|
+
let t = b(e);
|
|
497
511
|
return t > 0 ? t : 0;
|
|
498
512
|
}
|
|
499
|
-
function
|
|
513
|
+
function L(e, t) {
|
|
500
514
|
let n = e.map((e, n) => {
|
|
501
|
-
let r = String(e.yAxis ?? `Slice ${n + 1}`).trim() || `Slice ${n + 1}`, i =
|
|
515
|
+
let r = String(e.yAxis ?? `Slice ${n + 1}`).trim() || `Slice ${n + 1}`, i = I(e[t]);
|
|
502
516
|
return {
|
|
503
517
|
id: `slice-${r}-${n}`,
|
|
504
518
|
label: r,
|
|
@@ -518,13 +532,13 @@ function P(e, t) {
|
|
|
518
532
|
};
|
|
519
533
|
});
|
|
520
534
|
}
|
|
521
|
-
function
|
|
535
|
+
function R(e, t, n, r) {
|
|
522
536
|
return {
|
|
523
537
|
x: e + n * Math.cos(r),
|
|
524
538
|
y: t + n * Math.sin(r)
|
|
525
539
|
};
|
|
526
540
|
}
|
|
527
|
-
function
|
|
541
|
+
function z(e, t, n) {
|
|
528
542
|
let r = e, i = t - n, a = e, o = t + n;
|
|
529
543
|
return [
|
|
530
544
|
`M ${e} ${t}`,
|
|
@@ -534,7 +548,7 @@ function I(e, t, n) {
|
|
|
534
548
|
"Z"
|
|
535
549
|
].join(" ");
|
|
536
550
|
}
|
|
537
|
-
function
|
|
551
|
+
function B(e, t, n, r) {
|
|
538
552
|
let i = e, a = t - n, o = e, s = t + n, c = e, l = t - r, u = e, d = t + r;
|
|
539
553
|
return [
|
|
540
554
|
`M ${i} ${a}`,
|
|
@@ -546,16 +560,16 @@ function L(e, t, n, r) {
|
|
|
546
560
|
"Z"
|
|
547
561
|
].join(" ");
|
|
548
562
|
}
|
|
549
|
-
function
|
|
550
|
-
if (e.ratio >= .999999) return t === "donut" ?
|
|
551
|
-
let o = +(e.endAngle - e.startAngle > Math.PI), s =
|
|
563
|
+
function V(e, t, n, r, i, a) {
|
|
564
|
+
if (e.ratio >= .999999) return t === "donut" ? B(n, r, i, a) : z(n, r, i);
|
|
565
|
+
let o = +(e.endAngle - e.startAngle > Math.PI), s = R(n, r, i, e.startAngle), c = R(n, r, i, e.endAngle);
|
|
552
566
|
if (t === "pie") return [
|
|
553
567
|
`M ${n} ${r}`,
|
|
554
568
|
`L ${s.x} ${s.y}`,
|
|
555
569
|
`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,
|
|
556
570
|
"Z"
|
|
557
571
|
].join(" ");
|
|
558
|
-
let l =
|
|
572
|
+
let l = R(n, r, a, e.startAngle), u = R(n, r, a, e.endAngle);
|
|
559
573
|
return [
|
|
560
574
|
`M ${s.x} ${s.y}`,
|
|
561
575
|
`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,
|
|
@@ -564,8 +578,8 @@ function R(e, t, n, r, i, a) {
|
|
|
564
578
|
"Z"
|
|
565
579
|
].join(" ");
|
|
566
580
|
}
|
|
567
|
-
var
|
|
568
|
-
let f = t(() =>
|
|
581
|
+
var H = e(function({ className: e = "", series: n, valueName: r, palette: o, chartType: s = "pie", showLegend: c = !0, style: l, ...u }, d) {
|
|
582
|
+
let f = t(() => L(n, r), [n, r]), p = t(() => {
|
|
569
583
|
if (!o || o.length === 0) return;
|
|
570
584
|
let e = {};
|
|
571
585
|
for (let t = 0; t < Math.min(10, o.length); t += 1) {
|
|
@@ -576,7 +590,7 @@ var z = e(function({ className: e = "", series: n, valueName: r, palette: o, cha
|
|
|
576
590
|
}, [o]);
|
|
577
591
|
return /* @__PURE__ */ i("div", {
|
|
578
592
|
ref: d,
|
|
579
|
-
className:
|
|
593
|
+
className: N("nabs-ui-charts", "nabs-ui-charts--pie", `nabs-ui-charts--${s}`, e),
|
|
580
594
|
style: p ? {
|
|
581
595
|
...p,
|
|
582
596
|
...l
|
|
@@ -584,27 +598,27 @@ var z = e(function({ className: e = "", series: n, valueName: r, palette: o, cha
|
|
|
584
598
|
...u,
|
|
585
599
|
children: /* @__PURE__ */ a("svg", {
|
|
586
600
|
className: "nabs-ui-charts__svg",
|
|
587
|
-
viewBox: `0 0 ${
|
|
601
|
+
viewBox: `0 0 ${F.svgWidth} ${F.svgHeight}`,
|
|
588
602
|
role: "img",
|
|
589
603
|
"aria-label": `${s} chart for ${r}`,
|
|
590
604
|
preserveAspectRatio: "xMidYMid meet",
|
|
591
605
|
children: [
|
|
592
606
|
f.length > 0 ? f.map((e) => {
|
|
593
|
-
let t =
|
|
607
|
+
let t = V(e, s, F.centerX, F.centerY, F.radius, F.donutInnerRadius);
|
|
594
608
|
return /* @__PURE__ */ i("path", {
|
|
595
|
-
className:
|
|
609
|
+
className: N("nabs-ui-charts__pieSlice", `nabs-ui-charts__series-color-${e.colorIndex}`),
|
|
596
610
|
d: t,
|
|
597
611
|
children: /* @__PURE__ */ i("title", { children: `${e.label}: ${e.value}` })
|
|
598
612
|
}, e.id);
|
|
599
613
|
}) : null,
|
|
600
614
|
c ? f.map((e, t) => {
|
|
601
|
-
let n =
|
|
615
|
+
let n = F.legendStartY + t * F.legendItemHeight, r = N("nabs-ui-charts__legendSwatch", `nabs-ui-charts__series-color-${e.colorIndex}`), o = n - F.legendSwatchSize / 2, s = F.legendStartX + F.legendSwatchSize + F.legendTextGap;
|
|
602
616
|
return /* @__PURE__ */ a("g", { children: [/* @__PURE__ */ i("rect", {
|
|
603
617
|
className: r,
|
|
604
|
-
x:
|
|
618
|
+
x: F.legendStartX,
|
|
605
619
|
y: o,
|
|
606
|
-
width:
|
|
607
|
-
height:
|
|
620
|
+
width: F.legendSwatchSize,
|
|
621
|
+
height: F.legendSwatchSize,
|
|
608
622
|
rx: 1,
|
|
609
623
|
ry: 1
|
|
610
624
|
}), /* @__PURE__ */ i("text", {
|
|
@@ -616,8 +630,8 @@ var z = e(function({ className: e = "", series: n, valueName: r, palette: o, cha
|
|
|
616
630
|
}) : null,
|
|
617
631
|
f.length === 0 ? /* @__PURE__ */ i("text", {
|
|
618
632
|
className: "nabs-ui-charts__legendLabel",
|
|
619
|
-
x:
|
|
620
|
-
y:
|
|
633
|
+
x: F.centerX,
|
|
634
|
+
y: F.centerY,
|
|
621
635
|
textAnchor: "middle",
|
|
622
636
|
children: "No data"
|
|
623
637
|
}) : null
|
|
@@ -625,6 +639,6 @@ var z = e(function({ className: e = "", series: n, valueName: r, palette: o, cha
|
|
|
625
639
|
})
|
|
626
640
|
});
|
|
627
641
|
});
|
|
628
|
-
|
|
642
|
+
H.displayName = "PieChart";
|
|
629
643
|
//#endregion
|
|
630
|
-
export { s as Branding,
|
|
644
|
+
export { s as Branding, g as Breadcrumb, H as PieChart, o as Shell, P as TwoDChart };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@net-advantage/nabs-ui-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.71.0",
|
|
4
4
|
"description": "Reusable React app shell for the Nabs UI library.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/nabs-ui-shell.cjs",
|
|
@@ -27,38 +27,38 @@
|
|
|
27
27
|
],
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"react": "^19.0.0",
|
|
30
|
-
"@net-advantage/nabs-ui-accordion": "0.
|
|
31
|
-
"@net-advantage/nabs-ui-avatar": "0.
|
|
32
|
-
"@net-advantage/nabs-ui-breadcrumb": "0.
|
|
33
|
-
"@net-advantage/nabs-ui-buttons": "0.
|
|
34
|
-
"@net-advantage/nabs-ui-cards": "0.
|
|
35
|
-
"@net-advantage/nabs-ui-charts": "0.
|
|
36
|
-
"@net-advantage/nabs-ui-checkbox": "0.
|
|
37
|
-
"@net-advantage/nabs-ui-code": "0.
|
|
38
|
-
"@net-advantage/nabs-ui-combobox": "0.
|
|
39
|
-
"@net-advantage/nabs-ui-datepicker": "0.
|
|
40
|
-
"@net-advantage/nabs-ui-dialog": "0.
|
|
41
|
-
"@net-advantage/nabs-ui-dropdownlist": "0.
|
|
42
|
-
"@net-advantage/nabs-ui-dropdownmenu": "0.
|
|
43
|
-
"@net-advantage/nabs-ui-dynamicform": "0.
|
|
44
|
-
"@net-advantage/nabs-ui-fileupload": "0.
|
|
45
|
-
"@net-advantage/nabs-ui-graph": "0.
|
|
46
|
-
"@net-advantage/nabs-ui-grid": "0.
|
|
47
|
-
"@net-advantage/nabs-ui-layout": "0.
|
|
48
|
-
"@net-advantage/nabs-ui-markdown": "0.
|
|
49
|
-
"@net-advantage/nabs-ui-navigation": "0.
|
|
50
|
-
"@net-advantage/nabs-ui-panel": "0.
|
|
51
|
-
"@net-advantage/nabs-ui-radiobutton": "0.
|
|
52
|
-
"@net-advantage/nabs-ui-signature": "0.
|
|
53
|
-
"@net-advantage/nabs-ui-slider": "0.
|
|
54
|
-
"@net-advantage/nabs-ui-stepper": "0.
|
|
55
|
-
"@net-advantage/nabs-ui-tab": "0.
|
|
56
|
-
"@net-advantage/nabs-ui-textarea": "0.
|
|
57
|
-
"@net-advantage/nabs-ui-textbox": "0.
|
|
58
|
-
"@net-advantage/nabs-ui-themes": "0.
|
|
59
|
-
"@net-advantage/nabs-ui-themes-dark": "0.
|
|
60
|
-
"@net-advantage/nabs-ui-themes-light": "0.
|
|
61
|
-
"@net-advantage/nabs-ui-toolbar": "0.
|
|
30
|
+
"@net-advantage/nabs-ui-accordion": "0.71.0",
|
|
31
|
+
"@net-advantage/nabs-ui-avatar": "0.71.0",
|
|
32
|
+
"@net-advantage/nabs-ui-breadcrumb": "0.71.0",
|
|
33
|
+
"@net-advantage/nabs-ui-buttons": "0.71.0",
|
|
34
|
+
"@net-advantage/nabs-ui-cards": "0.71.0",
|
|
35
|
+
"@net-advantage/nabs-ui-charts": "0.71.0",
|
|
36
|
+
"@net-advantage/nabs-ui-checkbox": "0.71.0",
|
|
37
|
+
"@net-advantage/nabs-ui-code": "0.71.0",
|
|
38
|
+
"@net-advantage/nabs-ui-combobox": "0.71.0",
|
|
39
|
+
"@net-advantage/nabs-ui-datepicker": "0.71.0",
|
|
40
|
+
"@net-advantage/nabs-ui-dialog": "0.71.0",
|
|
41
|
+
"@net-advantage/nabs-ui-dropdownlist": "0.71.0",
|
|
42
|
+
"@net-advantage/nabs-ui-dropdownmenu": "0.71.0",
|
|
43
|
+
"@net-advantage/nabs-ui-dynamicform": "0.71.0",
|
|
44
|
+
"@net-advantage/nabs-ui-fileupload": "0.71.0",
|
|
45
|
+
"@net-advantage/nabs-ui-graph": "0.71.0",
|
|
46
|
+
"@net-advantage/nabs-ui-grid": "0.71.0",
|
|
47
|
+
"@net-advantage/nabs-ui-layout": "0.71.0",
|
|
48
|
+
"@net-advantage/nabs-ui-markdown": "0.71.0",
|
|
49
|
+
"@net-advantage/nabs-ui-navigation": "0.71.0",
|
|
50
|
+
"@net-advantage/nabs-ui-panel": "0.71.0",
|
|
51
|
+
"@net-advantage/nabs-ui-radiobutton": "0.71.0",
|
|
52
|
+
"@net-advantage/nabs-ui-signature": "0.71.0",
|
|
53
|
+
"@net-advantage/nabs-ui-slider": "0.71.0",
|
|
54
|
+
"@net-advantage/nabs-ui-stepper": "0.71.0",
|
|
55
|
+
"@net-advantage/nabs-ui-tab": "0.71.0",
|
|
56
|
+
"@net-advantage/nabs-ui-textarea": "0.71.0",
|
|
57
|
+
"@net-advantage/nabs-ui-textbox": "0.71.0",
|
|
58
|
+
"@net-advantage/nabs-ui-themes": "0.71.0",
|
|
59
|
+
"@net-advantage/nabs-ui-themes-dark": "0.71.0",
|
|
60
|
+
"@net-advantage/nabs-ui-themes-light": "0.71.0",
|
|
61
|
+
"@net-advantage/nabs-ui-toolbar": "0.71.0"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
64
|
"@types/react": "^19.0.0",
|