@nubisco/ui 5.32.0 → 5.33.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/{AiLabel-oCXAwOV7.cjs → AiLabel-BK3oecvT.cjs} +1 -1
- package/dist/{AiLabel--bFL3RGP.js → AiLabel-CPINOrQd.js} +1 -1
- package/dist/{AiProvider-Hcn5HI7d.cjs → AiProvider-CXkNWwzy.cjs} +1 -1
- package/dist/{AiProvider-e52qwD9B.js → AiProvider-TIZP0M_z.js} +3 -3
- package/dist/{Briefing-B3DkTnx2.js → Briefing-BhnZ6WVQ.js} +2 -2
- package/dist/{Briefing-j9BVOjgG.cjs → Briefing-CZ2bGU7N.cjs} +1 -1
- package/dist/Card-BL1xYcGm.cjs +1 -0
- package/dist/Card-CZ520vKr.js +107 -0
- package/dist/{ColorStrip-BU-ulOHD.js → ColorStrip-Cvg8SDbi.js} +1 -1
- package/dist/{ColorStrip-BYyRIRcm.cjs → ColorStrip-D9Y0q4F3.cjs} +1 -1
- package/dist/{Confirm-D4efGS9N.js → Confirm-PX-ztREx.js} +2 -2
- package/dist/{Confirm-dbr67RaT.cjs → Confirm-f5dXOogg.cjs} +1 -1
- package/dist/{DataTable-Crff50H9.js → DataTable-pqZtxJyw.js} +1 -1
- package/dist/{DataTable-CEn_t_gK.cjs → DataTable-pukt9JVj.cjs} +1 -1
- package/dist/{DatePicker-BE8UNh5e.cjs → DatePicker-BtQGKawo.cjs} +1 -1
- package/dist/{DatePicker-DdC1K_r4.js → DatePicker-D-V0rt-j.js} +1 -1
- package/dist/{Form-CCIMliw5.cjs → Form-CTlKzud3.cjs} +1 -1
- package/dist/{Form-C6D7J3uE.js → Form-CU8I3tRi.js} +1 -1
- package/dist/{Grid-Hbvbu16k.js → Grid-CJFQvcko.js} +1 -1
- package/dist/{Grid-CDrItyQ7.cjs → Grid-CXE0B85G.cjs} +1 -1
- package/dist/{ImageCropper-BdB5u2KL.js → ImageCropper-DJdFeFEa.js} +1 -1
- package/dist/{ImageCropper-ujxFwNFt.cjs → ImageCropper-DsPY_FK-.cjs} +1 -1
- package/dist/Layer-BPC6XSrP.cjs +1 -0
- package/dist/Layer-BgL2sFav.js +26 -0
- package/dist/{Modal-B5o-iCST.cjs → Modal-BsjO-Q-K.cjs} +1 -1
- package/dist/{Modal-DmNuqKOf.js → Modal-CN35LB5_.js} +1 -1
- package/dist/{Pagination-R0xsDurI.js → Pagination-DyoObjwm.js} +1 -1
- package/dist/{Pagination-DC0orqR2.cjs → Pagination-zLxu_xGl.cjs} +1 -1
- package/dist/ReorderList-BuUYPJMK.js +183 -0
- package/dist/ReorderList-bFHn97rx.cjs +1 -0
- package/dist/{Select-Rt3Y2VD4.js → Select-Djtr68yO.js} +1 -1
- package/dist/{Select-CjkBXtFi.cjs → Select-tqEDoa5r.cjs} +1 -1
- package/dist/{ShellPanel-7EmMevry.cjs → ShellPanel-COJIhqCY.cjs} +1 -1
- package/dist/{ShellPanel-6slzyDrP.js → ShellPanel-Dway28Hw.js} +1 -1
- package/dist/{Slider-YLBEViRc.js → Slider-CUonOhgJ.js} +1 -1
- package/dist/{Slider-NUU1SB6V.cjs → Slider-CojrFGb_.cjs} +1 -1
- package/dist/{Stat-DqRpuO4B.js → Stat-Bt5qWXgo.js} +6 -6
- package/dist/Stat-NMsu1A9e.cjs +1 -0
- package/dist/{Switch-CZUy_hrg.js → Switch-8zEBXjF9.js} +1 -1
- package/dist/{Switch-BNIi6Xxq.cjs → Switch-D6Yh4B_9.cjs} +1 -1
- package/dist/{TextInput-BaRumauo.js → TextInput-D5vlfecS.js} +1 -1
- package/dist/{TextInput-bj61DMdd.cjs → TextInput-IAk1KYb5.cjs} +1 -1
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +21 -21
- package/dist/components/AiLabel.cjs +1 -1
- package/dist/components/AiLabel.mjs +1 -1
- package/dist/components/AiProvider.cjs +1 -1
- package/dist/components/AiProvider.mjs +1 -1
- package/dist/components/Briefing.cjs +1 -1
- package/dist/components/Briefing.mjs +1 -1
- package/dist/components/Card.cjs +1 -1
- package/dist/components/Card.mjs +1 -1
- package/dist/components/Card.vue.d.ts +13 -6
- package/dist/components/Card.vue.d.ts.map +1 -1
- package/dist/components/CardGrid.d.ts +29 -0
- package/dist/components/ColorStrip.cjs +1 -1
- package/dist/components/ColorStrip.mjs +1 -1
- package/dist/components/Confirm.cjs +1 -1
- package/dist/components/Confirm.mjs +1 -1
- package/dist/components/DataTable.cjs +1 -1
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/DatePicker.cjs +1 -1
- package/dist/components/DatePicker.mjs +1 -1
- package/dist/components/Form.cjs +1 -1
- package/dist/components/Form.mjs +1 -1
- package/dist/components/Grid.cjs +1 -1
- package/dist/components/Grid.mjs +1 -1
- package/dist/components/Grid.vue.d.ts.map +1 -1
- package/dist/components/ImageCropper.cjs +1 -1
- package/dist/components/ImageCropper.mjs +1 -1
- package/dist/components/Layer.cjs +1 -1
- package/dist/components/Layer.d.ts +3 -2
- package/dist/components/Layer.mjs +1 -1
- package/dist/components/Layer.vue.d.ts +2 -3
- package/dist/components/Layer.vue.d.ts.map +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.mjs +1 -1
- package/dist/components/Pagination.cjs +1 -1
- package/dist/components/Pagination.mjs +1 -1
- package/dist/components/ReorderList.cjs +1 -1
- package/dist/components/ReorderList.mjs +1 -1
- package/dist/components/ReorderList.vue.d.ts.map +1 -1
- package/dist/components/Select.cjs +1 -1
- package/dist/components/Select.mjs +1 -1
- package/dist/components/ShellPanel.cjs +1 -1
- package/dist/components/ShellPanel.mjs +1 -1
- package/dist/components/ShellPanel.vue.d.ts.map +1 -1
- package/dist/components/Slider.cjs +1 -1
- package/dist/components/Slider.mjs +1 -1
- package/dist/components/Stat.cjs +1 -1
- package/dist/components/Stat.d.ts +6 -2
- package/dist/components/Stat.mjs +1 -1
- package/dist/components/Stat.vue.d.ts +1 -1
- package/dist/components/Stat.vue.d.ts.map +1 -1
- package/dist/components/Switch.cjs +1 -1
- package/dist/components/Switch.mjs +1 -1
- package/dist/components/TextInput.cjs +1 -1
- package/dist/components/TextInput.mjs +1 -1
- package/dist/composables/useConfirm.composable.cjs +1 -1
- package/dist/composables/useConfirm.composable.mjs +3 -3
- package/dist/composables/useSurfaceLayer.composable.cjs +1 -1
- package/dist/composables/useSurfaceLayer.composable.d.ts +10 -1
- package/dist/composables/useSurfaceLayer.composable.d.ts.map +1 -1
- package/dist/composables/useSurfaceLayer.composable.mjs +23 -19
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +21 -21
- package/dist/styles/Button.css +1 -1
- package/dist/styles/Card.css +1 -1
- package/dist/styles/FileUploader.css +1 -1
- package/dist/styles/ReorderList.css +1 -1
- package/dist/styles/ShellPanel.css +1 -1
- package/dist/styles/Stat.css +1 -1
- package/dist/ui.css +6 -6
- package/package.json +1 -1
- package/src/styles/_theme-api.scss +31 -13
- package/src/styles/_theme.scss +16 -15
- package/src/styles/grid/_mixins.scss +26 -3
- package/src/styles/grid/index.scss +5 -0
- package/src/styles/logic/_ink.scss +54 -15
- package/dist/Card-4l_DbIKC.cjs +0 -1
- package/dist/Card-BBXSjH58.js +0 -74
- package/dist/Layer-BLOx5Oh8.js +0 -20
- package/dist/Layer-DOnWnKYV.cjs +0 -1
- package/dist/ReorderList-BpJaGDDA.cjs +0 -1
- package/dist/ReorderList-DvPkvpFU.js +0 -181
- package/dist/Stat-CHBimwPd.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-CDrItyQ7.cjs`),n=require(`./vue-i18n-CNxAi_sd.cjs`);let r=require(`vue`);var i=function(e){return e.TopLeft=`top-left`,e.Top=`top`,e.TopRight=`top-right`,e.Right=`right`,e.BottomRight=`bottom-right`,e.Bottom=`bottom`,e.BottomLeft=`bottom-left`,e.Left=`left`,e}(i||{}),a={class:`nb-image-cropper`},o=[`onMousedown`,`onTouchstart`],s=[`src`,`alt`],c=700,l=400,u=(0,r.defineComponent)({__name:`ImageCropper`,props:{image:{},cropAsCircle:{type:Boolean,default:!1},outputAsCircle:{type:Boolean,default:!1},lockAspectRatio:{type:Boolean,default:!1},showPreview:{type:Boolean,default:!1}},emits:[`crop`],setup(e,{emit:u}){let d={en:{X:`X`,Y:`Y`,WIDTH:`Width`,HEIGHT:`Height`,IMAGE_THUMBNAIL:`Cropped preview`},pt:{X:`X`,Y:`Y`,WIDTH:`Largura`,HEIGHT:`Altura`,IMAGE_THUMBNAIL:`Pré-visualização recortada`}},{t:f,te:p,locale:m}=n.t({useScope:`global`});function h(e){if(p(e))return f(e);let t=e.slice(7);return d[String(m.value).toLowerCase().split(`-`)[0]]?.[t]??d.en[t]??e}let g=e,_=u,v=(0,r.ref)(null),y=null,b=new Image,x=null,S={x:1,y:1},C=(0,r.ref)({x:50,y:50,width:200,height:200}),w=(0,r.ref)(null),T=(0,r.ref)(null),E=!1,D=!1,O={x:0,y:0},k=!1,A={x:0,y:0},j={x:0,y:0,width:0,height:0},M=null,N=!1,P=[{name:i.TopLeft},{name:i.Top},{name:i.TopRight},{name:i.Right},{name:i.BottomRight},{name:i.Bottom},{name:i.BottomLeft},{name:i.Left}],F=()=>{if(!g.image){console.error(`No image file provided`);return}x&&=(URL.revokeObjectURL(x),null),b.onload=()=>{let{drawWidth:e,drawHeight:t}=I();if(v.value){v.value.width=e,v.value.height=t;let n=(v.value.width-b.width*S.x)/2,r=(v.value.height-b.height*S.y)/2;if(g.cropAsCircle||g.lockAspectRatio){let e=Math.min(b.width*S.x,b.height*S.y)*.5;C.value={x:n+(b.width*S.x-e)/2,y:r+(b.height*S.y-e)/2,width:e,height:e}}else C.value={x:n+(b.width*S.x*.5-b.width*S.x*.25),y:r+(b.height*S.y*.5-b.height*S.y*.25),width:b.width*S.x*.5,height:b.height*S.y*.5};L(),Q()}},b.onerror=()=>{console.error(`Failed to load image`)},x=URL.createObjectURL(g.image),b.src=x};(0,r.onMounted)(()=>{v.value&&(y=v.value.getContext(`2d`),y&&(y.imageSmoothingEnabled=!0,y.imageSmoothingQuality=`high`),g.image&&F())}),(0,r.onBeforeUnmount)(()=>{x&&=(URL.revokeObjectURL(x),null);let e=w.value;e&&(URL.revokeObjectURL(e),w.value=null)}),(0,r.watch)(()=>g.image,e=>{e&&F()}),(0,r.watch)(()=>[g.cropAsCircle,g.outputAsCircle,g.lockAspectRatio],()=>{v.value&&y&&L()});let I=()=>{let e=b.width/b.height,t=c,n=l;return e>c/l?n=c/e:t=l*e,S.x=t/b.width,S.y=n/b.height,{drawWidth:t,drawHeight:n}},L=()=>{if(y&&v.value){y.clearRect(0,0,v.value.width,v.value.height);let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2;y.drawImage(b,0,0,b.width,b.height,e,t,b.width*S.x,b.height*S.y),R()}},R=()=>{y&&v.value&&(y.save(),y.beginPath(),g.cropAsCircle?y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2):y.rect(C.value.x,C.value.y,C.value.width,C.value.height),y.rect(0,0,v.value.width,v.value.height),y.clip(`evenodd`),y.fillStyle=`rgba(0, 0, 0, 0.5)`,y.fillRect(0,0,v.value.width,v.value.height),y.restore(),y.save(),y.strokeStyle=`rgba(255, 255, 255, 0.8)`,y.lineWidth=1,y.setLineDash([5,5]),y.imageSmoothingEnabled=!1,g.cropAsCircle?(y.beginPath(),y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2),y.stroke()):y.strokeRect(C.value.x,C.value.y,C.value.width,C.value.height),y.restore())},z=(0,r.computed)(()=>{if(g.cropAsCircle){let e=C.value.x+C.value.width/2,t=C.value.y+C.value.height/2,n=C.value.width/2;return{"top-left":{left:`${e-n-5}px`,top:`${t-n-5}px`},top:{left:`${e-5}px`,top:`${t-n-5}px`},"top-right":{left:`${e+n-5}px`,top:`${t-n-5}px`},right:{left:`${e+n-5}px`,top:`${t-5}px`},"bottom-right":{left:`${e+n-5}px`,top:`${t+n-5}px`},bottom:{left:`${e-5}px`,top:`${t+n-5}px`},"bottom-left":{left:`${e-n-5}px`,top:`${t+n-5}px`},left:{left:`${e-n-5}px`,top:`${t-5}px`}}}else return{"top-left":{left:`${C.value.x-5}px`,top:`${C.value.y-5}px`},top:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y-5}px`},"top-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y-5}px`},right:{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height/2-5}px`},"bottom-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height-5}px`},bottom:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y+C.value.height-5}px`},"bottom-left":{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height-5}px`},left:{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height/2-5}px`}}}),B=e=>{if(`touches`in e&&e.touches.length>0){let t=e.touches[0];return{clientX:t.clientX,clientY:t.clientY}}else if(`clientX`in e&&`clientY`in e)return{clientX:e.clientX,clientY:e.clientY};return{clientX:0,clientY:0}},V=e=>{let t=v.value;if(!t)return null;let{clientX:n,clientY:r}=B(e),{left:i,top:a}=t.getBoundingClientRect();return{x:n-i,y:r-a}},H=e=>{e.preventDefault();let t=V(e);if(!t)return;let{x:n,y:r}=t;X(n,r)&&(D=!0,E=!0,O={x:n-C.value.x,y:r-C.value.y})},U=e=>{D?G(e):k&&J(e)},W=()=>{D&&(K(),D=!1,Q()),k&&(Y(),Q()),E=!1,D=!1},G=e=>{if(E){let t=V(e);if(!t)return;let{x:n,y:r}=t;C.value.x=Math.floor(n-O.x),C.value.y=Math.floor(r-O.y),L()}},K=()=>{E&&=(Z(),L(),!1)},q=(e,t)=>{e.preventDefault();let n=V(e);n&&(k=!0,M=t,A={x:n.x,y:n.y},j={...C.value},N=e instanceof MouseEvent&&e.shiftKey)},J=e=>{if(!k)return;if(g.lockAspectRatio&&v.value){let t=V(e);if(!t)return;let{x:n,y:r}=t,i=j.x+j.width/2,a=j.y+j.height/2;if(g.cropAsCircle){let e=Math.max(Math.abs(n-i),Math.abs(r-a)),t=e*2;C.value={x:i-e,y:a-e,width:t,height:t}}else{let e=j.width/j.height,t=Math.abs(n-i),r=Math.max(t*2,50),o=r/e;C.value={x:i-r/2,y:a-o/2,width:r,height:o}}L();return}let t=V(e);if(!t)return;let{x:n,y:r}=t,i=n-A.x,a=r-A.y;N=e instanceof MouseEvent&&e.shiftKey;let o={...j};switch(M){case`top-left`:o.x+=i,o.y+=a,o.width-=i,o.height-=a;break;case`top`:o.y+=a,o.height-=a;break;case`top-right`:o.y+=a,o.width+=i,o.height-=a;break;case`right`:o.width+=i;break;case`bottom-right`:o.width+=i,o.height+=a;break;case`bottom`:o.height+=a;break;case`bottom-left`:o.x+=i,o.width-=i,o.height+=a;break;case`left`:o.x+=i,o.width-=i;break}if(o.width<50&&(o.width=50),o.height<50&&(o.height=50),N&&M){let e=j.width/j.height;[`left`,`right`].includes(M)?(o.height=o.width/e,M===`left`&&(o.y=j.y-(o.height-j.height)/2)):[`top`,`bottom`].includes(M)&&(o.width=o.height*e,M===`top`&&(o.x=j.x-(o.width-j.width)/2))}C.value=o,L()},Y=()=>{k&&(Z(),L(),k=!1,M=null)},X=(e,t)=>{if(g.cropAsCircle){let n=C.value.x+C.value.width/2,r=C.value.y+C.value.height/2,i=C.value.width/2,a=e-n,o=t-r;return a*a+o*o<=i*i}else return e>=C.value.x-2&&e<=C.value.x+C.value.width+2&&t>=C.value.y-2&&t<=C.value.y+C.value.height+2},Z=()=>{let e=v.value.width,t=v.value.height;if(C.value.width<50&&(C.value.width=50),C.value.height<50&&(C.value.height=50),g.lockAspectRatio)if(g.cropAsCircle)C.value.height=C.value.width;else{let e=j.width/j.height;C.value.height=C.value.width/e}else if(N){let e=j.width/j.height;C.value.height=C.value.width/e}if(g.cropAsCircle||g.lockAspectRatio){let n=C.value.width/C.value.height;(C.value.width>e||C.value.height>t)&&(C.value.width>C.value.height?(C.value.width=e,C.value.height=e/n):(C.value.height=t,C.value.width=t*n)),C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)}else C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.width>e&&(C.value.width=e,C.value.x=0),C.value.height>t&&(C.value.height=t,C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)},Q=()=>{if(v.value&&y){let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2,n=(C.value.x-e)/S.x,r=(C.value.y-t)/S.y,i=C.value.width/S.x,a=C.value.height/S.y,o={x:Math.round(n),y:Math.round(r),width:Math.round(i),height:Math.round(a)},s=Math.max(0,Math.min(o.x,b.width)),c=Math.max(0,Math.min(o.y,b.height)),l=Math.min(o.width,b.width-s),u=Math.min(o.height,b.height-c),d=document.createElement(`canvas`);d.width=l,d.height=u;let f=d.getContext(`2d`);f&&(f.drawImage(b,s,c,l,u,0,0,l,u),g.cropAsCircle&&g.outputAsCircle&&(f.globalCompositeOperation=`destination-in`,f.beginPath(),f.arc(l/2,u/2,l/2,0,Math.PI*2),f.closePath(),f.fill(),f.globalCompositeOperation=`source-over`),d.toBlob(e=>{if(e){let t=w.value;t&&URL.revokeObjectURL(t),w.value=URL.createObjectURL(e),T.value=o,_(`crop`,{blob:e,geometry:o})}},`image/jpeg`,.8))}};return(0,r.watch)(()=>g,()=>{Q()},{deep:!0}),(n,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createElementVNode)(`div`,{class:`canvas-container`,onMousedown:H,onMousemove:U,onMouseup:W,onMouseleave:W,onTouchstart:H,onTouchmove:U,onTouchend:W},[(0,r.createElementVNode)(`canvas`,{ref_key:`canvas`,ref:v},null,512),((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P,e=>(0,r.createElementVNode)(`div`,{key:e.name,class:(0,r.normalizeClass)([`resize-handle`,e.name]),style:(0,r.normalizeStyle)(z.value[e.name]),onMousedown:(0,r.withModifiers)(t=>q(t,e.name),[`stop`]),onTouchstart:(0,r.withModifiers)(t=>q(t,e.name),[`stop`])},null,46,o)),64))],32),e.showPreview&&w.value&&T.value?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:0,class:`cropped-image-preview`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{is:`ul`,dir:`col`,justify:`center`,gap:`sm`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.X`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.x.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.Y`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.y.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.WIDTH`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.width.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.HEIGHT`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.height.toFixed(0)),1)])]),_:1}),(0,r.createElementVNode)(`img`,{src:w.value,alt:h(`common.IMAGE_THUMBNAIL`)},null,8,s)]),_:1})):(0,r.createCommentVNode)(``,!0)]))}}),d=e.t(u,[[`__scopeId`,`data-v-718b196d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-CXE0B85G.cjs`),n=require(`./vue-i18n-CNxAi_sd.cjs`);let r=require(`vue`);var i=function(e){return e.TopLeft=`top-left`,e.Top=`top`,e.TopRight=`top-right`,e.Right=`right`,e.BottomRight=`bottom-right`,e.Bottom=`bottom`,e.BottomLeft=`bottom-left`,e.Left=`left`,e}(i||{}),a={class:`nb-image-cropper`},o=[`onMousedown`,`onTouchstart`],s=[`src`,`alt`],c=700,l=400,u=(0,r.defineComponent)({__name:`ImageCropper`,props:{image:{},cropAsCircle:{type:Boolean,default:!1},outputAsCircle:{type:Boolean,default:!1},lockAspectRatio:{type:Boolean,default:!1},showPreview:{type:Boolean,default:!1}},emits:[`crop`],setup(e,{emit:u}){let d={en:{X:`X`,Y:`Y`,WIDTH:`Width`,HEIGHT:`Height`,IMAGE_THUMBNAIL:`Cropped preview`},pt:{X:`X`,Y:`Y`,WIDTH:`Largura`,HEIGHT:`Altura`,IMAGE_THUMBNAIL:`Pré-visualização recortada`}},{t:f,te:p,locale:m}=n.t({useScope:`global`});function h(e){if(p(e))return f(e);let t=e.slice(7);return d[String(m.value).toLowerCase().split(`-`)[0]]?.[t]??d.en[t]??e}let g=e,_=u,v=(0,r.ref)(null),y=null,b=new Image,x=null,S={x:1,y:1},C=(0,r.ref)({x:50,y:50,width:200,height:200}),w=(0,r.ref)(null),T=(0,r.ref)(null),E=!1,D=!1,O={x:0,y:0},k=!1,A={x:0,y:0},j={x:0,y:0,width:0,height:0},M=null,N=!1,P=[{name:i.TopLeft},{name:i.Top},{name:i.TopRight},{name:i.Right},{name:i.BottomRight},{name:i.Bottom},{name:i.BottomLeft},{name:i.Left}],F=()=>{if(!g.image){console.error(`No image file provided`);return}x&&=(URL.revokeObjectURL(x),null),b.onload=()=>{let{drawWidth:e,drawHeight:t}=I();if(v.value){v.value.width=e,v.value.height=t;let n=(v.value.width-b.width*S.x)/2,r=(v.value.height-b.height*S.y)/2;if(g.cropAsCircle||g.lockAspectRatio){let e=Math.min(b.width*S.x,b.height*S.y)*.5;C.value={x:n+(b.width*S.x-e)/2,y:r+(b.height*S.y-e)/2,width:e,height:e}}else C.value={x:n+(b.width*S.x*.5-b.width*S.x*.25),y:r+(b.height*S.y*.5-b.height*S.y*.25),width:b.width*S.x*.5,height:b.height*S.y*.5};L(),Q()}},b.onerror=()=>{console.error(`Failed to load image`)},x=URL.createObjectURL(g.image),b.src=x};(0,r.onMounted)(()=>{v.value&&(y=v.value.getContext(`2d`),y&&(y.imageSmoothingEnabled=!0,y.imageSmoothingQuality=`high`),g.image&&F())}),(0,r.onBeforeUnmount)(()=>{x&&=(URL.revokeObjectURL(x),null);let e=w.value;e&&(URL.revokeObjectURL(e),w.value=null)}),(0,r.watch)(()=>g.image,e=>{e&&F()}),(0,r.watch)(()=>[g.cropAsCircle,g.outputAsCircle,g.lockAspectRatio],()=>{v.value&&y&&L()});let I=()=>{let e=b.width/b.height,t=c,n=l;return e>c/l?n=c/e:t=l*e,S.x=t/b.width,S.y=n/b.height,{drawWidth:t,drawHeight:n}},L=()=>{if(y&&v.value){y.clearRect(0,0,v.value.width,v.value.height);let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2;y.drawImage(b,0,0,b.width,b.height,e,t,b.width*S.x,b.height*S.y),R()}},R=()=>{y&&v.value&&(y.save(),y.beginPath(),g.cropAsCircle?y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2):y.rect(C.value.x,C.value.y,C.value.width,C.value.height),y.rect(0,0,v.value.width,v.value.height),y.clip(`evenodd`),y.fillStyle=`rgba(0, 0, 0, 0.5)`,y.fillRect(0,0,v.value.width,v.value.height),y.restore(),y.save(),y.strokeStyle=`rgba(255, 255, 255, 0.8)`,y.lineWidth=1,y.setLineDash([5,5]),y.imageSmoothingEnabled=!1,g.cropAsCircle?(y.beginPath(),y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2),y.stroke()):y.strokeRect(C.value.x,C.value.y,C.value.width,C.value.height),y.restore())},z=(0,r.computed)(()=>{if(g.cropAsCircle){let e=C.value.x+C.value.width/2,t=C.value.y+C.value.height/2,n=C.value.width/2;return{"top-left":{left:`${e-n-5}px`,top:`${t-n-5}px`},top:{left:`${e-5}px`,top:`${t-n-5}px`},"top-right":{left:`${e+n-5}px`,top:`${t-n-5}px`},right:{left:`${e+n-5}px`,top:`${t-5}px`},"bottom-right":{left:`${e+n-5}px`,top:`${t+n-5}px`},bottom:{left:`${e-5}px`,top:`${t+n-5}px`},"bottom-left":{left:`${e-n-5}px`,top:`${t+n-5}px`},left:{left:`${e-n-5}px`,top:`${t-5}px`}}}else return{"top-left":{left:`${C.value.x-5}px`,top:`${C.value.y-5}px`},top:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y-5}px`},"top-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y-5}px`},right:{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height/2-5}px`},"bottom-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height-5}px`},bottom:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y+C.value.height-5}px`},"bottom-left":{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height-5}px`},left:{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height/2-5}px`}}}),B=e=>{if(`touches`in e&&e.touches.length>0){let t=e.touches[0];return{clientX:t.clientX,clientY:t.clientY}}else if(`clientX`in e&&`clientY`in e)return{clientX:e.clientX,clientY:e.clientY};return{clientX:0,clientY:0}},V=e=>{let t=v.value;if(!t)return null;let{clientX:n,clientY:r}=B(e),{left:i,top:a}=t.getBoundingClientRect();return{x:n-i,y:r-a}},H=e=>{e.preventDefault();let t=V(e);if(!t)return;let{x:n,y:r}=t;X(n,r)&&(D=!0,E=!0,O={x:n-C.value.x,y:r-C.value.y})},U=e=>{D?G(e):k&&J(e)},W=()=>{D&&(K(),D=!1,Q()),k&&(Y(),Q()),E=!1,D=!1},G=e=>{if(E){let t=V(e);if(!t)return;let{x:n,y:r}=t;C.value.x=Math.floor(n-O.x),C.value.y=Math.floor(r-O.y),L()}},K=()=>{E&&=(Z(),L(),!1)},q=(e,t)=>{e.preventDefault();let n=V(e);n&&(k=!0,M=t,A={x:n.x,y:n.y},j={...C.value},N=e instanceof MouseEvent&&e.shiftKey)},J=e=>{if(!k)return;if(g.lockAspectRatio&&v.value){let t=V(e);if(!t)return;let{x:n,y:r}=t,i=j.x+j.width/2,a=j.y+j.height/2;if(g.cropAsCircle){let e=Math.max(Math.abs(n-i),Math.abs(r-a)),t=e*2;C.value={x:i-e,y:a-e,width:t,height:t}}else{let e=j.width/j.height,t=Math.abs(n-i),r=Math.max(t*2,50),o=r/e;C.value={x:i-r/2,y:a-o/2,width:r,height:o}}L();return}let t=V(e);if(!t)return;let{x:n,y:r}=t,i=n-A.x,a=r-A.y;N=e instanceof MouseEvent&&e.shiftKey;let o={...j};switch(M){case`top-left`:o.x+=i,o.y+=a,o.width-=i,o.height-=a;break;case`top`:o.y+=a,o.height-=a;break;case`top-right`:o.y+=a,o.width+=i,o.height-=a;break;case`right`:o.width+=i;break;case`bottom-right`:o.width+=i,o.height+=a;break;case`bottom`:o.height+=a;break;case`bottom-left`:o.x+=i,o.width-=i,o.height+=a;break;case`left`:o.x+=i,o.width-=i;break}if(o.width<50&&(o.width=50),o.height<50&&(o.height=50),N&&M){let e=j.width/j.height;[`left`,`right`].includes(M)?(o.height=o.width/e,M===`left`&&(o.y=j.y-(o.height-j.height)/2)):[`top`,`bottom`].includes(M)&&(o.width=o.height*e,M===`top`&&(o.x=j.x-(o.width-j.width)/2))}C.value=o,L()},Y=()=>{k&&(Z(),L(),k=!1,M=null)},X=(e,t)=>{if(g.cropAsCircle){let n=C.value.x+C.value.width/2,r=C.value.y+C.value.height/2,i=C.value.width/2,a=e-n,o=t-r;return a*a+o*o<=i*i}else return e>=C.value.x-2&&e<=C.value.x+C.value.width+2&&t>=C.value.y-2&&t<=C.value.y+C.value.height+2},Z=()=>{let e=v.value.width,t=v.value.height;if(C.value.width<50&&(C.value.width=50),C.value.height<50&&(C.value.height=50),g.lockAspectRatio)if(g.cropAsCircle)C.value.height=C.value.width;else{let e=j.width/j.height;C.value.height=C.value.width/e}else if(N){let e=j.width/j.height;C.value.height=C.value.width/e}if(g.cropAsCircle||g.lockAspectRatio){let n=C.value.width/C.value.height;(C.value.width>e||C.value.height>t)&&(C.value.width>C.value.height?(C.value.width=e,C.value.height=e/n):(C.value.height=t,C.value.width=t*n)),C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)}else C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.width>e&&(C.value.width=e,C.value.x=0),C.value.height>t&&(C.value.height=t,C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)},Q=()=>{if(v.value&&y){let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2,n=(C.value.x-e)/S.x,r=(C.value.y-t)/S.y,i=C.value.width/S.x,a=C.value.height/S.y,o={x:Math.round(n),y:Math.round(r),width:Math.round(i),height:Math.round(a)},s=Math.max(0,Math.min(o.x,b.width)),c=Math.max(0,Math.min(o.y,b.height)),l=Math.min(o.width,b.width-s),u=Math.min(o.height,b.height-c),d=document.createElement(`canvas`);d.width=l,d.height=u;let f=d.getContext(`2d`);f&&(f.drawImage(b,s,c,l,u,0,0,l,u),g.cropAsCircle&&g.outputAsCircle&&(f.globalCompositeOperation=`destination-in`,f.beginPath(),f.arc(l/2,u/2,l/2,0,Math.PI*2),f.closePath(),f.fill(),f.globalCompositeOperation=`source-over`),d.toBlob(e=>{if(e){let t=w.value;t&&URL.revokeObjectURL(t),w.value=URL.createObjectURL(e),T.value=o,_(`crop`,{blob:e,geometry:o})}},`image/jpeg`,.8))}};return(0,r.watch)(()=>g,()=>{Q()},{deep:!0}),(n,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createElementVNode)(`div`,{class:`canvas-container`,onMousedown:H,onMousemove:U,onMouseup:W,onMouseleave:W,onTouchstart:H,onTouchmove:U,onTouchend:W},[(0,r.createElementVNode)(`canvas`,{ref_key:`canvas`,ref:v},null,512),((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P,e=>(0,r.createElementVNode)(`div`,{key:e.name,class:(0,r.normalizeClass)([`resize-handle`,e.name]),style:(0,r.normalizeStyle)(z.value[e.name]),onMousedown:(0,r.withModifiers)(t=>q(t,e.name),[`stop`]),onTouchstart:(0,r.withModifiers)(t=>q(t,e.name),[`stop`])},null,46,o)),64))],32),e.showPreview&&w.value&&T.value?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:0,class:`cropped-image-preview`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{is:`ul`,dir:`col`,justify:`center`,gap:`sm`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.X`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.x.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.Y`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.y.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.WIDTH`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.width.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.HEIGHT`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.height.toFixed(0)),1)])]),_:1}),(0,r.createElementVNode)(`img`,{src:w.value,alt:h(`common.IMAGE_THUMBNAIL`)},null,8,s)]),_:1})):(0,r.createCommentVNode)(``,!0)]))}}),d=e.t(u,[[`__scopeId`,`data-v-718b196d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useSurfaceLayer.composable.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Layer`,props:{level:{default:void 0},as:{default:`div`}},setup(n){let r=n,{level:i,layerClass:a}=e.useSurfaceLayer({level:()=>r.level,provideContext:!1});return(0,t.provide)(e.NB_LAYER_INJECTION_KEY,(0,t.computed)(()=>i.value)),(e,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.as),(0,t.normalizeProps)({class:(0,t.unref)(a),[(0,t.unref)(`data-nb-layer-context`)||``]:``}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`,{level:(0,t.unref)(i)})]),_:3},16,[`class`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { NB_LAYER_INJECTION_KEY as e, useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
|
|
2
|
+
import { computed as n, createBlock as r, defineComponent as i, normalizeProps as a, openBlock as o, provide as s, renderSlot as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
|
|
3
|
+
//#endregion
|
|
4
|
+
//#region src/components/Layer.vue
|
|
5
|
+
var f = /* @__PURE__ */ i({
|
|
6
|
+
__name: "Layer",
|
|
7
|
+
props: {
|
|
8
|
+
level: { default: void 0 },
|
|
9
|
+
as: { default: "div" }
|
|
10
|
+
},
|
|
11
|
+
setup(i) {
|
|
12
|
+
let f = i, { level: p, layerClass: m } = t({
|
|
13
|
+
level: () => f.level,
|
|
14
|
+
provideContext: !1
|
|
15
|
+
});
|
|
16
|
+
return s(e, n(() => p.value)), (e, t) => (o(), r(l(i.as), a({
|
|
17
|
+
class: u(m),
|
|
18
|
+
[u("data-nb-layer-context") || ""]: ""
|
|
19
|
+
}), {
|
|
20
|
+
default: d(() => [c(e.$slots, "default", { level: u(p) })]),
|
|
21
|
+
_: 3
|
|
22
|
+
}, 16, ["class"]));
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
//#endregion
|
|
26
|
+
export { f as t };
|
|
@@ -1 +1 @@
|
|
|
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-bQHEUhzc.cjs`),o=require(`./Grid-
|
|
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-bQHEUhzc.cjs`),o=require(`./Grid-CXE0B85G.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`&&(e.defaultPrevented||!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-0d8e2855`]]);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}});
|
|
@@ -3,7 +3,7 @@ import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
|
3
3
|
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
4
|
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
5
|
import { t as i } from "./Button-BHlNXmBr.js";
|
|
6
|
-
import { t as a } from "./Grid-
|
|
6
|
+
import { t as a } from "./Grid-CJFQvcko.js";
|
|
7
7
|
import { useVisualViewportVar as o } from "./composables/useVisualViewportVar.composable.mjs";
|
|
8
8
|
import { acquireScrollLock as s, releaseScrollLock as ee } from "./composables/useScrollLock.composable.mjs";
|
|
9
9
|
import { useFocusTrap as c } from "./composables/useFocusTrap.composable.mjs";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
3
|
import { t as n } from "./Button-BHlNXmBr.js";
|
|
4
|
-
import { t as r } from "./Select-
|
|
4
|
+
import { t as r } from "./Select-Djtr68yO.js";
|
|
5
5
|
import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d } from "vue";
|
|
6
6
|
import * as f from "@nubisco/ui/icons/caret-right";
|
|
7
7
|
import * as p from "@nubisco/ui/icons/caret-left";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Button-bQHEUhzc.cjs`),i=require(`./Select-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Button-bQHEUhzc.cjs`),i=require(`./Select-tqEDoa5r.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/caret-right`);o=e.n(o);let s=require(`@nubisco/ui/icons/caret-left`);s=e.n(s);var c={class:`nb-pagination__left`},l={class:`nb-pagination__page-size`},u={class:`nb-pagination__label`},d={class:`nb-pagination__range`,"aria-live":`polite`},f={class:`nb-pagination__right`},p={class:`nb-pagination__page-of`},m=(0,a.defineComponent)({__name:`Pagination`,props:{page:{},pageSize:{},total:{},pageSizeOptions:{default:()=>[10,20,30,40,50]},size:{default:n.r.Medium},disabled:{type:Boolean,default:!1},pageSizeLabel:{default:`Items per page:`},itemLabel:{default:`items`}},emits:[`update:page`,`update:pageSize`],setup(e,{emit:t}){let n=e,m=t,h=(0,a.computed)(()=>n.size),g=(0,a.computed)(()=>n.pageSizeOptions.includes(n.pageSize)?n.pageSizeOptions:[...n.pageSizeOptions,n.pageSize].sort((e,t)=>e-t)),_=(0,a.computed)(()=>g.value.map(e=>({label:String(e),value:e}))),v=(0,a.computed)(()=>Math.max(1,Math.ceil(n.total/Math.max(1,n.pageSize)))),y=(0,a.computed)(()=>Math.min(Math.max(1,n.page),v.value)),b=(0,a.computed)(()=>n.total===0?0:(y.value-1)*n.pageSize+1),x=(0,a.computed)(()=>Math.min(y.value*n.pageSize,n.total));function S(e){let t=Math.min(Math.max(1,e),v.value);t!==n.page&&m(`update:page`,t)}function C(e){let t=Number(e);!Number.isFinite(t)||t===n.pageSize||(m(`update:pageSize`,t),n.page!==1&&m(`update:page`,1))}return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`nav`,{class:(0,a.normalizeClass)([`nb-pagination`,`nb-pagination--${e.size}`]),"aria-label":`Pagination`},[(0,a.createElementVNode)(`div`,c,[(0,a.createElementVNode)(`label`,l,[(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(e.pageSizeLabel),1),(0,a.createVNode)(i.t,{size:`xs`,"model-value":e.pageSize,options:_.value,disabled:e.disabled,"onUpdate:modelValue":C},null,8,[`model-value`,`options`,`disabled`])]),(0,a.createElementVNode)(`span`,d,(0,a.toDisplayString)(b.value)+`–`+(0,a.toDisplayString)(x.value)+` of `+(0,a.toDisplayString)(e.total)+` `+(0,a.toDisplayString)(e.itemLabel),1)]),(0,a.createElementVNode)(`div`,f,[(0,a.createElementVNode)(`span`,p,` Page `+(0,a.toDisplayString)(y.value)+` of `+(0,a.toDisplayString)(v.value),1),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:s,disabled:e.disabled||y.value<=1,"aria-label":`Previous page`,onClick:n[0]||=e=>S(y.value-1)},null,8,[`size`,`disabled`]),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:o,disabled:e.disabled||y.value>=v.value,"aria-label":`Next page`,onClick:n[1]||=e=>S(y.value+1)},null,8,[`size`,`disabled`])])],2))}}),h=t.t(m,[[`__scopeId`,`data-v-884e19f9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
+
import { t } from "./Icon-rREAqsu0.js";
|
|
3
|
+
import { useStableId as n } from "./composables/useStableId.composable.mjs";
|
|
4
|
+
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
|
+
import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y } from "vue";
|
|
6
|
+
import { regular as b } from "@nubisco/ui/icons/dots-six-vertical";
|
|
7
|
+
//#region src/components/ReorderList.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var x = ["aria-label", "aria-describedby"], S = ["data-index", "onPointerdown"], C = [
|
|
9
|
+
"tabindex",
|
|
10
|
+
"aria-disabled",
|
|
11
|
+
"aria-label",
|
|
12
|
+
"onKeydown",
|
|
13
|
+
"onBlur"
|
|
14
|
+
], w = { class: "nb-reorder-list__content" }, T = ["id"], E = {
|
|
15
|
+
class: "nb-reorder-list__sr",
|
|
16
|
+
"aria-live": "assertive"
|
|
17
|
+
}, D = /* @__PURE__ */ e(/* @__PURE__ */ u({
|
|
18
|
+
__name: "ReorderList",
|
|
19
|
+
props: {
|
|
20
|
+
modelValue: { default: () => [] },
|
|
21
|
+
itemKey: {
|
|
22
|
+
type: [String, Function],
|
|
23
|
+
default: void 0
|
|
24
|
+
},
|
|
25
|
+
handle: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: !1
|
|
28
|
+
},
|
|
29
|
+
disabled: {
|
|
30
|
+
type: Boolean,
|
|
31
|
+
default: !1
|
|
32
|
+
},
|
|
33
|
+
label: { default: "" }
|
|
34
|
+
},
|
|
35
|
+
emits: ["update:modelValue", "reorder"],
|
|
36
|
+
setup(e, { emit: u }) {
|
|
37
|
+
let D = e, O = u, k = n({}), A = h(null), { layerProps: j } = r({ el: A }), M = a(() => D.modelValue);
|
|
38
|
+
function N(e, t) {
|
|
39
|
+
let n = D.itemKey;
|
|
40
|
+
return typeof n == "function" ? n(e, t) : typeof n == "string" ? e?.[n] : t;
|
|
41
|
+
}
|
|
42
|
+
function P(e) {
|
|
43
|
+
let t = M.value[e];
|
|
44
|
+
if (t && typeof t == "object") {
|
|
45
|
+
let e = t, n = e.label ?? e.name ?? e.title;
|
|
46
|
+
if (typeof n == "string") return n;
|
|
47
|
+
}
|
|
48
|
+
return String(t ?? `Item ${e + 1}`);
|
|
49
|
+
}
|
|
50
|
+
function F(e) {
|
|
51
|
+
let t = `${P(e)}, ${e + 1} of ${M.value.length}`;
|
|
52
|
+
return R.value === e ? `${t}, picked up` : t;
|
|
53
|
+
}
|
|
54
|
+
let I = h("");
|
|
55
|
+
function L(e, t, n) {
|
|
56
|
+
if (e === t || e < 0 || t < 0) return;
|
|
57
|
+
let r = [...M.value], [i] = r.splice(e, 1);
|
|
58
|
+
r.splice(t, 0, i), O("update:modelValue", r), O("reorder", {
|
|
59
|
+
from: e,
|
|
60
|
+
to: t,
|
|
61
|
+
via: n
|
|
62
|
+
}), I.value = `${P(e)} moved to position ${t + 1} of ${r.length}`;
|
|
63
|
+
}
|
|
64
|
+
let R = h(null);
|
|
65
|
+
function z(e, t) {
|
|
66
|
+
if (D.disabled) return;
|
|
67
|
+
if (e.key === "Escape" && R.value !== null) {
|
|
68
|
+
e.preventDefault(), R.value = null, I.value = "Move cancelled";
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
if (e.key === " " || e.key === "Enter") {
|
|
72
|
+
e.preventDefault(), R.value === t ? (R.value = null, I.value = `${P(t)} dropped at position ${t + 1}`) : (R.value = t, I.value = `${P(t)} picked up, position ${t + 1} of ${M.value.length}`);
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
let n = e.key === "ArrowUp" ? -1 : e.key === "ArrowDown" ? 1 : 0;
|
|
76
|
+
if (!n) return;
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
let r = t + n;
|
|
79
|
+
r < 0 || r >= M.value.length || (R.value === t ? (L(t, r, "keyboard"), R.value = r, B(r)) : B(r));
|
|
80
|
+
}
|
|
81
|
+
async function B(e) {
|
|
82
|
+
await Promise.resolve(), (A.value?.querySelector(`[data-index="${e}"] .nb-reorder-list__grab`))?.focus();
|
|
83
|
+
}
|
|
84
|
+
function V(e) {
|
|
85
|
+
R.value === e && (R.value = null);
|
|
86
|
+
}
|
|
87
|
+
let H = h(null), U = h(null);
|
|
88
|
+
function W(e, t) {
|
|
89
|
+
if (D.disabled || e.button !== 0) return;
|
|
90
|
+
let n = e.target, r = !!n.closest(".nb-reorder-list__grab");
|
|
91
|
+
if (!(D.handle && !r) && !(!r && n.closest("button, a, input, select, textarea")) && !(e.pointerType === "touch" && !r) && !(H.value !== null && e.pointerId !== G)) {
|
|
92
|
+
if (R.value = null, H.value = t, U.value = t, G = e.pointerId, e.pointerType && e.pointerType !== "mouse") {
|
|
93
|
+
let t = n.closest(".nb-reorder-list__grab");
|
|
94
|
+
try {
|
|
95
|
+
t?.setPointerCapture?.(e.pointerId);
|
|
96
|
+
} catch {}
|
|
97
|
+
}
|
|
98
|
+
J(), window.addEventListener("pointermove", X), window.addEventListener("pointerup", Z), window.addEventListener("pointercancel", Q);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
let G;
|
|
102
|
+
function K(e) {
|
|
103
|
+
return e.pointerId === G;
|
|
104
|
+
}
|
|
105
|
+
let q = null;
|
|
106
|
+
function J() {
|
|
107
|
+
typeof document > "u" || q !== null || (q = document.body.style.userSelect, document.body.style.userSelect = "none", document.body.style.setProperty("-webkit-user-select", "none"));
|
|
108
|
+
}
|
|
109
|
+
function Y() {
|
|
110
|
+
typeof document > "u" || q === null || (document.body.style.userSelect = q, document.body.style.removeProperty("-webkit-user-select"), q = null);
|
|
111
|
+
}
|
|
112
|
+
function X(e) {
|
|
113
|
+
if (H.value === null || !A.value || !K(e)) return;
|
|
114
|
+
let t = [...A.value.querySelectorAll("[data-index]")], n = t.length;
|
|
115
|
+
for (let r of t) {
|
|
116
|
+
let t = r.getBoundingClientRect();
|
|
117
|
+
if (e.clientY < t.top + t.height / 2) {
|
|
118
|
+
n = Number(r.dataset.index);
|
|
119
|
+
break;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
U.value = n;
|
|
123
|
+
}
|
|
124
|
+
function Z(e) {
|
|
125
|
+
if (!K(e)) return;
|
|
126
|
+
let t = H.value, n = U.value;
|
|
127
|
+
$(), !(t === null || n === null) && L(t, n > t ? n - 1 : n, "pointer");
|
|
128
|
+
}
|
|
129
|
+
function Q(e) {
|
|
130
|
+
K(e) && $();
|
|
131
|
+
}
|
|
132
|
+
function $() {
|
|
133
|
+
Y(), H.value = null, U.value = null, G = void 0, window.removeEventListener("pointermove", X), window.removeEventListener("pointerup", Z), window.removeEventListener("pointercancel", Q);
|
|
134
|
+
}
|
|
135
|
+
return p($), (n, r) => (m(), o("ul", {
|
|
136
|
+
ref_key: "listRef",
|
|
137
|
+
ref: A,
|
|
138
|
+
class: f(["nb-reorder-list", { "nb-reorder-list--dragging": H.value !== null }]),
|
|
139
|
+
role: "list",
|
|
140
|
+
"aria-label": e.label || void 0,
|
|
141
|
+
"aria-describedby": `${y(k)}-hint`
|
|
142
|
+
}, [
|
|
143
|
+
(m(!0), o(i, null, g(M.value, (r, i) => (m(), o("li", d({
|
|
144
|
+
key: N(r, i),
|
|
145
|
+
class: ["nb-reorder-list__row", {
|
|
146
|
+
"nb-reorder-list__row--dragging": H.value === i,
|
|
147
|
+
"nb-reorder-list__row--lifted": R.value === i,
|
|
148
|
+
"nb-reorder-list__row--drop-before": U.value === i,
|
|
149
|
+
"nb-reorder-list__row--drop-after": U.value === i + 1 && i === M.value.length - 1
|
|
150
|
+
}]
|
|
151
|
+
}, { ref_for: !0 }, y(j), {
|
|
152
|
+
"data-index": i,
|
|
153
|
+
onPointerdown: (e) => W(e, i)
|
|
154
|
+
}), [s("div", {
|
|
155
|
+
class: "nb-reorder-list__grab",
|
|
156
|
+
tabindex: e.disabled ? -1 : 0,
|
|
157
|
+
role: "button",
|
|
158
|
+
"aria-disabled": e.disabled || void 0,
|
|
159
|
+
"aria-label": F(i),
|
|
160
|
+
onKeydown: (e) => z(e, i),
|
|
161
|
+
onBlur: (e) => V(i)
|
|
162
|
+
}, [_(n.$slots, "handle", {
|
|
163
|
+
item: r,
|
|
164
|
+
index: i
|
|
165
|
+
}, () => [l(t, {
|
|
166
|
+
class: "nb-reorder-list__grip",
|
|
167
|
+
name: y(b),
|
|
168
|
+
size: 16,
|
|
169
|
+
"aria-hidden": "true"
|
|
170
|
+
}, null, 8, ["name"])], !0)], 40, C), s("div", w, [_(n.$slots, "default", {
|
|
171
|
+
item: r,
|
|
172
|
+
index: i
|
|
173
|
+
}, () => [c(v(r), 1)], !0)])], 16, S))), 128)),
|
|
174
|
+
s("li", {
|
|
175
|
+
id: `${y(k)}-hint`,
|
|
176
|
+
class: "nb-reorder-list__sr"
|
|
177
|
+
}, " Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. ", 8, T),
|
|
178
|
+
s("li", E, v(I.value), 1)
|
|
179
|
+
], 10, x));
|
|
180
|
+
}
|
|
181
|
+
}), [["__scopeId", "data-v-e7e76c31"]]);
|
|
182
|
+
//#endregion
|
|
183
|
+
export { D as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./composables/useSurfaceLayer.composable.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/dots-six-vertical`);var o=[`aria-label`,`aria-describedby`],s=[`data-index`,`onPointerdown`],c=[`tabindex`,`aria-disabled`,`aria-label`,`onKeydown`,`onBlur`],l={class:`nb-reorder-list__content`},u=[`id`],d={class:`nb-reorder-list__sr`,"aria-live":`assertive`},f=(0,i.defineComponent)({__name:`ReorderList`,props:{modelValue:{default:()=>[]},itemKey:{type:[String,Function],default:void 0},handle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{default:``}},emits:[`update:modelValue`,`reorder`],setup(e,{emit:f}){let p=e,m=f,h=n.useStableId({}),g=(0,i.ref)(null),{layerProps:_}=r.useSurfaceLayer({el:g}),v=(0,i.computed)(()=>p.modelValue);function y(e,t){let n=p.itemKey;return typeof n==`function`?n(e,t):typeof n==`string`?e?.[n]:t}function b(e){let t=v.value[e];if(t&&typeof t==`object`){let e=t,n=e.label??e.name??e.title;if(typeof n==`string`)return n}return String(t??`Item ${e+1}`)}function x(e){let t=`${b(e)}, ${e+1} of ${v.value.length}`;return w.value===e?`${t}, picked up`:t}let S=(0,i.ref)(``);function C(e,t,n){if(e===t||e<0||t<0)return;let r=[...v.value],[i]=r.splice(e,1);r.splice(t,0,i),m(`update:modelValue`,r),m(`reorder`,{from:e,to:t,via:n}),S.value=`${b(e)} moved to position ${t+1} of ${r.length}`}let w=(0,i.ref)(null);function T(e,t){if(p.disabled)return;if(e.key===`Escape`&&w.value!==null){e.preventDefault(),w.value=null,S.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){e.preventDefault(),w.value===t?(w.value=null,S.value=`${b(t)} dropped at position ${t+1}`):(w.value=t,S.value=`${b(t)} picked up, position ${t+1} of ${v.value.length}`);return}let n=e.key===`ArrowUp`?-1:e.key===`ArrowDown`?1:0;if(!n)return;e.preventDefault();let r=t+n;r<0||r>=v.value.length||(w.value===t?(C(t,r,`keyboard`),w.value=r,E(r)):E(r))}async function E(e){await Promise.resolve(),(g.value?.querySelector(`[data-index="${e}"] .nb-reorder-list__grab`))?.focus()}function D(e){w.value===e&&(w.value=null)}let O=(0,i.ref)(null),k=(0,i.ref)(null);function A(e,t){if(p.disabled||e.button!==0)return;let n=e.target,r=!!n.closest(`.nb-reorder-list__grab`);if(!(p.handle&&!r)&&!(!r&&n.closest(`button, a, input, select, textarea`))&&!(e.pointerType===`touch`&&!r)&&!(O.value!==null&&e.pointerId!==j)){if(w.value=null,O.value=t,k.value=t,j=e.pointerId,e.pointerType&&e.pointerType!==`mouse`){let t=n.closest(`.nb-reorder-list__grab`);try{t?.setPointerCapture?.(e.pointerId)}catch{}}P(),window.addEventListener(`pointermove`,I),window.addEventListener(`pointerup`,L),window.addEventListener(`pointercancel`,R)}}let j;function M(e){return e.pointerId===j}let N=null;function P(){typeof document>`u`||N!==null||(N=document.body.style.userSelect,document.body.style.userSelect=`none`,document.body.style.setProperty(`-webkit-user-select`,`none`))}function F(){typeof document>`u`||N===null||(document.body.style.userSelect=N,document.body.style.removeProperty(`-webkit-user-select`),N=null)}function I(e){if(O.value===null||!g.value||!M(e))return;let t=[...g.value.querySelectorAll(`[data-index]`)],n=t.length;for(let r of t){let t=r.getBoundingClientRect();if(e.clientY<t.top+t.height/2){n=Number(r.dataset.index);break}}k.value=n}function L(e){if(!M(e))return;let t=O.value,n=k.value;z(),!(t===null||n===null)&&C(t,n>t?n-1:n,`pointer`)}function R(e){M(e)&&z()}function z(){F(),O.value=null,k.value=null,j=void 0,window.removeEventListener(`pointermove`,I),window.removeEventListener(`pointerup`,L),window.removeEventListener(`pointercancel`,R)}return(0,i.onBeforeUnmount)(z),(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,{ref_key:`listRef`,ref:g,class:(0,i.normalizeClass)([`nb-reorder-list`,{"nb-reorder-list--dragging":O.value!==null}]),role:`list`,"aria-label":e.label||void 0,"aria-describedby":`${(0,i.unref)(h)}-hint`},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(v.value,(r,o)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,(0,i.mergeProps)({key:y(r,o),class:[`nb-reorder-list__row`,{"nb-reorder-list__row--dragging":O.value===o,"nb-reorder-list__row--lifted":w.value===o,"nb-reorder-list__row--drop-before":k.value===o,"nb-reorder-list__row--drop-after":k.value===o+1&&o===v.value.length-1}]},{ref_for:!0},(0,i.unref)(_),{"data-index":o,onPointerdown:e=>A(e,o)}),[(0,i.createElementVNode)(`div`,{class:`nb-reorder-list__grab`,tabindex:e.disabled?-1:0,role:`button`,"aria-disabled":e.disabled||void 0,"aria-label":x(o),onKeydown:e=>T(e,o),onBlur:e=>D(o)},[(0,i.renderSlot)(n.$slots,`handle`,{item:r,index:o},()=>[(0,i.createVNode)(t.t,{class:`nb-reorder-list__grip`,name:(0,i.unref)(a.regular),size:16,"aria-hidden":`true`},null,8,[`name`])],!0)],40,c),(0,i.createElementVNode)(`div`,l,[(0,i.renderSlot)(n.$slots,`default`,{item:r,index:o},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(r),1)],!0)])],16,s))),128)),(0,i.createElementVNode)(`li`,{id:`${(0,i.unref)(h)}-hint`,class:`nb-reorder-list__sr`},` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. `,8,u),(0,i.createElementVNode)(`li`,d,(0,i.toDisplayString)(S.value),1)],10,o))}}),p=e.t(f,[[`__scopeId`,`data-v-e7e76c31`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./Icon-rREAqsu0.js";
|
|
2
|
-
import { t } from "./Grid-
|
|
2
|
+
import { t } from "./Grid-CJFQvcko.js";
|
|
3
3
|
import { t as n } from "./Label-BEW_5nYq.js";
|
|
4
4
|
import { t as r } from "./Message-DPv6St5M.js";
|
|
5
5
|
import { useMenuSurface as i } from "./composables/useMenuSurface.composable.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./Grid-CDrItyQ7.cjs`),n=require(`./Label-71QAuWf4.cjs`),r=require(`./Message-vFr_gB2V.cjs`),i=require(`./composables/useMenuSurface.composable.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/caret-down`),s=require(`@nubisco/ui/icons/caret-up`),c=require(`@nubisco/ui/icons/x`);var l=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],u={key:2,class:`nb-select__clear-space`,"aria-hidden":`true`},d=[`aria-label`],f=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],p={key:1,class:`nb-select__inner-label`},m={key:0,class:`nb-select__asterisk`,"aria-hidden":`true`},h={key:0,class:`nb-select__clear-space`,"aria-hidden":`true`},g=[`aria-label`],_=[`aria-multiselectable`],v=[`aria-labelledby`],y=[`id`],b=[`aria-selected`,`aria-disabled`,`onMouseenter`,`onClick`],x={key:0,class:`nb-select__option-check`,"aria-hidden":`true`},ee={key:0,viewBox:`0 0 10 8`,fill:`none`,width:`10`,height:`8`},te={class:`nb-select__option-label`},ne={key:0,class:`nb-select__empty`},re=[`placeholder`,`onKeydown`],S=(0,a.defineComponent)({__name:`Select`,props:{modelValue:{default:null},options:{default:()=>[]},multiple:{type:Boolean,default:!1},creatable:{type:Boolean,default:!1},createPlaceholder:{default:``},clearable:{type:Boolean,default:!1},clearLabel:{default:`Clear selection`},placeholder:{default:`Select…`},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`,`create`],setup(S,{expose:C,emit:ie}){let w=S,T=ie,E=(e,{slots:t})=>e.wrap?(0,a.h)(`div`,{class:`nb-select__control`},t.default?.()):t.default?.();E.props=[`wrap`];let D=(0,a.ref)(``);function O(){let e=D.value.trim();e&&(T(`create`,e),D.value=``)}let k=(0,a.ref)(!1),A=(0,a.ref)(!1),j=(0,a.ref)(-1),M=(0,a.ref)(null),N=(0,a.ref)(null),P=(0,a.ref)(null);i.useMenuSurface(P);let F=(0,a.ref)({position:`fixed`,top:`0px`,left:`0px`,width:`0px`,zIndex:`9999`}),I=`nb-select-${(0,a.useId)()}`,L=(0,a.computed)(()=>w.id??I),R=(0,a.computed)(()=>w.modelValue==null?[]:Array.isArray(w.modelValue)?w.modelValue:[w.modelValue]),z=(0,a.computed)(()=>{if(!(w.multiple||R.value.length!==1))return(w.options??[]).find(e=>e.value===R.value[0])?.icon}),B=(0,a.computed)(()=>{if(R.value.length===0)return``;let e=w.options??[];return w.multiple?R.value.length===1?e.find(e=>e.value===R.value[0])?.label??String(R.value[0]):R.value.length===2?R.value.map(t=>e.find(e=>e.value===t)?.label??String(t)).join(`, `):`${R.value.length} selected`:e.find(e=>e.value===R.value[0])?.label??String(R.value[0])});function V(e){return R.value.includes(e)}let H=(0,a.computed)(()=>{let e=[];return(w.options??[]).forEach((t,n)=>{let r=e[e.length-1];(!r||r.name!==t.group)&&e.push({key:`${e.length}:${t.group??``}`,name:t.group,labelId:`${L.value}-group-${e.length}`,entries:[]}),e[e.length-1].entries.push({option:t,index:n})}),e});function U(e,t){let n=w.options??[];for(let r=e+t;r>=0&&r<n.length;r+=t)if(!n[r].disabled)return r;return e}function W(e){if(e.disabled)return;let t;if(w.multiple){let n=[...R.value],r=n.indexOf(e.value);r>=0?n.splice(r,1):n.push(e.value),t=n}else t=e.value,q();T(`update:modelValue`,t),T(`change`,t)}function G(){if(!N.value)return;let e=N.value.getBoundingClientRect(),t=P.value?.offsetHeight??0,n=window.innerHeight-e.bottom,r=e.top;F.value={position:`fixed`,top:t>0&&n<t&&r>n?`${e.top-t}px`:`${e.bottom}px`,left:`${e.left}px`,width:`${e.width}px`,zIndex:`9999`}}function K(){if(w.disabled)return;k.value=!0,G();let e=w.options??[];j.value=R.value.length>0?Math.max(0,e.findIndex(e=>e.value===R.value[0])):-1,(0,a.nextTick)(()=>{G(),Z()})}function q(){k.value=!1,j.value=-1}function J(){k.value?q():K()}function Y(e){let t=e.target,n=M.value?.contains(t)??!1,r=P.value?.contains(t)??!1;!n&&!r&&q()}function X(){k.value&&G()}(0,a.watch)(k,e=>{e?(document.addEventListener(`mousedown`,Y),window.addEventListener(`scroll`,X,!0),window.addEventListener(`resize`,X)):(document.removeEventListener(`mousedown`,Y),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`resize`,X))}),(0,a.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,Y),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`resize`,X)});function ae(e){let t=w.options??[];if(!k.value){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),K());return}e.key===`Escape`?(q(),e.preventDefault()):e.key===`Tab`?q():e.key===`ArrowDown`?(e.preventDefault(),j.value=U(j.value,1),Z()):e.key===`ArrowUp`?(e.preventDefault(),j.value>0&&(j.value=U(j.value,-1)),Z()):(e.key===`Enter`||e.key===` `)&&j.value>=0&&(e.preventDefault(),W(t[j.value]))}function Z(){(0,a.nextTick)(()=>{!P.value||j.value<0||P.value.querySelectorAll(`.nb-select__option`)[j.value]?.scrollIntoView({block:`nearest`})})}let Q=(0,a.computed)(()=>w.clearable&&!w.disabled&&R.value.length>0);function $(){let e=w.multiple?[]:null;q(),T(`update:modelValue`,e),T(`change`,e),N.value?.focus()}let oe=(0,a.computed)(()=>[`nb-select`,`nb-select--${w.variant}`,`nb-select--${w.size}`,{"nb-select--open":k.value,"nb-select--focused":A.value&&!k.value,"nb-select--error":!!w.error,"nb-select--warning":!w.error&&!!w.warning,"nb-select--multiple":w.multiple}]);return C({open:K,close:q}),(i,C)=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,[(0,a.createElementVNode)(`div`,{ref_key:`rootRef`,ref:M,class:(0,a.normalizeClass)(oe.value),onKeydown:ae},[S.variant===`default`?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[i.$slots.label?(0,a.renderSlot)(i.$slots,`label`,{key:0}):S.label?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:1,for:L.value,required:S.required,disabled:S.disabled},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(E,{wrap:S.clearable},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{id:L.value,ref_key:`triggerRef`,ref:N,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":k.value,"aria-haspopup":`listbox`,"aria-disabled":S.disabled||void 0,"aria-required":S.required||void 0,disabled:S.disabled||void 0,onClick:J,onFocus:C[0]||=e=>A.value=!0,onBlur:C[1]||=e=>A.value=!1},[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!B.value,"nb-select__value--with-icon":!!z.value}])},[z.value?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:0,class:`nb-select__value-icon`,name:z.value,size:16},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),B.value?(0,a.renderSlot)(i.$slots,`value`,{key:1,values:R.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(B.value),1)]):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createTextVNode)((0,a.toDisplayString)(S.placeholder),1)],64))],2),S.error?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.error),1)]),_:1})):S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.warning),1)]),_:1})):(0,a.createCommentVNode)(``,!0),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,u)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(t.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(e.t,{name:k.value?(0,a.unref)(s.regular):(0,a.unref)(o.regular),size:16},null,8,[`name`])]),_:1})],40,l),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-select__clear`,"aria-label":S.clearLabel,onClick:$,onKeydown:[C[2]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`enter`]),C[3]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`space`])]},[(0,a.createVNode)(e.t,{name:(0,a.unref)(c.regular),size:16},null,8,[`name`])],40,d)):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`wrap`]),S.error?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:2,variant:`error`,class:`nb-select__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.error),1)]),_:1})):S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:3,variant:`warning`,class:`nb-select__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.warning),1)]),_:1})):S.helper?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:4,variant:`helper`,class:`nb-select__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.helper),1)]),_:1})):(0,a.createCommentVNode)(``,!0)],64)):S.variant===`fluid`?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createVNode)(E,{wrap:S.clearable},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{id:L.value,ref_key:`triggerRef`,ref:N,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":k.value,"aria-haspopup":`listbox`,"aria-disabled":S.disabled||void 0,"aria-required":S.required||void 0,disabled:S.disabled||void 0,onClick:J,onFocus:C[4]||=e=>A.value=!0,onBlur:C[5]||=e=>A.value=!1},[S.label||i.$slots.label?((0,a.openBlock)(),(0,a.createBlock)(t.t,{key:0,dir:`row`,align:`center`,gap:`xs`,class:`nb-select__inner-header`},{default:(0,a.withCtx)(()=>[i.$slots.label?(0,a.renderSlot)(i.$slots,`label`,{key:0}):((0,a.openBlock)(),(0,a.createElementBlock)(`label`,p,[(0,a.createTextVNode)((0,a.toDisplayString)(S.label)+` `,1),S.required?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,m,`*`)):(0,a.createCommentVNode)(``,!0)])),S.helper&&!S.error&&!S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:2,variant:`helper`,"icon-only":!0,class:`nb-select__inner-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.helper),1)]),_:1})):(0,a.createCommentVNode)(``,!0)]),_:3})):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(t.t,{dir:`row`,align:`end`,flex:``,class:`nb-select__value-row`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!B.value,"nb-select__value--with-icon":!!z.value}])},[z.value?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:0,class:`nb-select__value-icon`,name:z.value,size:16},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),B.value?(0,a.renderSlot)(i.$slots,`value`,{key:1,values:R.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(B.value),1)]):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createTextVNode)((0,a.toDisplayString)(S.placeholder),1)],64))],2),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,h)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(t.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(e.t,{name:k.value?(0,a.unref)(s.regular):(0,a.unref)(o.regular),size:16},null,8,[`name`])]),_:1})]),_:3})],40,f),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-select__clear`,"aria-label":S.clearLabel,onClick:$,onKeydown:[C[6]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`enter`]),C[7]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`space`])]},[(0,a.createVNode)(e.t,{name:(0,a.unref)(c.regular),size:16},null,8,[`name`])],40,g)):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`wrap`]),S.error?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:0,variant:`error`,class:`nb-select__fluid-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.error),1)]),_:1})):S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:1,variant:`warning`,class:`nb-select__fluid-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.warning),1)]),_:1})):(0,a.createCommentVNode)(``,!0)],64)):(0,a.createCommentVNode)(``,!0)],34),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`},[k.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref_key:`dropdownRef`,ref:P,class:`nb-select__dropdown`,style:(0,a.normalizeStyle)(F.value),role:`listbox`,"aria-multiselectable":S.multiple||void 0},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(H.value,t=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:t.key,class:`nb-select__group`,role:`group`,"aria-labelledby":t.name?t.labelId:void 0},[t.name?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,id:t.labelId,class:`nb-select__group-label`},(0,a.toDisplayString)(t.name),9,y)):(0,a.createCommentVNode)(``,!0),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(t.entries,t=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:t.option.value,class:(0,a.normalizeClass)([`nb-select__option`,{"nb-select__option--selected":V(t.option.value),"nb-select__option--highlighted":j.value===t.index,"nb-select__option--disabled":t.option.disabled}]),role:`option`,"aria-selected":V(t.option.value),"aria-disabled":t.option.disabled||void 0,onMouseenter:e=>j.value=t.index,onClick:e=>W(t.option)},[S.multiple?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,x,[V(t.option.value)?((0,a.openBlock)(),(0,a.createElementBlock)(`svg`,ee,[...C[11]||=[(0,a.createElementVNode)(`path`,{d:`M1 4l3 3 5-6`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]])):(0,a.createCommentVNode)(``,!0)])):(0,a.createCommentVNode)(``,!0),t.option.icon?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:1,class:`nb-select__option-icon`,name:t.option.icon,size:16},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,te,[(0,a.renderSlot)(i.$slots,`option`,{option:t.option},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(t.option.label),1)])])],42,b))),128))],8,v))),128)),!S.options||S.options.length===0?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ne,` No options `)):(0,a.createCommentVNode)(``,!0),S.creatable?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:`nb-select__create`,onMousedown:C[10]||=(0,a.withModifiers)(()=>{},[`prevent`])},[(0,a.withDirectives)((0,a.createElementVNode)(`input`,{"onUpdate:modelValue":C[8]||=e=>D.value=e,type:`text`,class:`nb-select__create-input`,placeholder:S.createPlaceholder||`Add new…`,onKeydown:[(0,a.withKeys)((0,a.withModifiers)(O,[`prevent`]),[`enter`]),C[9]||=(0,a.withModifiers)(()=>{},[`stop`])]},null,40,re),[[a.vModelText,D.value]])],32)):(0,a.createCommentVNode)(``,!0)],12,_)):(0,a.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./Grid-CXE0B85G.cjs`),n=require(`./Label-71QAuWf4.cjs`),r=require(`./Message-vFr_gB2V.cjs`),i=require(`./composables/useMenuSurface.composable.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/caret-down`),s=require(`@nubisco/ui/icons/caret-up`),c=require(`@nubisco/ui/icons/x`);var l=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],u={key:2,class:`nb-select__clear-space`,"aria-hidden":`true`},d=[`aria-label`],f=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],p={key:1,class:`nb-select__inner-label`},m={key:0,class:`nb-select__asterisk`,"aria-hidden":`true`},h={key:0,class:`nb-select__clear-space`,"aria-hidden":`true`},g=[`aria-label`],_=[`aria-multiselectable`],v=[`aria-labelledby`],y=[`id`],b=[`aria-selected`,`aria-disabled`,`onMouseenter`,`onClick`],x={key:0,class:`nb-select__option-check`,"aria-hidden":`true`},ee={key:0,viewBox:`0 0 10 8`,fill:`none`,width:`10`,height:`8`},te={class:`nb-select__option-label`},ne={key:0,class:`nb-select__empty`},re=[`placeholder`,`onKeydown`],S=(0,a.defineComponent)({__name:`Select`,props:{modelValue:{default:null},options:{default:()=>[]},multiple:{type:Boolean,default:!1},creatable:{type:Boolean,default:!1},createPlaceholder:{default:``},clearable:{type:Boolean,default:!1},clearLabel:{default:`Clear selection`},placeholder:{default:`Select…`},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`,`create`],setup(S,{expose:C,emit:ie}){let w=S,T=ie,E=(e,{slots:t})=>e.wrap?(0,a.h)(`div`,{class:`nb-select__control`},t.default?.()):t.default?.();E.props=[`wrap`];let D=(0,a.ref)(``);function O(){let e=D.value.trim();e&&(T(`create`,e),D.value=``)}let k=(0,a.ref)(!1),A=(0,a.ref)(!1),j=(0,a.ref)(-1),M=(0,a.ref)(null),N=(0,a.ref)(null),P=(0,a.ref)(null);i.useMenuSurface(P);let F=(0,a.ref)({position:`fixed`,top:`0px`,left:`0px`,width:`0px`,zIndex:`9999`}),I=`nb-select-${(0,a.useId)()}`,L=(0,a.computed)(()=>w.id??I),R=(0,a.computed)(()=>w.modelValue==null?[]:Array.isArray(w.modelValue)?w.modelValue:[w.modelValue]),z=(0,a.computed)(()=>{if(!(w.multiple||R.value.length!==1))return(w.options??[]).find(e=>e.value===R.value[0])?.icon}),B=(0,a.computed)(()=>{if(R.value.length===0)return``;let e=w.options??[];return w.multiple?R.value.length===1?e.find(e=>e.value===R.value[0])?.label??String(R.value[0]):R.value.length===2?R.value.map(t=>e.find(e=>e.value===t)?.label??String(t)).join(`, `):`${R.value.length} selected`:e.find(e=>e.value===R.value[0])?.label??String(R.value[0])});function V(e){return R.value.includes(e)}let H=(0,a.computed)(()=>{let e=[];return(w.options??[]).forEach((t,n)=>{let r=e[e.length-1];(!r||r.name!==t.group)&&e.push({key:`${e.length}:${t.group??``}`,name:t.group,labelId:`${L.value}-group-${e.length}`,entries:[]}),e[e.length-1].entries.push({option:t,index:n})}),e});function U(e,t){let n=w.options??[];for(let r=e+t;r>=0&&r<n.length;r+=t)if(!n[r].disabled)return r;return e}function W(e){if(e.disabled)return;let t;if(w.multiple){let n=[...R.value],r=n.indexOf(e.value);r>=0?n.splice(r,1):n.push(e.value),t=n}else t=e.value,q();T(`update:modelValue`,t),T(`change`,t)}function G(){if(!N.value)return;let e=N.value.getBoundingClientRect(),t=P.value?.offsetHeight??0,n=window.innerHeight-e.bottom,r=e.top;F.value={position:`fixed`,top:t>0&&n<t&&r>n?`${e.top-t}px`:`${e.bottom}px`,left:`${e.left}px`,width:`${e.width}px`,zIndex:`9999`}}function K(){if(w.disabled)return;k.value=!0,G();let e=w.options??[];j.value=R.value.length>0?Math.max(0,e.findIndex(e=>e.value===R.value[0])):-1,(0,a.nextTick)(()=>{G(),Z()})}function q(){k.value=!1,j.value=-1}function J(){k.value?q():K()}function Y(e){let t=e.target,n=M.value?.contains(t)??!1,r=P.value?.contains(t)??!1;!n&&!r&&q()}function X(){k.value&&G()}(0,a.watch)(k,e=>{e?(document.addEventListener(`mousedown`,Y),window.addEventListener(`scroll`,X,!0),window.addEventListener(`resize`,X)):(document.removeEventListener(`mousedown`,Y),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`resize`,X))}),(0,a.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,Y),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`resize`,X)});function ae(e){let t=w.options??[];if(!k.value){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),K());return}e.key===`Escape`?(q(),e.preventDefault()):e.key===`Tab`?q():e.key===`ArrowDown`?(e.preventDefault(),j.value=U(j.value,1),Z()):e.key===`ArrowUp`?(e.preventDefault(),j.value>0&&(j.value=U(j.value,-1)),Z()):(e.key===`Enter`||e.key===` `)&&j.value>=0&&(e.preventDefault(),W(t[j.value]))}function Z(){(0,a.nextTick)(()=>{!P.value||j.value<0||P.value.querySelectorAll(`.nb-select__option`)[j.value]?.scrollIntoView({block:`nearest`})})}let Q=(0,a.computed)(()=>w.clearable&&!w.disabled&&R.value.length>0);function $(){let e=w.multiple?[]:null;q(),T(`update:modelValue`,e),T(`change`,e),N.value?.focus()}let oe=(0,a.computed)(()=>[`nb-select`,`nb-select--${w.variant}`,`nb-select--${w.size}`,{"nb-select--open":k.value,"nb-select--focused":A.value&&!k.value,"nb-select--error":!!w.error,"nb-select--warning":!w.error&&!!w.warning,"nb-select--multiple":w.multiple}]);return C({open:K,close:q}),(i,C)=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,[(0,a.createElementVNode)(`div`,{ref_key:`rootRef`,ref:M,class:(0,a.normalizeClass)(oe.value),onKeydown:ae},[S.variant===`default`?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[i.$slots.label?(0,a.renderSlot)(i.$slots,`label`,{key:0}):S.label?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:1,for:L.value,required:S.required,disabled:S.disabled},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(E,{wrap:S.clearable},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{id:L.value,ref_key:`triggerRef`,ref:N,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":k.value,"aria-haspopup":`listbox`,"aria-disabled":S.disabled||void 0,"aria-required":S.required||void 0,disabled:S.disabled||void 0,onClick:J,onFocus:C[0]||=e=>A.value=!0,onBlur:C[1]||=e=>A.value=!1},[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!B.value,"nb-select__value--with-icon":!!z.value}])},[z.value?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:0,class:`nb-select__value-icon`,name:z.value,size:16},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),B.value?(0,a.renderSlot)(i.$slots,`value`,{key:1,values:R.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(B.value),1)]):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createTextVNode)((0,a.toDisplayString)(S.placeholder),1)],64))],2),S.error?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.error),1)]),_:1})):S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.warning),1)]),_:1})):(0,a.createCommentVNode)(``,!0),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,u)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(t.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(e.t,{name:k.value?(0,a.unref)(s.regular):(0,a.unref)(o.regular),size:16},null,8,[`name`])]),_:1})],40,l),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-select__clear`,"aria-label":S.clearLabel,onClick:$,onKeydown:[C[2]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`enter`]),C[3]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`space`])]},[(0,a.createVNode)(e.t,{name:(0,a.unref)(c.regular),size:16},null,8,[`name`])],40,d)):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`wrap`]),S.error?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:2,variant:`error`,class:`nb-select__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.error),1)]),_:1})):S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:3,variant:`warning`,class:`nb-select__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.warning),1)]),_:1})):S.helper?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:4,variant:`helper`,class:`nb-select__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.helper),1)]),_:1})):(0,a.createCommentVNode)(``,!0)],64)):S.variant===`fluid`?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createVNode)(E,{wrap:S.clearable},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{id:L.value,ref_key:`triggerRef`,ref:N,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":k.value,"aria-haspopup":`listbox`,"aria-disabled":S.disabled||void 0,"aria-required":S.required||void 0,disabled:S.disabled||void 0,onClick:J,onFocus:C[4]||=e=>A.value=!0,onBlur:C[5]||=e=>A.value=!1},[S.label||i.$slots.label?((0,a.openBlock)(),(0,a.createBlock)(t.t,{key:0,dir:`row`,align:`center`,gap:`xs`,class:`nb-select__inner-header`},{default:(0,a.withCtx)(()=>[i.$slots.label?(0,a.renderSlot)(i.$slots,`label`,{key:0}):((0,a.openBlock)(),(0,a.createElementBlock)(`label`,p,[(0,a.createTextVNode)((0,a.toDisplayString)(S.label)+` `,1),S.required?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,m,`*`)):(0,a.createCommentVNode)(``,!0)])),S.helper&&!S.error&&!S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:2,variant:`helper`,"icon-only":!0,class:`nb-select__inner-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.helper),1)]),_:1})):(0,a.createCommentVNode)(``,!0)]),_:3})):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(t.t,{dir:`row`,align:`end`,flex:``,class:`nb-select__value-row`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!B.value,"nb-select__value--with-icon":!!z.value}])},[z.value?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:0,class:`nb-select__value-icon`,name:z.value,size:16},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),B.value?(0,a.renderSlot)(i.$slots,`value`,{key:1,values:R.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(B.value),1)]):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createTextVNode)((0,a.toDisplayString)(S.placeholder),1)],64))],2),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,h)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(t.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,a.withCtx)(()=>[(0,a.createVNode)(e.t,{name:k.value?(0,a.unref)(s.regular):(0,a.unref)(o.regular),size:16},null,8,[`name`])]),_:1})]),_:3})],40,f),Q.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-select__clear`,"aria-label":S.clearLabel,onClick:$,onKeydown:[C[6]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`enter`]),C[7]||=(0,a.withKeys)((0,a.withModifiers)(()=>{},[`stop`]),[`space`])]},[(0,a.createVNode)(e.t,{name:(0,a.unref)(c.regular),size:16},null,8,[`name`])],40,g)):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`wrap`]),S.error?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:0,variant:`error`,class:`nb-select__fluid-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.error),1)]),_:1})):S.warning?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:1,variant:`warning`,class:`nb-select__fluid-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(S.warning),1)]),_:1})):(0,a.createCommentVNode)(``,!0)],64)):(0,a.createCommentVNode)(``,!0)],34),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`},[k.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref_key:`dropdownRef`,ref:P,class:`nb-select__dropdown`,style:(0,a.normalizeStyle)(F.value),role:`listbox`,"aria-multiselectable":S.multiple||void 0},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(H.value,t=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:t.key,class:`nb-select__group`,role:`group`,"aria-labelledby":t.name?t.labelId:void 0},[t.name?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,id:t.labelId,class:`nb-select__group-label`},(0,a.toDisplayString)(t.name),9,y)):(0,a.createCommentVNode)(``,!0),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(t.entries,t=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:t.option.value,class:(0,a.normalizeClass)([`nb-select__option`,{"nb-select__option--selected":V(t.option.value),"nb-select__option--highlighted":j.value===t.index,"nb-select__option--disabled":t.option.disabled}]),role:`option`,"aria-selected":V(t.option.value),"aria-disabled":t.option.disabled||void 0,onMouseenter:e=>j.value=t.index,onClick:e=>W(t.option)},[S.multiple?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,x,[V(t.option.value)?((0,a.openBlock)(),(0,a.createElementBlock)(`svg`,ee,[...C[11]||=[(0,a.createElementVNode)(`path`,{d:`M1 4l3 3 5-6`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]])):(0,a.createCommentVNode)(``,!0)])):(0,a.createCommentVNode)(``,!0),t.option.icon?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:1,class:`nb-select__option-icon`,name:t.option.icon,size:16},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,te,[(0,a.renderSlot)(i.$slots,`option`,{option:t.option},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(t.option.label),1)])])],42,b))),128))],8,v))),128)),!S.options||S.options.length===0?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ne,` No options `)):(0,a.createCommentVNode)(``,!0),S.creatable?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:`nb-select__create`,onMousedown:C[10]||=(0,a.withModifiers)(()=>{},[`prevent`])},[(0,a.withDirectives)((0,a.createElementVNode)(`input`,{"onUpdate:modelValue":C[8]||=e=>D.value=e,type:`text`,class:`nb-select__create-input`,placeholder:S.createPlaceholder||`Add new…`,onKeydown:[(0,a.withKeys)((0,a.withModifiers)(O,[`prevent`]),[`enter`]),C[9]||=(0,a.withModifiers)(()=>{},[`stop`])]},null,40,re),[[a.vModelText,D.value]])],32)):(0,a.createCommentVNode)(``,!0)],12,_)):(0,a.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`);let n=require(`vue`);var r={class:`nb-shell-panel__header`},i={class:`nb-shell-panel__header-left`},a={key:0,class:`nb-shell-panel__title`},o={class:`nb-shell-panel__header-center`},s={class:`nb-shell-panel__toolbar`},c=[`aria-label`],l=[`aria-pressed`],u=[`aria-pressed`],d=[`aria-pressed`],f={key:0,class:`nb-shell-panel__content`},p=(0,n.defineComponent)({__name:`ShellPanel`,props:{size:{default:`default`},title:{default:``},fluid:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:[`update:size`],setup(e,{expose:p,emit:m}){let h=e,{layerProps:g}=t.useSurfaceLayer(),_=m,v=(0,n.ref)(h.size);(0,n.watch)(()=>h.size,e=>v.value=e);let y=(0,n.computed)({get:()=>v.value,set:e=>{v.value=e,_(`update:size`,e)}});function b(e){y.value=e}return p({setSize:b}),(t,p)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:`nb-shell-panel`},(0,n.unref)(g),{class:[y.value,{"nb-shell-panel--fluid":e.fluid,"nb-shell-panel--fill":e.fill}]}),[(0,n.createElementVNode)(`div`,r,[(0,n.createElementVNode)(`div`,i,[e.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,(0,n.toDisplayString)(e.title),1)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`title`,{},void 0,!0)]),(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.renderSlot)(t.$slots,`toolbar`,{},void 0,!0)])]),(0,n.createElementVNode)(`div`,{class:`nb-shell-panel__header-right`,role:`group`,"aria-label":e.title?`${e.title} panel size`:`Panel size`},[(0,n.renderSlot)(t.$slots,`controls`,{},()=>[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`collapsed`}]),"aria-pressed":y.value===`collapsed`,title:`Minimize`,"aria-label":`Minimize`,onClick:p[0]||=e=>b(`collapsed`)},[...p[3]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`line`,{x1:`2`,y1:`10`,x2:`10`,y2:`10`,stroke:`currentColor`,"stroke-width":`1.5`})],-1)]],10,l),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`default`}]),"aria-pressed":y.value===`default`,title:`Default`,"aria-label":`Default`,onClick:p[1]||=e=>b(`default`)},[...p[4]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`5`,width:`10`,height:`6`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,u),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`full`}]),"aria-pressed":y.value===`full`,title:`Maximize`,"aria-label":`Maximize`,onClick:p[2]||=e=>b(`full`)},[...p[5]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`1`,width:`10`,height:`10`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`}),(0,n.createElementVNode)(`line`,{x1:`1`,y1:`3.5`,x2:`11`,y2:`3.5`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,d)],!0)],8,c)]),y.value===`collapsed`?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]))],16))}}),m=e.t(p,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`);let n=require(`vue`);var r={class:`nb-shell-panel__header`},i={class:`nb-shell-panel__header-left`},a={key:0,class:`nb-shell-panel__title`},o={class:`nb-shell-panel__header-center`},s={class:`nb-shell-panel__toolbar`},c=[`aria-label`],l=[`aria-pressed`],u=[`aria-pressed`],d=[`aria-pressed`],f={key:0,class:`nb-shell-panel__content`},p=(0,n.defineComponent)({__name:`ShellPanel`,props:{size:{default:`default`},title:{default:``},fluid:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:[`update:size`],setup(e,{expose:p,emit:m}){let h=e,{layerProps:g}=t.useSurfaceLayer(),_=m,v=(0,n.ref)(h.size);(0,n.watch)(()=>h.size,e=>v.value=e);let y=(0,n.computed)({get:()=>v.value,set:e=>{v.value=e,_(`update:size`,e)}});function b(e){y.value=e}return p({setSize:b}),(t,p)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:`nb-shell-panel`},(0,n.unref)(g),{class:[y.value,{"nb-shell-panel--fluid":e.fluid,"nb-shell-panel--fill":e.fill}]}),[(0,n.createElementVNode)(`div`,r,[(0,n.createElementVNode)(`div`,i,[e.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,(0,n.toDisplayString)(e.title),1)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`title`,{},void 0,!0)]),(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.renderSlot)(t.$slots,`toolbar`,{},void 0,!0)])]),(0,n.createElementVNode)(`div`,{class:`nb-shell-panel__header-right`,role:`group`,"aria-label":e.title?`${e.title} panel size`:`Panel size`},[(0,n.renderSlot)(t.$slots,`controls`,{},()=>[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`collapsed`}]),"aria-pressed":y.value===`collapsed`,title:`Minimize`,"aria-label":`Minimize`,onClick:p[0]||=e=>b(`collapsed`)},[...p[3]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`line`,{x1:`2`,y1:`10`,x2:`10`,y2:`10`,stroke:`currentColor`,"stroke-width":`1.5`})],-1)]],10,l),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`default`}]),"aria-pressed":y.value===`default`,title:`Default`,"aria-label":`Default`,onClick:p[1]||=e=>b(`default`)},[...p[4]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`5`,width:`10`,height:`6`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,u),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`full`}]),"aria-pressed":y.value===`full`,title:`Maximize`,"aria-label":`Maximize`,onClick:p[2]||=e=>b(`full`)},[...p[5]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`1`,width:`10`,height:`10`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`}),(0,n.createElementVNode)(`line`,{x1:`1`,y1:`3.5`,x2:`11`,y2:`3.5`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,d)],!0)],8,c)]),y.value===`collapsed`?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]))],16))}}),m=e.t(p,[[`__scopeId`,`data-v-f79163f9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -120,6 +120,6 @@ var h = { class: "nb-shell-panel__header" }, g = { class: "nb-shell-panel__heade
|
|
|
120
120
|
], !0)], 8, b)
|
|
121
121
|
]), A.value === "collapsed" ? r("", !0) : (l(), i("div", w, [d(t.$slots, "default", {}, void 0, !0)]))], 16));
|
|
122
122
|
}
|
|
123
|
-
}), [["__scopeId", "data-v-
|
|
123
|
+
}), [["__scopeId", "data-v-f79163f9"]]);
|
|
124
124
|
//#endregion
|
|
125
125
|
export { T as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
|
-
import { t as n } from "./Grid-
|
|
3
|
+
import { t as n } from "./Grid-CJFQvcko.js";
|
|
4
4
|
import { t as r } from "./Label-BEW_5nYq.js";
|
|
5
5
|
import { t as i } from "./Message-DPv6St5M.js";
|
|
6
6
|
import { t as a } from "./NumberInput-DgjZDq0n.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Grid-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Grid-CXE0B85G.cjs`),r=require(`./Label-71QAuWf4.cjs`),i=require(`./Message-vFr_gB2V.cjs`),a=require(`./NumberInput-DpPVxENr.cjs`);let o=require(`vue`);var s={class:`nb-slider__field-box`},c={key:0,class:`nb-slider__inner-header`},l={class:`nb-slider__inner-label`},u={class:`nb-slider__track-row`},d={key:0,class:`nb-slider__track-label`},f={key:1,class:`nb-slider__track-label`},p=(0,o.defineComponent)({__name:`Slider`,props:{modelValue:{},min:{default:0},max:{default:100},step:{default:1},range:{type:Boolean,default:!1},showInput:{type:Boolean,default:!0},showBounds:{type:Boolean,default:!0},name:{},disabled:{type:Boolean,default:!1},required:{type:Boolean},id:{},label:{},error:{},warning:{},helper:{},variant:{default:`default`},size:{default:t.r.Medium}},emits:[`update:modelValue`,`change`],setup(e,{emit:t}){let p=e,m=t,h=(0,o.ref)(null),g=(0,o.ref)(null),_=(0,o.computed)(()=>p.range||p.modelValue===null||p.modelValue===void 0?p.min??0:Array.isArray(p.modelValue)?p.modelValue[0]??p.min??0:p.modelValue),v=(0,o.computed)(()=>!p.range||!Array.isArray(p.modelValue)?p.min??0:p.modelValue[0]??p.min??0),y=(0,o.computed)(()=>!p.range||!Array.isArray(p.modelValue)?p.max??100:p.modelValue[1]??p.max??100),b=(0,o.computed)(()=>{let e=p.step??1;if(!isFinite(e)||e<=0)return 0;let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1});function x(e){let t=b.value;return t>0?Number(e.toFixed(t)):Math.round(e)}let S=(0,o.computed)(()=>x(p.range?y.value:_.value));function C(e){let t=p.min??0,n=p.max??100;return n===t?0:(e-t)/(n-t)*100}function w(e){let t=p.min??0,n=p.max??100,r=p.step??1,i=t+e/100*(n-t),a=Math.round(i/r)*r;return Math.max(t,Math.min(n,a))}function T(e){if(!h.value)return 0;let t=h.value.getBoundingClientRect(),n=`touches`in e?e.touches[0].clientX:e.clientX;return Math.max(0,Math.min(100,(n-t.left)/t.width*100))}let E=(0,o.computed)(()=>{if(!p.range)return{left:`0%`,width:`${C(_.value)}%`};let e=C(v.value),t=C(y.value);return{left:`${e}%`,width:`${t-e}%`}});function D(e){m(`update:modelValue`,e)}function O(e,t){m(`update:modelValue`,[e,t])}function k(e){if(e===null)return;let t=p.min??0,n=p.max??100;D(Math.max(t,Math.min(n,e)))}function A(e){if(e===null)return;let t=p.min??0;O(Math.max(t,Math.min(y.value,e)),y.value)}function j(e){if(e===null)return;let t=p.max??100,n=Math.max(v.value,Math.min(t,e));O(v.value,n)}function M(e){if(!p.range)return null;let t=C(v.value),n=C(y.value);return Math.abs(e-t)<=Math.abs(e-n)?`low`:`high`}function N(e){let t=w(e);if(!p.range){D(t);return}if(g.value===`low`)O(Math.min(t,y.value),y.value);else{let e=Math.max(t,v.value);O(v.value,e)}}function P(e){p.disabled||N(T(e))}function F(e){p.disabled||(m(`change`,p.range?[v.value,y.value]:_.value),N(T(e))),z()}function I(e){p.disabled||N(T(e))}function L(e){p.disabled||(m(`change`,p.range?[v.value,y.value]:_.value),N(T(e))),V()}function R(){document.addEventListener(`mousemove`,P),document.addEventListener(`mouseup`,F)}function z(){g.value=null,document.removeEventListener(`mousemove`,P),document.removeEventListener(`mouseup`,F)}function B(){document.addEventListener(`touchmove`,I,{passive:!0}),document.addEventListener(`touchend`,L)}function V(){g.value=null,document.removeEventListener(`touchmove`,I),document.removeEventListener(`touchend`,L)}function H(e){if(p.disabled)return;let t=T(e);g.value=M(t),N(t),R()}function U(e){if(p.disabled)return;let t=T(e);g.value=M(t),N(t),B()}function W(e,t){p.disabled||(g.value=p.range?e:null,R())}function G(e,t){p.disabled||(g.value=p.range?e:null,B())}(0,o.onBeforeUnmount)(()=>{z(),V()});let K=(0,o.computed)(()=>[`nb-slider`,`nb-slider--${p.size}`,`nb-slider--${p.variant}`,{"nb-slider--range":p.range,"nb-slider--disabled":p.disabled,"nb-slider--error":!!p.error,"nb-slider--warning":!p.error&&!!p.warning}]),q=(0,o.computed)(()=>({"nb-slider__track-area--error":!!p.error,"nb-slider__track-area--warning":!p.error&&!!p.warning}));return(t,p)=>((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{class:(0,o.normalizeClass)(K.value)},[e.variant===`default`&&e.label?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:0,class:`nb-slider__label`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.label),1)]),_:1})):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,s,[e.variant===`fluid`&&e.label?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,c,[(0,o.createElementVNode)(`label`,l,(0,o.toDisplayString)(e.label),1)])):(0,o.createCommentVNode)(``,!0),(0,o.createVNode)(n.t,{dir:`row`,align:`center`,gap:`sm`,class:`nb-slider__row`},{default:(0,o.withCtx)(()=>[e.range&&e.showInput?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:0,size:e.variant===`fluid`?`sm`:e.size,"model-value":v.value,min:e.min,max:y.value,step:e.step,disabled:e.disabled,class:`nb-slider__input`,"onUpdate:modelValue":A,onChange:A},null,8,[`size`,`model-value`,`min`,`max`,`step`,`disabled`])):(0,o.createCommentVNode)(``,!0),(0,o.createVNode)(n.t,{dir:`col`,justify:`end`,gap:`xs`,class:(0,o.normalizeClass)([`nb-slider__track-area`,q.value]),grow:``},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,u,[e.showBounds?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,d,(0,o.toDisplayString)(e.min),1)):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,{ref_key:`trackRef`,ref:h,class:`nb-slider__track`,onMousedown:H,onTouchstartPassive:U},[(0,o.createElementVNode)(`div`,{class:`nb-slider__track__fill`,style:(0,o.normalizeStyle)(E.value)},null,4),e.range?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:1},[(0,o.createElementVNode)(`div`,{class:`nb-slider__track__handle nb-slider__track__handle--low`,style:(0,o.normalizeStyle)({left:`${C(v.value)}%`}),onMousedown:p[2]||=(0,o.withModifiers)(e=>W(`low`,e),[`stop`]),onTouchstartPassive:p[3]||=(0,o.withModifiers)(e=>G(`low`,e),[`stop`])},null,36),(0,o.createElementVNode)(`div`,{class:`nb-slider__track__handle nb-slider__track__handle--high`,style:(0,o.normalizeStyle)({left:`${C(y.value)}%`}),onMousedown:p[4]||=(0,o.withModifiers)(e=>W(`high`,e),[`stop`]),onTouchstartPassive:p[5]||=(0,o.withModifiers)(e=>G(`high`,e),[`stop`])},null,36),p[8]||=(0,o.createElementVNode)(`div`,{class:`nb-slider__tick`},null,-1)],64)):((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,class:`nb-slider__track__handle`,style:(0,o.normalizeStyle)({left:`${C(_.value)}%`}),onMousedown:p[0]||=(0,o.withModifiers)(e=>W(null,e),[`stop`]),onTouchstartPassive:p[1]||=(0,o.withModifiers)(e=>G(null,e),[`stop`])},null,36))],544),e.showBounds?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,f,(0,o.toDisplayString)(e.max),1)):(0,o.createCommentVNode)(``,!0)])]),_:1},8,[`class`]),e.showInput?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:1,size:e.variant===`fluid`?`sm`:e.size,"model-value":S.value,min:e.range?v.value:e.min,max:e.max,step:e.step,disabled:e.disabled,class:`nb-slider__input`,"onUpdate:modelValue":p[6]||=t=>e.range?j(t):k(t),onChange:p[7]||=t=>e.range?j(t):k(t)},null,8,[`size`,`model-value`,`min`,`max`,`step`,`disabled`])):(0,o.createCommentVNode)(``,!0)]),_:1})]),e.error?((0,o.openBlock)(),(0,o.createBlock)(i.t,{key:1,variant:`error`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,o.openBlock)(),(0,o.createBlock)(i.t,{key:2,variant:`warning`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,o.openBlock)(),(0,o.createBlock)(i.t,{key:3,variant:`helper`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.helper),1)]),_:1})):(0,o.createCommentVNode)(``,!0)],2))}}),m=e.t(p,[[`__scopeId`,`data-v-2eeb00d6`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -47,7 +47,7 @@ var C = { class: "nb-stat__label" }, w = { class: "nb-stat__value" }, T = { key:
|
|
|
47
47
|
},
|
|
48
48
|
emits: ["select"],
|
|
49
49
|
setup(e, { emit: d }) {
|
|
50
|
-
let D = e, O = d, { layerProps: k } = n(), { tag: A, attrs: j, isInteractive: M, onClick: N, onKeydown: P } = r(D, () => O("select")), F = a(() => D.trend === "up" ? b : D.trend === "down" ? x : D.trend === "flat" ? S : null),
|
|
50
|
+
let D = e, O = d, { layerProps: k } = n(), { tag: A, attrs: j, isInteractive: M, onClick: N, onKeydown: P } = r(D, () => O("select")), F = a(() => D.size === "lg" ? 36 : D.size === "sm" ? 20 : 28), I = a(() => D.trend === "up" ? b : D.trend === "down" ? x : D.trend === "flat" ? S : null), L = a(() => D.trend === "up" ? D.invertTrend ? "negative" : "positive" : D.trend === "down" ? D.invertTrend ? "positive" : "negative" : "neutral");
|
|
51
51
|
return (n, r) => (m(), o(g(v(A)), f({ class: ["nb-stat", [
|
|
52
52
|
`nb-stat--${e.status}`,
|
|
53
53
|
`nb-stat--${e.size}`,
|
|
@@ -69,17 +69,17 @@ var C = { class: "nb-stat__label" }, w = { class: "nb-stat__value" }, T = { key:
|
|
|
69
69
|
l("span", w, [e.loading ? (m(), o(i, {
|
|
70
70
|
key: 0,
|
|
71
71
|
variant: "block",
|
|
72
|
-
height:
|
|
72
|
+
height: F.value,
|
|
73
73
|
width: "4.5ch",
|
|
74
74
|
radius: "sm"
|
|
75
75
|
}, null, 8, ["height"])) : h(n.$slots, "value", { key: 1 }, () => [u(_(e.value), 1)], !0)]),
|
|
76
76
|
!e.loading && (e.delta || e.trend || e.comparison || n.$slots.delta) ? (m(), c("span", {
|
|
77
77
|
key: 0,
|
|
78
|
-
class: p(["nb-stat__delta", e.trend ? `nb-stat__delta--${
|
|
78
|
+
class: p(["nb-stat__delta", e.trend ? `nb-stat__delta--${L.value}` : null])
|
|
79
79
|
}, [h(n.$slots, "delta", {}, () => [
|
|
80
|
-
|
|
80
|
+
I.value ? (m(), o(t, {
|
|
81
81
|
key: 0,
|
|
82
|
-
name:
|
|
82
|
+
name: I.value,
|
|
83
83
|
size: 12,
|
|
84
84
|
class: "nb-stat__trend",
|
|
85
85
|
"aria-hidden": "true"
|
|
@@ -96,6 +96,6 @@ var C = { class: "nb-stat__label" }, w = { class: "nb-stat__value" }, T = { key:
|
|
|
96
96
|
"onKeydown"
|
|
97
97
|
]));
|
|
98
98
|
}
|
|
99
|
-
}), [["__scopeId", "data-v-
|
|
99
|
+
}), [["__scopeId", "data-v-a4c5afe1"]]);
|
|
100
100
|
//#endregion
|
|
101
101
|
export { D as t };
|
|
@@ -0,0 +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/useSurfaceLayer.composable.cjs`),i=require(`./Card.link-CPtMC-Hu.cjs`),a=require(`./Skeleton-CSRjBPVt.cjs`);let o=require(`vue`),s=require(`@nubisco/ui/icons/arrow-up-right`);s=e.n(s);let c=require(`@nubisco/ui/icons/arrow-down-right`);c=e.n(c);let l=require(`@nubisco/ui/icons/minus`);l=e.n(l);var u={class:`nb-stat__label`},d={class:`nb-stat__value`},f={key:1},p={key:2,class:`nb-stat__comparison`},m=(0,o.defineComponent)({__name:`Stat`,props:{label:{},value:{default:void 0},status:{default:`neutral`},delta:{default:void 0},trend:{default:void 0},invertTrend:{type:Boolean,default:!1},comparison:{default:void 0},size:{default:`md`},loading:{type:Boolean,default:!1},to:{default:void 0},href:{default:void 0},target:{default:void 0},clickable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`select`],setup(e,{emit:t}){let m=e,h=t,{layerProps:g}=r.useSurfaceLayer(),{tag:_,attrs:v,isInteractive:y,onClick:b,onKeydown:x}=i.t(m,()=>h(`select`)),S=(0,o.computed)(()=>m.size===`lg`?36:m.size===`sm`?20:28),C=(0,o.computed)(()=>m.trend===`up`?s:m.trend===`down`?c:m.trend===`flat`?l:null),w=(0,o.computed)(()=>m.trend===`up`?m.invertTrend?`negative`:`positive`:m.trend===`down`?m.invertTrend?`positive`:`negative`:`neutral`);return(t,r)=>((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)((0,o.unref)(_)),(0,o.mergeProps)({class:[`nb-stat`,[`nb-stat--${e.status}`,`nb-stat--${e.size}`,{"nb-stat--interactive":(0,o.unref)(y),"nb-stat--selected":e.selected,"nb-stat--disabled":e.disabled}]]},{...(0,o.unref)(v),...(0,o.unref)(g)},{"aria-busy":e.loading?!0:void 0,onClick:(0,o.unref)(b),onKeydown:(0,o.unref)(x)}),{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`span`,u,[(0,o.renderSlot)(t.$slots,`label`,{},()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.label),1)],!0)]),(0,o.createElementVNode)(`span`,d,[e.loading?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:0,variant:`block`,height:S.value,width:`4.5ch`,radius:`sm`},null,8,[`height`])):(0,o.renderSlot)(t.$slots,`value`,{key:1},()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.value),1)],!0)]),!e.loading&&(e.delta||e.trend||e.comparison||t.$slots.delta)?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:0,class:(0,o.normalizeClass)([`nb-stat__delta`,e.trend?`nb-stat__delta--${w.value}`:null])},[(0,o.renderSlot)(t.$slots,`delta`,{},()=>[C.value?((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:0,name:C.value,size:12,class:`nb-stat__trend`,"aria-hidden":`true`},null,8,[`name`])):(0,o.createCommentVNode)(``,!0),e.delta?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,f,(0,o.toDisplayString)(e.delta),1)):(0,o.createCommentVNode)(``,!0),e.comparison?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,p,(0,o.toDisplayString)(e.comparison),1)):(0,o.createCommentVNode)(``,!0)],!0)],2)):(0,o.createCommentVNode)(``,!0)]),_:3},16,[`class`,`aria-busy`,`onClick`,`onKeydown`]))}}),h=t.t(m,[[`__scopeId`,`data-v-a4c5afe1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { useStableId as t } from "./composables/useStableId.composable.mjs";
|
|
3
|
-
import { t as n } from "./Grid-
|
|
3
|
+
import { t as n } from "./Grid-CJFQvcko.js";
|
|
4
4
|
import { t as r } from "./Label-BEW_5nYq.js";
|
|
5
5
|
import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createTextVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, openBlock as p, toDisplayString as m, unref as h, useModel as g, vModelCheckbox as _, withCtx as v, withDirectives as y, withModifiers as b } from "vue";
|
|
6
6
|
//#region src/components/Switch.d.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useStableId.composable.cjs`),n=require(`./Grid-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useStableId.composable.cjs`),n=require(`./Grid-CXE0B85G.cjs`),r=require(`./Label-71QAuWf4.cjs`);let i=require(`vue`);var a=function(e){return e.Small=`sm`,e.Medium=`md`,e.Large=`lg`,e}(a||{}),o=function(e){return e.Primary=`primary`,e.Secondary=`secondary`,e}(o||{}),s=[`for`],c=[`id`,`name`,`disabled`],l=(0,i.defineComponent)({__name:`Switch`,props:(0,i.mergeModels)({id:{type:String,default:()=>null},label:{type:String,default:``},size:{type:String,default:a.Medium,validator:e=>Object.values(a).includes(e)},verbose:Boolean,hideLabel:Boolean,name:{type:String,required:!0},disabled:Boolean,variant:{type:String,default:o.Primary,validator:e=>Object.values(o).includes(e)}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let a=(0,i.useModel)(e,`modelValue`),o=e,l=t.useStableId(o),u=(0,i.computed)(()=>({"aria-disabled":o.disabled})),d=(0,i.computed)(()=>({"nb-switch":!0,disabled:o.disabled})),f=(0,i.computed)(()=>({"nb-switch-wrapper":!0,verbose:o.verbose,[o.size]:!0,[`nb-${o.variant}`]:!0}));return(t,o)=>((0,i.openBlock)(),(0,i.createBlock)(n.t,{id:(0,i.unref)(l),class:(0,i.normalizeClass)(d.value),align:`center`,gap:`sm`},{default:(0,i.withCtx)(()=>[e.label?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,for:`${(0,i.unref)(l)}-input`,disabled:e.disabled,class:(0,i.normalizeClass)({"nb-switch__label--hidden":e.hideLabel})},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`disabled`,`class`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`label`,(0,i.mergeProps)({for:`${(0,i.unref)(l)}-input`,class:f.value},u.value,{onClick:o[1]||=(0,i.withModifiers)(()=>{},[`stop`])}),[(0,i.withDirectives)((0,i.createElementVNode)(`input`,{id:`${(0,i.unref)(l)}-input`,"onUpdate:modelValue":o[0]||=e=>a.value=e,name:e.name,type:`checkbox`,disabled:e.disabled},null,8,c),[[i.vModelCheckbox,a.value]]),o[2]||=(0,i.createElementVNode)(`div`,{class:`slider round`},null,-1)],16,s)]),_:1},8,[`id`,`class`]))}}),u=e.t(l,[[`__scopeId`,`data-v-f6465c1e`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { t } from "./Grid-
|
|
2
|
+
import { t } from "./Grid-CJFQvcko.js";
|
|
3
3
|
import { t as n } from "./Label-BEW_5nYq.js";
|
|
4
4
|
import { t as r } from "./Message-DPv6St5M.js";
|
|
5
5
|
import { t as i } from "./TextInput.context-qkmg5Mpm.js";
|