@vielzeug/refine 1.7.0 → 1.8.0

package/dist/datagrid.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/table-base.css.cjs"),t=require("./_dev.cjs"),n=require("./shared/prop-bundles.cjs"),r=require("./headless/ore.cjs"),i=require("./headless/datagrid.cjs"),a=require("./inputs/datagrid/datagrid-column.cjs"),o=require("./inputs/datagrid/datagrid-controls.cjs"),s=require("./inputs/datagrid/datagrid-nav.cjs"),c=require("./inputs/datagrid/datagrid.css.cjs");let l=require("@vielzeug/ore"),u=require("@vielzeug/ore/directives"),d=require("@vielzeug/ripple"),f=require("@vielzeug/arsenal");function p(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function m(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var h=`ore-datagrid`;(0,l.define)(h,{props:{activeView:l.prop.string(),density:l.prop.string(),...n.disablableBundle,...n.loadableBundle,columns:l.prop.data(),emptyText:l.prop.string(`No data`),expandable:l.prop.bool(!1),filterOptions:l.prop.data(),fullwidth:l.prop.bool(!1),getRowKey:l.prop.data(),label:l.prop.string(),pageSize:l.prop.number(10),pageSizeOptions:l.prop.data(),rows:l.prop.data(),searchLabel:l.prop.data(),searchPlaceholder:l.prop.string(`Search…`),selectedKeys:l.prop.data(),selectionMode:l.prop.string(`none`),sortMode:l.prop.string(`client`),source:l.prop.data(),striped:l.prop.bool(!1),views:l.prop.data()},setup(e){let n=(0,l.getHost)(),c=(0,l.useEmit)(),h=(0,l.useSlots)(),g=(0,d.computed)(()=>e.disabled.value===!0),_=(0,d.computed)(()=>e.selectionMode.value??`none`),v=(0,d.signal)(new Set),y=(0,d.computed)(()=>e.expandable.value===!0&&C.value.some(e=>typeof e.renderExpanded==`function`)),b=(0,d.computed)(()=>+(_.value===`multi`)),x=(0,d.signal)(e.pageSize.value??10);(0,d.watch)(e.pageSize,e=>{e!=null&&(x.value=e)});let S=(0,d.signal)([]);(0,l.onMounted)(()=>{S.value=a.parseColumnChildren(n);let e=new MutationObserver(()=>{S.value=a.parseColumnChildren(n)});return e.observe(n,{attributeFilter:a.COLUMN_OBSERVED_ATTRS,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let C=(0,d.computed)(()=>{let t=e.columns.value;return t===void 0?S.value:t}),w=n=>{let r=e.getRowKey.value;if(r)return r(n);let i=n.id;return i==null?(t.warn("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(i)},T=o.createDataGridControls({columns:C,filterOptions:e.filterOptions,rows:(0,d.computed)(()=>e.rows.value??[])}),E=(0,f.debounce)(t=>{let n=t,r=e.source.value;r?.search?r.search(n):T.setSearchQuery(n)},250),D=(0,d.computed)(()=>e.source.value!=null),O=(0,d.signal)([]),k=(0,d.signal)({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:x.value,totalItems:0}),A=null;(0,l.onCleanup)(()=>{A?.(),A=null}),(0,d.watch)(e.source,e=>{if(A?.(),A=null,!e){O.value=[],k.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:x.value,totalItems:0};return}let t=()=>{O.value=e.current,k.value=e.meta};t(),A=e.subscribe(t)},{immediate:!0});let j=i.createDataGridControl({columns:()=>C.value,getRowKey:w,items:(0,d.computed)(()=>D.value?O.value:T.filteredRows.value),onSelectionChange:e=>{c(`selection-change`,{keys:[...e],rows:j.selectedRows.value})},onSortChange:e=>{c(`sort-change`,e)},pageSize:()=>D.value?0:x.value,selectionMode:()=>_.value,signal:r.lifecycleSignal(l.onCleanup)});(0,d.watch)(e.selectedKeys,e=>{Array.isArray(e)&&j.setSelection(new Set(e))},{immediate:!0});let M=(0,d.signal)({}),N=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{M.value={...M.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},P=(0,d.computed)(()=>C.value.filter(e=>!T.hiddenColumns.value.has(e.key))),F=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};(0,d.watch)(T.filteredRows,()=>j.goToPage(0),{immediate:!1});function I(t){let n=e.source.value;if(n){t===`prev`?n.prev?.():n.next?.();return}t===`prev`?j.prevPage():j.nextPage(),c(`page-change`,{pageIndex:j.pageIndex.value,pageSize:x.value})}let L=(0,d.computed)(()=>{let e=j.currentPageItems.value;return!e.length||j.isAllSelected()?!1:e.some(e=>j.selectedKeys.value.has(w(e)))}),R=(0,d.computed)(()=>P.value.length+ +(_.value===`multi`)+ +!!y.value),z=(0,d.computed)(()=>D.value?k.value.pageCount>1:x.value>0),B=(0,d.computed)(()=>{if(D.value){let{pageNumber:e,pageSize:t,totalItems:n}=k.value,r=Math.max(1,t);if(!z.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=j.totalItems.value;if(!z.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=j.pageIndex.value*x.value+1;return`${t} to ${Math.min(t+x.value-1,e)} of ${e}`}),V=(0,d.computed)(()=>e.loading.value===!0||D.value&&k.value.isLoading),H=(0,d.computed)(()=>D.value?k.value.pageNumber>1:j.hasPrevPage.value),U=(0,d.computed)(()=>D.value?k.value.pageNumber<k.value.pageCount:j.hasNextPage.value),W=(0,d.computed)(()=>D.value?k.value.totalItems===0?`0 / 0`:`${k.value.pageNumber} / ${k.value.pageCount}`:`${j.pageIndex.value+1} / ${j.pageCount.value}`),G=[`compact`,`cozy`,`comfortable`],K={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},q={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},J=(0,d.signal)(e.density.value??`cozy`);(0,d.watch)(e.density,e=>{e&&(J.value=e)});let Y=()=>{let e=G.indexOf(J.value),t=G[(e+1)%G.length];J.value=t,n.setAttribute(`density`,t),c(`density-change`,{density:t})},X=(0,d.signal)(!1),Z=e=>{let t=new Set(v.value),n=!t.has(e);n?t.add(e):t.delete(e),v.value=t,c(`row-expand`,{expanded:n,key:e})},Q={activeCell:(0,d.signal)({col:0,row:0}),focusCell:()=>{}};(0,l.onMounted)(()=>{let e=n.shadowRoot,t=e.querySelector(`.dg-table`);if(!t)return;let{cleanup:r,handle:i}=s.createGridNav(t,e);return Q=i,r}),n.focusCell=e=>Q.focusCell(e);let $=()=>{let t=e.views.value??[],n=e.activeView.value;return l.html`<div
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/table-base.css.cjs"),t=require("./_dev.cjs"),n=require("./shared/prop-bundles.cjs"),r=require("./headless/ore.cjs"),i=require("./headless/datagrid.cjs"),a=require("./inputs/datagrid/datagrid-column.cjs"),o=require("./inputs/datagrid/datagrid-controls.cjs"),s=require("./inputs/datagrid/datagrid-nav.cjs"),c=require("./inputs/datagrid/datagrid.css.cjs");let l=require("@vielzeug/ore"),u=require("@vielzeug/ripple"),d=require("@vielzeug/arsenal"),f=require("@vielzeug/ore/directives");function p(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function m(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var h=`ore-datagrid`;(0,l.define)(h,{props:{activeView:l.prop.string(),density:l.prop.string(),...n.disablableBundle,...n.loadableBundle,columns:l.prop.data(),emptyText:l.prop.string(`No data`),expandable:l.prop.bool(!1),filterOptions:l.prop.data(),fullwidth:l.prop.bool(!1),getRowKey:l.prop.data(),label:l.prop.string(),pageSize:l.prop.number(10),pageSizeOptions:l.prop.data(),rows:l.prop.data(),searchLabel:l.prop.data(),searchPlaceholder:l.prop.string(`Search…`),selectedKeys:l.prop.data(),selectionMode:l.prop.string(`none`),sortMode:l.prop.string(`client`),source:l.prop.data(),striped:l.prop.bool(!1),views:l.prop.data()},setup(e){let n=(0,l.getHost)(),c=(0,l.useEmit)(),h=(0,l.useSlots)(),g=(0,u.computed)(()=>e.disabled.value===!0),_=(0,u.computed)(()=>e.selectionMode.value??`none`),v=(0,u.signal)(new Set),y=(0,u.computed)(()=>e.expandable.value===!0&&C.value.some(e=>typeof e.renderExpanded==`function`)),b=(0,u.computed)(()=>+(_.value===`multi`)),x=(0,u.signal)(e.pageSize.value??10);(0,u.watch)(e.pageSize,e=>{e!=null&&(x.value=e)});let S=(0,u.signal)([]);(0,l.onMounted)(()=>{S.value=a.parseColumnChildren(n);let e=new MutationObserver(()=>{S.value=a.parseColumnChildren(n)});return e.observe(n,{attributeFilter:a.COLUMN_OBSERVED_ATTRS,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let C=(0,u.computed)(()=>{let t=e.columns.value;return t===void 0?S.value:t}),w=n=>{let r=e.getRowKey.value;if(r)return r(n);let i=n.id;return i==null?(t.warn("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(i)},T=o.createDataGridControls({columns:C,filterOptions:e.filterOptions,rows:(0,u.computed)(()=>e.rows.value??[])}),E=(0,d.debounce)(t=>{let n=t,r=e.source.value;r?.search?r.search(n):T.setSearchQuery(n)},250),D=(0,u.computed)(()=>e.source.value!=null),O=(0,u.signal)([]),k=(0,u.signal)({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:x.value,totalItems:0}),A=null;(0,l.onCleanup)(()=>{A?.(),A=null}),(0,u.watch)(e.source,e=>{if(A?.(),A=null,!e){O.value=[],k.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:x.value,totalItems:0};return}let t=()=>{O.value=e.current,k.value=e.meta};t(),A=e.subscribe(t)},{immediate:!0});let j=i.createDataGridControl({columns:()=>C.value,getRowKey:w,items:(0,u.computed)(()=>D.value?O.value:T.filteredRows.value),onSelectionChange:e=>{c(`selection-change`,{keys:[...e],rows:j.selectedRows.value})},onSortChange:e=>{c(`sort-change`,e)},pageSize:()=>D.value?0:x.value,selectionMode:()=>_.value,signal:r.lifecycleSignal(l.onCleanup)});(0,u.watch)(e.selectedKeys,e=>{Array.isArray(e)&&j.setSelection(new Set(e))},{immediate:!0});let M=(0,u.signal)({}),N=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{M.value={...M.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},P=(0,u.computed)(()=>C.value.filter(e=>!T.hiddenColumns.value.has(e.key))),F=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};(0,u.watch)(T.filteredRows,()=>j.goToPage(0),{immediate:!1});function I(t){let n=e.source.value;if(n){t===`prev`?n.prev?.():n.next?.();return}t===`prev`?j.prevPage():j.nextPage(),c(`page-change`,{pageIndex:j.pageIndex.value,pageSize:x.value})}let L=(0,u.computed)(()=>{let e=j.currentPageItems.value;return!e.length||j.isAllSelected()?!1:e.some(e=>j.selectedKeys.value.has(w(e)))}),R=(0,u.computed)(()=>P.value.length+ +(_.value===`multi`)+ +!!y.value),z=(0,u.computed)(()=>D.value?k.value.pageCount>1:x.value>0),B=(0,u.computed)(()=>{if(D.value){let{pageNumber:e,pageSize:t,totalItems:n}=k.value,r=Math.max(1,t);if(!z.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=j.totalItems.value;if(!z.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=j.pageIndex.value*x.value+1;return`${t} to ${Math.min(t+x.value-1,e)} of ${e}`}),V=(0,u.computed)(()=>e.loading.value===!0||D.value&&k.value.isLoading),H=(0,u.computed)(()=>D.value?k.value.pageNumber>1:j.hasPrevPage.value),U=(0,u.computed)(()=>D.value?k.value.pageNumber<k.value.pageCount:j.hasNextPage.value),W=(0,u.computed)(()=>D.value?k.value.totalItems===0?`0 / 0`:`${k.value.pageNumber} / ${k.value.pageCount}`:`${j.pageIndex.value+1} / ${j.pageCount.value}`),G=[`compact`,`cozy`,`comfortable`],K={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},q={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},J=(0,u.signal)(e.density.value??`cozy`);(0,u.watch)(e.density,e=>{e&&(J.value=e)});let Y=()=>{let e=G.indexOf(J.value),t=G[(e+1)%G.length];J.value=t,n.setAttribute(`density`,t),c(`density-change`,{density:t})},X=(0,u.signal)(!1),Z=e=>{let t=new Set(v.value),n=!t.has(e);n?t.add(e):t.delete(e),v.value=t,c(`row-expand`,{expanded:n,key:e})},Q={activeCell:(0,u.signal)({col:0,row:0}),focusCell:()=>{}};(0,l.onMounted)(()=>{let e=n.shadowRoot,t=e.querySelector(`.dg-table`);if(!t)return;let{cleanup:r,handle:i}=s.createGridNav(t,e);return Q=i,r}),n.focusCell=e=>Q.focusCell(e);let $=()=>{let t=e.views.value??[],n=e.activeView.value;return l.html`<div
         class="dg-tabs"
         role="tablist"
         aria-label="Views"
@@ -375,7 +375,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
                                 class="dg-td-expanded"
                                 role="gridcell"
                                 :colspan="${()=>String(R.value)}">
-                                ${(0,u.raw)(()=>C.value.find(e=>typeof e.renderExpanded==`function`)?.renderExpanded?.(e)??``)}
+                                ${(0,f.raw)(()=>C.value.find(e=>typeof e.renderExpanded==`function`)?.renderExpanded?.(e)??``)}
                               </td>
                             </tr>`:l.html``} `})}
           </tbody>