@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpConfirmDialog.stories-iv2KRiDU.js

@@ -1,73 +0,0 @@
-import{D as a}from"./DpConfirmDialog-CQYtFW-3.js";const s={component:a,title:"Components/ConfirmDialog",argTypes:{dataCy:{control:"text",description:"Data attribute for Cypress testing"},message:{control:"text",description:"Dialog message to display"},"modal:toggled":{action:"modal:toggled",description:"Event emitted when dialog is opened or closed"}}},e={args:{dataCy:"default",message:"Are you sure you want to proceed?"},render:o=>({components:{DpConfirmDialog:a},setup(){return{args:o}},template:`
-      <div>
-        <p class="mb-4">A confirm dialog component. In actual usage, you would call the <code>open()</code> method to show the dialog.</p>
-        <dp-confirm-dialog ref="dialog" v-bind="args" />
-        <button
-          class="px-4 py-2 bg-blue-500 text-white rounded"
-          @click="$refs.dialog.open().then(result => alert('Dialog result: ' + result))">
-          Open Dialog
-        </button>
-      </div>
-    `})},t={args:{dataCy:"custom",message:"This action cannot be undone. Are you absolutely sure you want to delete this item?"},render:o=>({components:{DpConfirmDialog:a},setup(){return{args:o}},template:`
-      <div>
-        <p class="mb-4">A confirm dialog with a custom message.</p>
-        <dp-confirm-dialog ref="dialog" v-bind="args" />
-        <button
-          class="px-4 py-2 bg-red-500 text-white rounded"
-          @click="$refs.dialog.open().then(result => alert('Dialog result: ' + result))">
-          Delete Item
-        </button>
-      </div>
-    `})};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    dataCy: 'default',
-    message: 'Are you sure you want to proceed?'
-  },
-  render: args => ({
-    components: {
-      DpConfirmDialog
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div>
-        <p class="mb-4">A confirm dialog component. In actual usage, you would call the <code>open()</code> method to show the dialog.</p>
-        <dp-confirm-dialog ref="dialog" v-bind="args" />
-        <button
-          class="px-4 py-2 bg-blue-500 text-white rounded"
-          @click="$refs.dialog.open().then(result => alert('Dialog result: ' + result))">
-          Open Dialog
-        </button>
-      </div>
-    \`
-  })
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    dataCy: 'custom',
-    message: 'This action cannot be undone. Are you absolutely sure you want to delete this item?'
-  },
-  render: args => ({
-    components: {
-      DpConfirmDialog
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div>
-        <p class="mb-4">A confirm dialog with a custom message.</p>
-        <dp-confirm-dialog ref="dialog" v-bind="args" />
-        <button
-          class="px-4 py-2 bg-red-500 text-white rounded"
-          @click="$refs.dialog.open().then(result => alert('Dialog result: ' + result))">
-          Delete Item
-        </button>
-      </div>
-    \`
-  })
-}`,...t.parameters?.docs?.source}}};const r=["Default","CustomMessage"],n=Object.freeze(Object.defineProperty({__proto__:null,CustomMessage:t,Default:e,__namedExportsOrder:r,default:s},Symbol.toStringTag,{value:"Module"}));export{t as C,n as D,e as a};

package/storybook-static/assets/DpContextualHelp-DnsCCoZB.js

@@ -1,4 +0,0 @@
-import{y as s,z as l,B as p,g as r,G as o,e as u,o as c}from"./iframe-KFxwsBtW.js";import{d}from"./translations-DDOZrg-p.js";import{S as f,_ as m}from"./DpIcon-dOAQoUKG.js";import"./CleanHtml-CeG3Pc5D.js";import{T as v}from"./Tooltip-flnpMaRO.js";const y=s({__name:"DpContextualHelp",props:{icon:{type:String,required:!1,default:"question"},size:{type:String,required:!1,default:"medium",validator:e=>Object.keys(f).includes(e)},text:{type:String,required:!1,default:""},tooltipOptions:{type:Object,required:!1,default:()=>({})}},setup(e){const t=e,i=v,n=d.contextualHelp,a=l(()=>Object.keys(t.tooltipOptions).length>0?t.tooltipOptions:t.text);return p(()=>{!t.text&&!t.tooltipOptions.content&&console.error('DpContextualHelp: No tooltip content provided. Add the "tooltipOptions.content" prop.')}),(g,h)=>r((c(),u(o(m),{"aria-label":o(n),icon:e.icon,size:e.size,class:"inline-block"},null,8,["aria-label","icon","size"])),[[o(i),a.value]])}});y.__docgenInfo={exportName:"default",displayName:"DpContextualHelp",description:"",tags:{},props:[{name:"icon",description:"The icon displayed as trigger for the tooltip.",type:{name:"IconName"},required:!1,defaultValue:{func:!1,value:"'question'"}},{name:"size",description:"The icon size. May be small, medium, or large.",type:{name:"IconSize"},required:!1,defaultValue:{func:!1,value:"'medium'"}},{name:"text",description:`A string representing the actual tooltip content. May include html.
-If you want to pass additional options, use the 'tooltipOptions' prop instead
-('tooltipOptions.content' for text)`,type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"tooltipOptions",description:`For available options check https://floating-vue.starpad.dev/api/#directive-options
-When using, pass text via the 'content' property instead of using the 'text' prop above`,type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpContextualHelp/DpContextualHelp.vue"]};export{y as _};

package/storybook-static/assets/DpContextualHelp-cg4NfoZJ.js

@@ -1,12 +0,0 @@
-import{j as t,M as a,C as e}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as r,a as c,C as h,b as p,T as l}from"./DpContextualHelp.stories-D5HWdQyH.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpContextualHelp-DnsCCoZB.js";import"./translations-DDOZrg-p.js";import"./DpIcon-dOAQoUKG.js";import"./CleanHtml-CeG3Pc5D.js";import"./Tooltip-flnpMaRO.js";function i(n){const o={h1:"h1",h2:"h2",p:"p",...s(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{of:r}),`
-`,t.jsx(o.h1,{id:"contextual-help",children:"Contextual Help"}),`
-`,t.jsx(o.p,{children:`The Contextual Help component renders an icon indicating contextual help,
-which shows a tooltip able to handle text or HTML content.`}),`
-`,t.jsx(o.h2,{id:"default-usage",children:"Default usage"}),`
-`,t.jsx(e,{of:c}),`
-`,t.jsx(o.h2,{id:"with-custom-icon",children:"With custom icon"}),`
-`,t.jsx(e,{of:h}),`
-`,t.jsx(o.h2,{id:"with-custom-size",children:"With custom size"}),`
-`,t.jsx(e,{of:p}),`
-`,t.jsx(o.h2,{id:"with-tooltip-options",children:"With tooltip options"}),`
-`,t.jsx(e,{of:l})]})}function g(n={}){const{wrapper:o}={...s(),...n.components};return o?t.jsx(o,{...n,children:t.jsx(i,{...n})}):i(n)}export{g as default};

package/storybook-static/assets/DpContextualHelp.stories-D5HWdQyH.js

@@ -1,45 +0,0 @@
-import{_ as r}from"./DpContextualHelp-DnsCCoZB.js";import{S as i}from"./DpIcon-dOAQoUKG.js";const a={component:r,title:"Components/ContextualHelp",argTypes:{icon:{control:"text",description:"The icon to display as trigger for the tooltip",defaultValue:"question"},size:{control:"select",options:Object.keys(i),description:"The size of the icon",defaultValue:"medium"},text:{control:"text",description:"The text content of the tooltip"},tooltipOptions:{control:"object",description:"Additional options for the tooltip, including content"}}},t={args:{text:"This is helpful contextual information for the user"}},o={args:{icon:"info",text:"This tooltip uses a different icon"}},e={args:{size:"large",text:"This tooltip has a larger icon"}},s={args:{tooltipOptions:{content:"This tooltip uses <strong>custom classes</strong> and styling with <em>HTML support</em>",classes:"z-modal"}},render:n=>({components:{DpContextualHelp:r},setup(){return{args:n}},template:`
-      <DpContextualHelp
-        :tooltipOptions="args.tooltipOptions"
-        :icon="args.icon || 'info'"
-        :size="args.size || 'medium'"
-      />
-    `})};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    text: 'This is helpful contextual information for the user'
-  }
-}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  args: {
-    icon: 'info',
-    text: 'This tooltip uses a different icon'
-  }
-}`,...o.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    size: 'large',
-    text: 'This tooltip has a larger icon'
-  }
-}`,...e.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    tooltipOptions: {
-      content: 'This tooltip uses <strong>custom classes</strong> and styling with <em>HTML support</em>',
-      classes: 'z-modal'
-    }
-  },
-  render: args => ({
-    components: {
-      DpContextualHelp
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <DpContextualHelp
-        :tooltipOptions="args.tooltipOptions"
-        :icon="args.icon || 'info'"
-        :size="args.size || 'medium'"
-      />
-    \`
-  })
-}`,...s.parameters?.docs?.source}}};const p=["Default","CustomIcon","CustomSize","TooltipOptions"],u=Object.freeze(Object.defineProperty({__proto__:null,CustomIcon:o,CustomSize:e,Default:t,TooltipOptions:s,__namedExportsOrder:p,default:a},Symbol.toStringTag,{value:"Module"}));export{o as C,u as D,s as T,t as a,e as b};

package/storybook-static/assets/DpDataTable-Cr1GA5Cb.js

@@ -1,16 +0,0 @@
-import{j as t,M as a,C as n}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as r,a as h,W as m,b as l,c as d,d as p}from"./DpDataTable.stories-BjXZnrni.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpDataTable-f7CVMPNi.js";import"./CleanHtml-CeG3Pc5D.js";import"./Tooltip-flnpMaRO.js";import"./translations-DDOZrg-p.js";import"./dayjs.min-C3DHb-Vr.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./prefixClass-BBJiSKc2.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpLoading-rM7osZHK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpIcon-dOAQoUKG.js";import"./hasOwnProp-B0vmwdLB.js";function o(i){const e={h1:"h1",h2:"h2",p:"p",...s(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{of:r}),`
-`,t.jsx(e.h1,{id:"data-table",children:"Data Table"}),`
-`,t.jsx(e.p,{children:"Renders a tabular representation of data."}),`
-`,t.jsx(e.h2,{id:"how-to-use",children:"How to use"}),`
-`,t.jsx(e.p,{children:`The elements in the items array must have a key which matches a field in the header-fields array.
-Each column is defined with a field key that should match properties in the data items.`}),`
-`,t.jsx(e.h2,{id:"default-usage",children:"Default usage"}),`
-`,t.jsx(n,{of:h}),`
-`,t.jsx(e.h2,{id:"with-selection",children:"With selection"}),`
-`,t.jsx(n,{of:m}),`
-`,t.jsx(e.h2,{id:"with-flyout-menu",children:"With flyout menu"}),`
-`,t.jsx(n,{of:l}),`
-`,t.jsx(e.h2,{id:"with-expandable-rows",children:"With expandable rows"}),`
-`,t.jsx(n,{of:d}),`
-`,t.jsx(e.h2,{id:"with-custom-styling",children:"With custom styling"}),`
-`,t.jsx(n,{of:p})]})}function k(i={}){const{wrapper:e}={...s(),...i.components};return e?t.jsx(e,{...i,children:t.jsx(o,{...i})}):o(i)}export{k as default};

package/storybook-static/assets/DpDataTable-f7CVMPNi.js

@@ -1,10 +0,0 @@
-import{C as W,p as I}from"./CleanHtml-CeG3Pc5D.js";import"./Tooltip-flnpMaRO.js";import{d as h}from"./translations-DDOZrg-p.js";import"./dayjs.min-C3DHb-Vr.js";import"./helpers-CdC6mcQu.js";import{_ as X}from"./DpDraggable-DLTo9Q5K.js";import{D as Q}from"./DpLoading-rM7osZHK.js";import{_ as F}from"./DpIcon-dOAQoUKG.js";import{c as n,b as S,d as p,o as l,f as r,F as x,a as _,w as G,g as z,h as B,r as y,e as w,n as g,i as k,j as T,m as q,t as C,u as K,R as V,S as A,q as Y,Q as D,p as Z}from"./iframe-KFxwsBtW.js";import{_ as E}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{h as $}from"./hasOwnProp-B0vmwdLB.js";const L={methods:{updateSessionStorage(a,t){a&&sessionStorage.setItem(a,JSON.stringify(t))},getItemFromSessionStorage(a){if(a)return JSON.parse(sessionStorage.getItem(a))||null},removeFromSessionStorage(a){a&&sessionStorage.removeItem(a)},clearSessionStorage(){sessionStorage.clear()}}},N={name:"DpWrapTrigger",components:{DpIcon:F},props:{dataCy:{type:String,required:!1,default:"wrapTriggerIcon"},expanded:{type:Boolean,required:!1,default:!1}},computed:{ariaLabel(){return this.expanded?h.aria.collapse.element:h.aria.expand.element},icon(){return this.expanded?"caret-up":"caret-down"}}},ee=["data-cy"];function ae(a,t,e,o,d,s){const m=p("dp-icon");return l(),n("button",{class:"c-data-table__wrap-trigger o-link--default btn--blank","data-cy":e.dataCy!==""?e.dataCy:!1},[S(m,{"aria-hidden":"true","aria-label":s.ariaLabel,icon:s.icon,size:"small"},null,8,["aria-label","icon"])],8,ee)}const H=E(N,[["render",ae]]);N.__docgenInfo={displayName:"DpWrapTrigger",exportName:"default",description:"",tags:{},props:[{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'wrapTriggerIcon'"}},{name:"expanded",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTable/DpWrapTrigger.vue"]};const M={name:"ResizeHandle",props:{displayIcon:{required:!1,type:Boolean,default:!0}}};function te(a,t,e,o,d,s){return l(),n("div",{class:"c-data-table__resize-handle",onMousedown:t[0]||(t[0]=G(m=>a.$emit("mousedown",m),["stop","prevent"]))},[e.displayIcon?(l(),n(x,{key:0},[t[1]||(t[1]=_("i",{class:"fa fa-angle-left resize-handle__icon","aria-hidden":"true"},null,-1)),t[2]||(t[2]=_("i",{class:"fa fa-angle-right resize-handle__icon","aria-hidden":"true"},null,-1))],64)):r("",!0)],32)}const le=E(M,[["render",te]]);M.__docgenInfo={displayName:"ResizeHandle",exportName:"default",description:"",tags:{},props:[{name:"displayIcon",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"mousedown"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTable/DpResizeHandle.vue"]};const j={name:"DpResizableColumn",components:{DpResizeHandle:le},mixins:[L],props:{idx:{required:!0,type:Number},headerField:{type:Object,required:!0},isLast:{type:Boolean,required:!1,default:!1},nextHeader:{type:Object,required:!1,default:null}},data(){return{namedFunc:"",currentHandle:"",nextEl:"",cursorStart:0,dragStart:!1,resize:"",resizeWidth:"",nextWidth:""}},computed:{isResizableColumn(){return $(this.headerField,"resizeable")?this.headerField.resizeable:!0}},methods:{initResize(a,t){this.resize=this.$refs.resizableColumn,this.currentHandle=this.resize.getElementsByClassName("c-data-table__resize-handle")[0],this.currentHandle.classList.add("is-active"),this.nextEl=document.querySelector(`th[data-col-idx='${t+1}']`),this.dragStart=!0,this.cursorStart=a.pageX;const e=this.resize.getBoundingClientRect();this.resizeWidth=e.width,this.namedFunc=d=>this.resizeEl(d,t);const o=document.getElementsByTagName("body")[0];o.classList.add("resizing"),o.addEventListener("mousemove",this.namedFunc),o.addEventListener("mouseup",this.stopResize)},resizeEl(a){if(this.dragStart){const e=a.pageX-this.cursorStart,o=this.resizeWidth+e;if(o<=25)return;this.resize.style.width=o+"px",this.updateSessionStorage(`dpDataTable:data-col-field=${this.headerField.field}`,this.resize.style.width)}},stopResize(){this.currentHandle.classList.remove("is-active"),this.dragStart=!1,document.querySelector("body").removeEventListener("mousemove",this.namedFunc),document.querySelector("body").removeEventListener("mouseup",this.stopResize),document.querySelector("body").classList.remove("resizing")}}},se=["data-col-field","data-col-idx"];function ne(a,t,e,o,d,s){const m=p("dp-resize-handle"),f=B("tooltip");return z((l(),n("th",{ref:"resizableColumn",class:g(["c-data-table__resizable break-words",{"u-pr-0":e.isLast}]),"data-col-field":e.headerField.field,"data-col-idx":e.idx},[y(a.$slots,"default"),e.isLast?r("",!0):(l(),w(m,{key:0,"display-icon":s.isResizableColumn,onMousedown:t[0]||(t[0]=c=>s.initResize(c,e.idx))},null,8,["display-icon"]))],10,se)),[[f,e.headerField.tooltip||e.headerField.label]])}const ie=E(j,[["render",ne]]);j.__docgenInfo={exportName:"default",displayName:"DpResizableColumn",description:"",tags:{},props:[{name:"idx",type:{name:"number"},required:!0},{name:"headerField",type:{name:"object"},required:!0},{name:"isLast",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"nextHeader",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}}],slots:[{name:"default"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTable/DpResizableColumn.vue","/home/florian/Dev/demosplan-ui/src/mixins/sessionStorageMixin.js"]};const P={name:"DpTableHeader",components:{DpIcon:F,DpResizableColumn:ie,DpWrapTrigger:H},props:{checked:{type:Boolean,required:!0},dataCy:{type:String,required:!1,default:""},hasFlyout:{type:Boolean,required:!0},headerFields:{type:Array,required:!0},indeterminate:{type:Boolean,required:!1,default:!1},isDraggable:{type:Boolean,required:!1,default:!1},isExpandable:{type:Boolean,required:!1,default:!1},isResizable:{type:Boolean,required:!1,default:!1},isSelectable:{type:Boolean,required:!0},isSticky:{type:Boolean,required:!1,default:!1},isTruncatable:{type:Boolean,required:!1,default:!1},translations:{type:Object,required:!0}},watch:{indeterminate(){this.setIndeterminate()}},methods:{setIndeterminate(){this.isSelectable&&(this.$refs.selectAll.indeterminate=this.indeterminate)},toggleExpandAll(){this.$emit("toggle-expand-all")},toggleSelectAll(){this.$emit("toggle-select-all")},toggleWrapAll(){this.$emit("toggle-wrap-all")}},beforeUpdate(){this.setIndeterminate()}},re=["data-cy"],de=["data-col-field"],oe=["data-col-field"],ce=["aria-label","title","checked"],ue=["textContent"],me=["textContent"],fe=["data-col-field"],he=["data-col-field"];function ge(a,t,e,o,d,s){const m=p("dp-icon"),f=p("dp-wrap-trigger");return l(),n("tr",{ref:"tableHeader","data-cy":e.dataCy!==""?e.dataCy:!1,class:g({"c-data-table__sticky-header":e.isSticky})},[e.isDraggable?(l(),n("th",{key:0,"data-col-field":e.isResizable?"dragHandle":null,scope:"col",class:"c-data-table__cell--narrow"},[S(m,{class:"c-data-table__drag-handle",icon:"drag-handle"})],8,de)):r("",!0),e.isSelectable?(l(),n("th",{key:1,"data-col-field":e.isResizable?"select":null,scope:"col",class:"c-data-table__cell--narrow"},[_("input",{ref:"selectAll","aria-label":e.translations.headerSelectHint,title:e.translations.headerSelectHint,type:"checkbox","data-cy":"selectAll",checked:e.checked,onClick:t[0]||(t[0]=c=>s.toggleSelectAll())},null,8,ce)],8,oe)):r("",!0),(l(!0),n(x,null,k(e.headerFields,(c,v)=>(l(),w(K(e.isResizable?"DpResizableColumn":"th"),{"is-last":e.headerFields.length===v?!0:null,"header-field":c,"next-header":e.headerFields[v+1],idx:v},{default:T(()=>[a.$slots[`header-${c.field}`]&&a.$slots[`header-${c.field}`](c)[0].children?.length>0?y(a.$slots,`header-${c.field}`,q({key:0,ref_for:!0},c),()=>[_("div",{class:g({"c-data-table__resizable--truncated":e.isTruncatable})},[c.label?(l(),n("span",{key:0,textContent:C(c.label)},null,8,ue)):r("",!0)],2)]):c.label?(l(),n("span",{key:1,textContent:C(c.label)},null,8,me)):r("",!0)]),_:2},1032,["is-last","header-field","next-header","idx"]))),256)),e.hasFlyout?(l(),n("th",{key:2,"data-col-field":e.isResizable?"flyout":null,scope:"col"},null,8,fe)):r("",!0),e.isExpandable?(l(),n("th",{key:3,scope:"col",class:"c-data-table__cell--narrow",onClick:t[1]||(t[1]=c=>s.toggleExpandAll())},[S(f,{"data-cy":"isExpandableWrapTrigger",title:e.translations.headerExpandHint},null,8,["title"])])):r("",!0),e.isTruncatable?(l(),n("th",{key:4,"data-col-field":e.isResizable?"wrap":null,scope:"col",class:"c-data-table__cell--narrow",onClick:t[2]||(t[2]=c=>s.toggleWrapAll())},[S(f,{"data-cy":"isTruncatableWrapTrigger",title:e.translations.headerExpandHint},null,8,["title"])],8,he)):r("",!0)],10,re)}const be=E(P,[["render",ge]]);P.__docgenInfo={displayName:"DpTableHeader",exportName:"default",description:"",tags:{},props:[{name:"checked",type:{name:"boolean"},required:!0},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"hasFlyout",type:{name:"boolean"},required:!0},{name:"headerFields",type:{name:"array"},required:!0},{name:"indeterminate",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isExpandable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isResizable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isSelectable",type:{name:"boolean"},required:!0},{name:"isSticky",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isTruncatable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"translations",type:{name:"object"},required:!0}],events:[{name:"toggle-expand-all"},{name:"toggle-select-all"},{name:"toggle-wrap-all"}],slots:[{name:"`header-${hf.field}`",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTable/DpTableHeader.vue"]};const O={name:"DpTableRow",components:{DpIcon:F,DpWrapTrigger:H},directives:{cleanhtml:W},props:{checked:{type:Boolean,required:!0},dataCy:{type:String,required:!1,default:""},expanded:{type:Boolean,required:!1,default:!1},hasFlyout:{type:Boolean,required:!0},headerFields:{type:Array,required:!0},fields:{type:Array,required:!0},item:{type:Object,required:!0},isDraggable:{type:Boolean,required:!1,default:!1},isExpandable:{type:Boolean,required:!1,default:!1},isLoading:{type:Boolean,required:!1,default:!1},isLocked:{type:Boolean,required:!1,default:!1},isLockedMessage:{type:String,required:!1,default:null},isResizable:{type:Boolean,required:!1,default:!1},isSelectable:{type:Boolean,required:!0},isSelectableName:{type:String,required:!1,default:null},isTruncatable:{type:Boolean,required:!1,default:!1},searchTerm:{type:RegExp,required:!0},trackBy:{type:String,required:!0},wrapped:{type:Boolean,required:!1,default:!1}},data(){return{translations:{ariaCollapse:h.aria.collapse.element,ariaExpand:h.aria.expand.element}}},computed:{highlighted(){return a=>{let t=this.item[a];return this.searchTerm===""?t:(t=I.sanitize(t),t.replace(this.searchTerm,'<span style="background-color: yellow;">$&</span>'))}},elementStyle(){return a=>{const t=this.headerFields.find(o=>o.field===a);let e="";return!this.wrapped&&typeof t.initialWidth<"u"&&(e+=`width: ${t.initialWidth}px;`),!this.wrapped&&typeof t.initialMaxWidth<"u"&&(e+=`max-width: ${t.initialMaxWidth}px;`),!this.wrapped&&typeof t.initialMinWidth<"u"&&(e+=`min-width: ${t.initialMinWidth}px;`),e}}},methods:{toggleSelect(a){this.$emit("toggle-select",a)},toggleWrap(a){this.$emit("toggle-wrap",a)},toggleExpand(a){this.$emit("toggle-expand",a)}}},ye=["data-cy"],pe={key:0,class:"c-data-table__cell--narrow"},_e={key:1,class:"c-data-table__cell--narrow"},Se=["name","value","checked"],ke=["data-col-idx"],xe={key:1},ve={key:2,class:"overflow-visible min-w-[50px]"},Te=["title"],qe=["title"];function we(a,t,e,o,d,s){const m=p("dp-icon"),f=p("dp-wrap-trigger"),c=B("tooltip"),v=B("cleanhtml");return l(),n("tr",{class:g(["row",[{"opacity-70":e.isLoading},{"is-expanded-row":e.expanded}]]),"data-cy":e.dataCy!==""?e.dataCy:!1},[e.isDraggable?(l(),n("td",pe,[S(m,{icon:"drag-handle",class:"c-data-table__drag-handle"})])):r("",!0),e.isSelectable?(l(),n("td",_e,[e.isLocked?z((l(),w(m,{key:0,class:"align-middle color--grey-light",icon:"lock"},null,512)),[[c,e.isLockedMessage]]):(l(),n("input",{key:1,type:"checkbox",class:"u-m-0 align-middle","data-cy":"selectItem",name:e.isSelectableName||null,value:e.isSelectableName?e.item[e.trackBy]:null,checked:e.checked,onClick:t[0]||(t[0]=i=>s.toggleSelect(e.item[e.trackBy]))},null,8,Se))])):r("",!0),(l(!0),n(x,null,k(e.fields,(i,u)=>(l(),n("td",{key:`${i}:${u}`,class:g([{"c-data-table__resizable":e.isTruncatable},{"break-words":e.isResizable}]),"data-col-idx":`${u}`},[_("div",{class:g([e.isTruncatable??"break-words",e.isTruncatable?e.wrapped?"c-data-table__resizable--wrapped":"c-data-table__resizable--truncated":""]),style:Y(e.isTruncatable??s.elementStyle(i))},[a.$slots[i](e.item)[0].children.length>0?y(a.$slots,i,q({key:0,ref_for:!0},e.item)):z((l(),n("span",xe,null,512)),[[v,s.highlighted(i)]])],6)],10,ke))),128)),e.hasFlyout?(l(),n("td",ve,[y(a.$slots,"flyout",V(A(e.item)))])):r("",!0),e.isExpandable?(l(),n("td",{key:3,class:g(["c-data-table__cell--narrow overflow-hidden min-w-[50px]",{"is-open":e.expanded}]),title:e.expanded?d.translations.ariaCollapse:d.translations.ariaExpand,onClick:t[1]||(t[1]=i=>s.toggleExpand(e.item[e.trackBy]))},[S(f,{"data-cy":`isExpandableWrapTrigger:${a.$attrs.index}`,expanded:e.expanded},null,8,["data-cy","expanded"])],10,Te)):r("",!0),e.isTruncatable?(l(),n("td",{key:4,class:g(["c-data-table__cell--narrow overflow-hidden min-w-[50px]",{"is-open":e.wrapped}]),title:e.wrapped?d.translations.ariaCollapse:d.translations.ariaExpand,onClick:t[2]||(t[2]=i=>s.toggleWrap(e.item[e.trackBy]))},[S(f,{"data-cy":`isTruncatableWrapTrigger:${a.$attrs.index}`,expanded:e.wrapped},null,8,["data-cy","expanded"])],10,qe)):r("",!0)],10,ye)}const Ee=E(O,[["render",we]]);O.__docgenInfo={displayName:"DpTableRow",exportName:"default",description:"",tags:{},props:[{name:"checked",type:{name:"boolean"},required:!0},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"expanded",description:"Is the expandable content currently expanded?",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"hasFlyout",type:{name:"boolean"},required:!0},{name:"headerFields",description:"The header of every column of the table is defined here.\n\nEach column is represented by an object with a `field` key whose value should match\na key of the objects inside `items`. The `label` key controls the header of the column.\nThe header can also have a tooltip. To define the width the column is initially\nrendered with when `isResizable` is used, the key `initialWidth` takes a px value.",type:{name:"array"},required:!0},{name:"fields",type:{name:"array"},required:!0},{name:"item",type:{name:"object"},required:!0},{name:"isDraggable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isExpandable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isLocked",description:"The item can be locked for selection. Instead of the checkbox, a lock icon is rendered with a tooltip.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isLockedMessage",description:"If an item is locked for selection, the message to be shown inside the tooltip can be set here.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"isResizable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isSelectable",type:{name:"boolean"},required:!0},{name:"isSelectableName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"isTruncatable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"searchTerm",type:{name:"RegExp"},required:!0},{name:"trackBy",type:{name:"string"},required:!0},{name:"wrapped",description:"Is the truncatable content currently truncated?\nRename to `notTruncated`?",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"toggle-select",type:{names:["undefined"]}},{name:"toggle-wrap",type:{names:["undefined"]}},{name:"toggle-expand",type:{names:["undefined"]}}],slots:[{name:"field",scoped:!0,bindings:[{name:"name",title:"binding"}]},{name:"flyout",scoped:!0,bindings:[]}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTable/DpTableRow.vue"]};const U={name:"DpDataTable",components:{DpTableRow:Ee,DpTableHeader:be,DpLoading:Q,DpDraggable:X},directives:{cleanhtml:W},mixins:[L],props:{dataCy:{type:String,required:!1,default:"dateTable"},hasFlyout:{type:Boolean,required:!1,default:!1},hasStickyHeader:{type:Boolean,required:!1,default:!1},headerFields:{type:Array,required:!0},initSelectedItems:{type:Array,required:!1,default:()=>[]},isDraggable:{type:Boolean,required:!1,default:!1},isExpandable:{type:Boolean,required:!1,default:!1},isLoading:{type:Boolean,required:!1,default:!1},isResizable:{type:Boolean,required:!1,default:!1},isSelectable:{type:Boolean,required:!1,default:!1},isSelectableName:{type:String,required:!1,default:null},isTruncatable:{type:Boolean,required:!1,default:!1},items:{type:Array,required:!0},multiPageAllSelected:{type:Boolean,required:!1,default:!1},lockCheckboxBy:{type:String,required:!1,default:null},multiPageSelectionItemsToggled:{type:Number,required:!1,default:0},multiPageSelectionItemsTotal:{type:Number,required:!1,default:0},searchString:{type:[String,null],required:!1,default:null},shouldBeSelectedItems:{type:Object,required:!1,default:()=>({})},tableClass:{type:String,required:!1,default:"c-data-table"},tableDescription:{type:String,required:!1,default:""},trackBy:{type:String,required:!0},translations:{type:Object,required:!1,default:()=>({})}},emits:["changed-order","items-selected","items-toggled","selectAll"],data(){return{allExpanded:!1,allWrapped:!1,currentItems:[],defaultTranslations:{footerSelectedElement:h.entrySelected,footerSelectedElements:h.entriesSelected,headerExpandHint:h.expandAll,headerSelectHint:h.operations.select.all,lockedForSelection:h.item.lockedForSelection,searchNoResults:a=>h.search.noResults({searchTerm:a}),tableLoadingData:h.loadingData,tableNoElements:h.noEntriesAvailable},elementSelections:{},expandedElements:{},headerCellCount:0,mergedTranslations:{},selectedElements:[],tableEl:void 0,tableProps:[this.isDraggable,this.isSelectable,this.hasFlyout,this.isExpandable,this.isTruncatable],wrappedElements:{}}},computed:{allSelected(){return this.multiPageSelectionItemsTotal>0?this.multiPageSelectionItemsToggled===this.multiPageSelectionItemsTotal||this.multiPageAllSelected:this.items.filter(a=>this.elementSelections[a[this.trackBy]]).length===this.selectableItems.length},colCount(){let a=0;return this.tableProps.map(t=>{a+=t?1:0}),this.headerCellCount+a},fields(){return this.headerFields.map(a=>a.field)},headerTranslations(){return this.extractTranslations(["headerSelectHint"])},indeterminate(){if(this.isSelectable!==!1)return this.multiPageSelectionItemsTotal>0?this.multiPageSelectionItemsToggled>0&&!this.allSelected:this.selectedElements.length>0&&!this.allSelected},noResults(){return this.mergedTranslations.searchNoResults(I.sanitize('"'+this.searchString+'"'))},searchTerm(){if(this.searchString===null||this.searchString.length<1)return new RegExp;const a=this.escapeSpecialCharacters(this.searchString);return new RegExp(a,"ig")},searchTermSet(){return this.searchTerm.source!=="(?:)"},selectableItems(){return this.lockCheckboxBy?this.items.filter(a=>!a[this.lockCheckboxBy]):this.items}},watch:{headerFields:{handler(){this.isResizable&&this.$nextTick(()=>{const a=this.tableEl.getElementsByTagName("tr")[0],t=a?a.children:null;this.setColsWidth(t)})},deep:!1},shouldBeSelectedItems(){this.forceElementSelections(this.shouldBeSelectedItems)}},methods:{addHoveredClass(a){return this.$refs[`tableRows[${a}]`][0].$el.classList.add("is-hovered-content")},escapeSpecialCharacters(a){return a.replace(/(\s)/g," ").replace(/([+])/g,"\\$&")},extractTranslations(a){return a.reduce((t,e)=>{const o=this.mergedTranslations[e]?{[e]:this.mergedTranslations[e]}:{};return{...t,...o}},{})},filterElementSelections(){return Object.entries(this.elementSelections).filter(a=>a[1]).map(a=>a[0])},forceElementSelections(a){this.elementSelections=a,this.selectedElements=this.filterElementSelections()},getColWidthFromHeaderField(a){const t=this.headerFields.find(e=>e.field===a);return t&&t.colWidth?t.colWidth:null},getFixedColWidth(a){return["flyout","wrap","select","dragHandle"].includes(a)?"30px":null},removeHoveredClass(a){return this.$refs[`tableRows[${a}]`][0].$el.classList.remove("is-hovered-content")},resetSelection(){this.toggleSelectAll(!1)},setColsWidth(a){Array.from(a).forEach(t=>{if(t.nodeType===1){const e=t.getAttribute("data-col-field"),o=`dpDataTable:data-col-field=${e}`,d=this.getItemFromSessionStorage(o),s=this.getFixedColWidth(e),m=this.getColWidthFromHeaderField(e),f=s||d||m||`${t.getBoundingClientRect().width}px`;t.style.width=f,this.updateSessionStorage(o,f)}})},setElementSelections(a,t){return a.reduce((e,o)=>({...e,[o[this.trackBy]]:t}),this.elementSelections)},toggleExpand(a){this.expandedElements={...this.expandedElements,[a]:!this.expandedElements[a]}},toggleExpandAll(a=this.allExpanded===!1){this.expandedElements=this.items.reduce((t,e)=>({...t,[e[this.trackBy]]:a}),{}),this.allExpanded=a},toggleSelect(a){this.elementSelections={...this.elementSelections,[a]:!this.elementSelections[a]},this.selectedElements=this.filterElementSelections(),this.$emit("items-selected",this.selectedElements),this.$emit("items-toggled",[{id:a}],this.elementSelections[a])},toggleSelectAll(a=this.allSelected===!1){this.elementSelections=this.setElementSelections(this.selectableItems,a),this.selectedElements=this.filterElementSelections(),this.$emit("items-selected",this.selectedElements),this.$emit("items-toggled",this.selectableItems.map(t=>({id:t[this.trackBy]})),a),this.$emit("selectAll",a)},toggleWrap(a){this.wrappedElements={...this.wrappedElements,[a]:!this.wrappedElements[a]}},toggleWrapAll(a=this.allWrapped===!1){this.wrappedElements=this.items.reduce((t,e)=>({...t,[e[this.trackBy]]:a}),{}),this.allWrapped=a}},created(){this.elementSelections=this.setElementSelections(this.initSelectedItems,!0);let a={...this.translations};const t=this.translations.searchNoResults?{searchNoResults:()=>this.translations.searchNoResults}:{};a={...a,...t},this.mergedTranslations={...this.defaultTranslations,...a}},beforeUpdate(){this.headerCellCount=this.headerFields.length},mounted(){if(this.tableEl=this.$refs.tableEl,this.isResizable||this.isTruncatable){const a=this.tableEl.getElementsByTagName("tr")[0],t=a?a.children:null;this.setColsWidth(t),this.tableEl.style.tableLayout="fixed",this.tableEl.classList.add("is-fixed"),this.isResizable&&Array.from(t).forEach(e=>{e.firstChild&&e.firstChild.nodeType===1&&(e.firstChild.style.width=null,e.firstChild.style.maxWidth=null,e.firstChild.style.minWidth=null)})}this.isExpandable&&this.isTruncatable&&console.error("`isExpandable` and `isTruncatable` should not be activated at the same time when using DpDataTable."),this.forceElementSelections(this.shouldBeSelectedItems),this.headerCellCount=this.headerFields.length}},Ce=["data-cy"],De=["textContent"],ze={key:0},Be={key:0},Fe={key:1},Re={key:2},We={key:3},Ie={key:4},Ve=["data-cy"],Ae=["colspan","onMouseenter","onMouseleave"],Le={key:3},Ne=["colspan","innerHTML"],He=["colspan"];function Me(a,t,e,o,d,s){const m=p("dp-table-header"),f=p("dp-table-row"),c=p("dp-draggable"),v=p("dp-loading");return l(),n("div",null,[_("table",{ref:"tableEl","data-cy":`${e.dataCy}:table`,class:g(e.tableClass)},[_("caption",{class:"sr-only",textContent:C(e.tableDescription)},null,8,De),e.headerFields.filter(i=>i.colClass).length>0?(l(),n("colgroup",ze,[e.isDraggable?(l(),n("col",Be)):r("",!0),e.isSelectable?(l(),n("col",Fe)):r("",!0),(l(!0),n(x,null,k(e.headerFields,i=>(l(),n("col",{class:g(i.colClass)},null,2))),256)),e.hasFlyout?(l(),n("col",Re)):r("",!0),e.isExpandable?(l(),n("col",We)):r("",!0),e.isTruncatable?(l(),n("col",Ie)):r("",!0)])):r("",!0),_("thead",null,[S(m,{"data-cy":`${e.dataCy}:header`,checked:s.allSelected,"has-flyout":e.hasFlyout,"header-fields":e.headerFields,indeterminate:s.indeterminate,"is-draggable":e.isDraggable,"is-expandable":e.isExpandable,"is-resizable":e.isResizable,"is-selectable":e.isSelectable,"is-sticky":e.hasStickyHeader,"is-truncatable":e.isTruncatable,translations:s.headerTranslations,onToggleExpandAll:s.toggleExpandAll,onToggleSelectAll:s.toggleSelectAll,onToggleWrapAll:s.toggleWrapAll},D({_:2},[k(e.headerFields,i=>({name:`header-${i.field}`,fn:T(u=>[y(a.$slots,`header-${u.field}`,V(A(u)))])}))]),1032,["data-cy","checked","has-flyout","header-fields","indeterminate","is-draggable","is-expandable","is-resizable","is-selectable","is-sticky","is-truncatable","translations","onToggleExpandAll","onToggleSelectAll","onToggleWrapAll"])]),!e.isDraggable&&!e.isLoading?(l(),n("tbody",{key:1,"data-cy":`${e.dataCy}:tbody`},[(l(!0),n(x,null,k(e.items,(i,u)=>(l(),n(x,null,[S(f,{ref_for:!0,ref:`tableRows[${u}]`,"data-cy":`${e.dataCy}:row:${u}`,index:u,checked:d.elementSelections[i[e.trackBy]]||!1,fields:s.fields,"has-flyout":e.hasFlyout,"header-fields":e.headerFields,"is-draggable":e.isDraggable,"is-expandable":e.isExpandable,"is-locked":e.lockCheckboxBy?i[e.lockCheckboxBy]:!1,"is-locked-message":d.mergedTranslations.lockedForSelection,"is-resizable":e.isResizable,"is-selectable":e.isSelectable,"is-selectable-name":e.isSelectableName,"is-truncatable":e.isTruncatable,item:i,"search-term":s.searchTerm,"track-by":e.trackBy,wrapped:d.wrappedElements[i[e.trackBy]]||!1,onToggleExpand:s.toggleExpand,onToggleSelect:s.toggleSelect,onToggleWrap:s.toggleWrap},D({flyout:T(b=>[y(a.$slots,"flyout",q({ref_for:!0},b))]),_:2},[k(s.fields,b=>({name:b,fn:T(R=>[y(a.$slots,b,q({ref_for:!0},R))])}))]),1032,["data-cy","index","checked","fields","has-flyout","header-fields","is-draggable","is-expandable","is-locked","is-locked-message","is-resizable","is-selectable","is-selectable-name","is-truncatable","item","search-term","track-by","wrapped","onToggleExpand","onToggleSelect","onToggleWrap"]),d.expandedElements[i[e.trackBy]]?(l(),n("tr",{key:0,class:g({"is-expanded-content":d.expandedElements[i[e.trackBy]]})},[_("td",{class:g({"opacity-70":e.isLoading}),colspan:s.colCount,onMouseenter:b=>s.addHoveredClass(u),onMouseleave:b=>s.removeHoveredClass(u)},[y(a.$slots,"expandedContent",q({ref_for:!0},i))],42,Ae)],2)):r("",!0)],64))),256))],8,Ve)):r("",!0),e.isDraggable&&!e.isLoading?(l(),w(c,{key:2,"draggable-tag":"tbody","content-data":e.items,handle:"c-data-table__drag-handle","ghost-class":"sortable-ghost","chosen-class":"sortable-chosen",onEnd:t[0]||(t[0]=(i,u)=>a.$emit("changed-order",i,u))},{default:T(()=>[(l(!0),n(x,null,k(e.items,(i,u)=>(l(),w(f,{key:i[e.trackBy],checked:d.elementSelections[i[e.trackBy]]||!1,expanded:d.expandedElements[i[e.trackBy]]||!1,fields:s.fields,"has-flyout":e.hasFlyout,"header-fields":e.headerFields,index:u,"is-draggable":e.isDraggable,"is-expandable":e.isExpandable,"is-loading":e.isLoading,"is-locked":e.lockCheckboxBy?i[e.lockCheckboxBy]:!1,"is-locked-message":d.mergedTranslations.lockedForSelection,"is-resizable":e.isResizable,"is-selectable":e.isSelectable,"is-selectable-name":e.isSelectableName,"is-truncatable":e.isTruncatable,item:i,"search-term":s.searchTerm,"track-by":e.trackBy,wrapped:d.wrappedElements[i[e.trackBy]]||!1,onToggleExpand:s.toggleExpand,onToggleSelect:s.toggleSelect,onToggleWrap:s.toggleWrap},D({flyout:T(b=>[y(a.$slots,"flyout",q({ref_for:!0},b))]),_:2},[k(s.fields,(b,R)=>({name:b,fn:T(J=>[y(a.$slots,b,q({ref_for:!0},J))])}))]),1032,["checked","expanded","fields","has-flyout","header-fields","index","is-draggable","is-expandable","is-loading","is-locked","is-locked-message","is-resizable","is-selectable","is-selectable-name","is-truncatable","item","search-term","track-by","wrapped","onToggleExpand","onToggleSelect","onToggleWrap"]))),128))]),_:3},8,["content-data"])):r("",!0),e.items.length===0?(l(),n("tr",Le,[s.searchTermSet?(l(),n("td",{key:0,colspan:s.colCount,class:"u-pt",innerHTML:s.noResults},null,8,Ne)):(l(),n("td",{key:1,colspan:s.colCount,class:"u-pt"},[e.isLoading?(l(),w(v,{key:0,"is-loading":"",class:"u-mt",colspan:s.colCount},null,8,["colspan"])):(l(),n(x,{key:1},[Z(C(d.mergedTranslations.tableNoElements),1)],64))],8,He))])):r("",!0)],10,Ce)])}const $e=E(U,[["render",Me]]);U.__docgenInfo={exportName:"default",displayName:"DpDataTable",description:"",tags:{},props:[{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'dateTable'"}},{name:"hasFlyout",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"hasStickyHeader",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"headerFields",description:"The header of every column of the table is defined here.\n\nEach column is represented by an object with a `field` key whose value should match\na key of the objects inside `items`. The `label` key controls the header of the column.\nThe header can also have a tooltip. To define the width the column is initially rendered with\nwhen `isResizable` is used, the keys `initialWidth`, `initialMaxWidth` and `initialMinWidth` take a px value.",type:{name:"array"},required:!0},{name:"initSelectedItems",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"[]"}},{name:"isDraggable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isExpandable",description:"Rows may be expandable to show additional content inside another row.\nThe `#expandedContent` slot can be utilized to style the content area.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isResizable",description:"Make table columns resizable.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isSelectable",description:"Display a checkbox in front of each row.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isSelectableName",description:'If specified, the checkbox will have a "name" attr with this value, and a value of [trackBy].',type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"isTruncatable",description:`Make table rows truncatable.
-Cell content is truncated after 1 line, but expandable to its original size.
-To make this work, no custom css must be applied to the cells that hold the
-content to be truncated.
-At the moment, \`isTruncatable\` and \`isExpandable\` use the same icon as trigger visual.
-See https://yaits.demos-deutschland.de/T11301#413638 for possible advancement.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"items",type:{name:"array"},required:!0},{name:"multiPageAllSelected",description:`When selection on multiple pages is supported, this variable forces the "Check all" checkbox into a "checked"
-state, because instead of passing all checked items into here (which we can't in multi-page-selection suzenario),
-we just pass the info "all items are selected".`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"lockCheckboxBy",description:"Use a Boolean Property of the Item to set the Checkbox to a locked state.\nThis should only be set if `isSelectable` is true.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"multiPageSelectionItemsToggled",description:`When selection on multiple pages is supported, this variable holds number of items currently toggled.
-It is used for calculating indeterminate state of the "check all" checkbox.`,type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"multiPageSelectionItemsTotal",description:`When selection on multiple pages is supported, this variable holds the absolute number of items available.
-It is used for calculating indeterminate state of the "check all" checkbox.`,type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"searchString",type:{name:"string|null"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"shouldBeSelectedItems",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}},{name:"tableClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'c-data-table'"}},{name:"tableDescription",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"trackBy",type:{name:"string"},required:!0},{name:"translations",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}}],events:[{name:"changed-order"},{name:"items-selected",type:{names:["undefined"]}},{name:"items-toggled",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"selectAll",type:{names:["undefined"]}}],slots:[{name:"`header-${field.field}`",scoped:!0,bindings:[{name:"name",title:"binding"}]},{name:"field",scoped:!0,bindings:[{name:"name",title:"binding"}]},{name:"flyout",scoped:!0,bindings:[]},{name:"expandedContent",scoped:!0,bindings:[]}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTable/DpDataTable.vue","/home/florian/Dev/demosplan-ui/src/mixins/sessionStorageMixin.js"]};export{$e as D,L as s};

package/storybook-static/assets/DpDataTable.stories-BjXZnrni.js

@@ -1,123 +0,0 @@
-import{D as r}from"./DpDataTable-f7CVMPNi.js";const d={component:r,title:"Components/DataTable",argTypes:{headerFields:{control:"object",description:"Array of column header definitions with field, label and optional styling"},items:{control:"object",description:"Array of data objects to display in the table"},trackBy:{control:"text",description:"Property name to use as unique identifier for each item"},hasFlyout:{control:"boolean",description:"Whether to display a flyout menu for each row"},hasStickyHeader:{control:"boolean",description:"Whether to make the table header sticky during scrolling"},isExpandable:{control:"boolean",description:"Whether rows can be expanded to show additional content"},isSelectable:{control:"boolean",description:"Whether to display checkboxes for selecting rows"},tableClass:{control:"text",description:"Custom CSS class for the table element"},"items-selected":{action:"items-selected",description:"Event emitted when items are selected"},selectAll:{action:"selectAll",description:"Event emitted when all items are selected or deselected"}}},o=[{colClass:"u-1-of-2",field:"name",label:"Name"},{colClass:"u-1-of-2",field:"count",label:"Count"}],l=[{id:"item1",name:"Item 1",count:"99"},{id:"item2",name:"Item 2",count:"60"},{id:"item3",name:"Item 3",count:"100"}],e={args:{headerFields:o,items:l,trackBy:"id"}},t={args:{headerFields:o,items:l,trackBy:"id",isSelectable:!0}},a={args:{headerFields:o,items:l,trackBy:"id",hasFlyout:!0},render:i=>({components:{DpDataTable:r},setup(){return{args:i}},template:`
-      <dp-data-table v-bind="args">
-        <template #flyout="item">
-          <div class="p-2">
-            <button class="mb-1 block">Edit</button>
-            <button class="mb-1 block">Delete</button>
-            <button class="block">Details</button>
-          </div>
-        </template>
-      </dp-data-table>
-    `})},s={args:{headerFields:o,items:l,trackBy:"id",isExpandable:!0},render:i=>({components:{DpDataTable:r},setup(){return{args:i}},template:`
-      <dp-data-table v-bind="args">
-        <template #expandedContent="item">
-          <div class="p-4">
-            <h3 class="text-lg font-bold mb-2">Expanded details for {{ item.name }}</h3>
-            <p>This is additional information that is shown when the row is expanded.</p>
-            <p>ID: {{ item.id }}</p>
-          </div>
-        </template>
-      </dp-data-table>
-    `})},n={args:{headerFields:[{field:"name",label:"Name",tooltip:"Full name of the item"},{field:"count",label:"Count"},{field:"status",label:"Status"}],items:[{id:"item1",name:"Item 1",count:"99",status:"Active"},{id:"item2",name:"Item 2",count:"60",status:"Inactive"},{id:"item3",name:"Item 3",count:"100",status:"Pending"}],trackBy:"id",tableClass:"c-data-table border-collapse",hasStickyHeader:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    items: defaultItems,
-    trackBy: 'id'
-  }
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    items: defaultItems,
-    trackBy: 'id',
-    isSelectable: true
-  }
-}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    items: defaultItems,
-    trackBy: 'id',
-    hasFlyout: true
-  },
-  render: args => ({
-    components: {
-      DpDataTable
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <dp-data-table v-bind="args">
-        <template #flyout="item">
-          <div class="p-2">
-            <button class="mb-1 block">Edit</button>
-            <button class="mb-1 block">Delete</button>
-            <button class="block">Details</button>
-          </div>
-        </template>
-      </dp-data-table>
-    \`
-  })
-}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    items: defaultItems,
-    trackBy: 'id',
-    isExpandable: true
-  },
-  render: args => ({
-    components: {
-      DpDataTable
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <dp-data-table v-bind="args">
-        <template #expandedContent="item">
-          <div class="p-4">
-            <h3 class="text-lg font-bold mb-2">Expanded details for {{ item.name }}</h3>
-            <p>This is additional information that is shown when the row is expanded.</p>
-            <p>ID: {{ item.id }}</p>
-          </div>
-        </template>
-      </dp-data-table>
-    \`
-  })
-}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: [{
-      field: "name",
-      label: "Name",
-      tooltip: "Full name of the item"
-    }, {
-      field: "count",
-      label: "Count"
-    }, {
-      field: "status",
-      label: "Status"
-    }],
-    items: [{
-      id: 'item1',
-      name: 'Item 1',
-      count: "99",
-      status: "Active"
-    }, {
-      id: 'item2',
-      name: 'Item 2',
-      count: "60",
-      status: "Inactive"
-    }, {
-      id: 'item3',
-      name: 'Item 3',
-      count: "100",
-      status: "Pending"
-    }],
-    trackBy: 'id',
-    tableClass: 'c-data-table border-collapse',
-    hasStickyHeader: true
-  }
-}`,...n.parameters?.docs?.source}}};const c=["Default","WithSelection","WithFlyout","WithExpandableRows","WithCustomStyling"],u=Object.freeze(Object.defineProperty({__proto__:null,Default:e,WithCustomStyling:n,WithExpandableRows:s,WithFlyout:a,WithSelection:t,__namedExportsOrder:c,default:d},Symbol.toStringTag,{value:"Module"}));export{u as D,t as W,e as a,a as b,s as c,n as d};

package/storybook-static/assets/DpDataTableExtended-C-oFpO_I.js

@@ -1,14 +0,0 @@
-import{j as t,M as r,C as o}from"./blocks-kyJuz3C5.js";import{useMDXComponents as n}from"./index-BbC7EF1e.js";import{D as s,a as p,W as d,b as h,c as m}from"./DpDataTableExtended.stories-I5_PptZr.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpDataTableExtended-mDxHCvB0.js";import"./CleanHtml-CeG3Pc5D.js";import"./DpDataTable-f7CVMPNi.js";import"./Tooltip-flnpMaRO.js";import"./translations-DDOZrg-p.js";import"./dayjs.min-C3DHb-Vr.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./prefixClass-BBJiSKc2.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpLoading-rM7osZHK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpIcon-dOAQoUKG.js";import"./hasOwnProp-B0vmwdLB.js";import"./DpSlidingPagination-BCXUgS46.js";import"./DpStickyElement-ClzY3p1-.js";import"./DpApi-BU9X0WT6.js";import"./Stickier-DyqV0rTn.js";function a(i){const e={h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(r,{of:s}),`
-`,t.jsx(e.h1,{id:"extended-data-table",children:"Extended Data Table"}),`
-`,t.jsx(e.p,{children:`Renders a pre-configured DpDataTable instance, along with a sticky header where a search bar and a pager including
-items-per-page are placed. Additional actions can be placed in the sticky footer.`}),`
-`,t.jsx(e.p,{children:`As in DpDataTable, be aware of the data structure for header-fields and table-items. The Keys in table-items have to
-match the field values of the header-fields.`}),`
-`,t.jsx(e.h2,{id:"default-usage",children:"Default usage"}),`
-`,t.jsx(o,{of:p}),`
-`,t.jsx(e.h2,{id:"with-selection",children:"With selection"}),`
-`,t.jsx(o,{of:d}),`
-`,t.jsx(e.h2,{id:"with-custom-per-page-options",children:"With custom per-page options"}),`
-`,t.jsx(o,{of:h}),`
-`,t.jsx(e.h2,{id:"with-footer-actions",children:"With footer actions"}),`
-`,t.jsx(o,{of:m})]})}function _(i={}){const{wrapper:e}={...n(),...i.components};return e?t.jsx(e,{...i,children:t.jsx(a,{...i})}):a(i)}export{_ as default};

package/storybook-static/assets/DpDataTableExtended-mDxHCvB0.js

@@ -1,2 +0,0 @@
-import{p as x}from"./CleanHtml-CeG3Pc5D.js";import{D as F}from"./DpDataTable-f7CVMPNi.js";import{c as m,a as o,F as T,i as S,t as b,o as c,b as p,j as g,Q as V,m as B,d as y,g as E,e as w,f as N,P as j,r as _,R as k,S as C,p as A,n as R}from"./iframe-KFxwsBtW.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{v as $}from"./Tooltip-flnpMaRO.js";import{D as z}from"./DpSlidingPagination-BCXUgS46.js";import{D as L}from"./DpStickyElement-ClzY3p1-.js";import"./dayjs.min-C3DHb-Vr.js";import{d as P}from"./translations-DDOZrg-p.js";import{h as v}from"./hasOwnProp-B0vmwdLB.js";import"./helpers-CdC6mcQu.js";function M(e,t){const a=e.concat();if(a&&v(a[0],t))for(let l=0;l<a.length;++l)for(let s=l+1;s<a.length;++s)a[l][t]===a[s][t]&&a.splice(s--,1);return a}const U={data(){return{allItemsCount:null,allSelectedVisually:!1,toggledItems:[],trackDeselected:!1}},computed:{currentlySelectedItems(){const e=this.toggledItems.map(a=>a.id);let t;return this.trackDeselected===!1?t=this.toggledItems:this.trackDeselected===!0&&(t=this.toggledItems.length===0?this.items:this.items.filter(a=>!e.includes(a.id))),t.reduce((a,l)=>({...a,[l.id]:!0}),{})},selectedItemsCount(){return this.trackDeselected?this.allSelectedVisually?this.allItemsCount:this.allItemsCount-this.toggledItems.length:this.toggledItems.length}},methods:{handleSelectAll(e){this.trackDeselected=e,this.allSelectedVisually=e===!0,this.toggledItems=[]},handleToggleItem(e,t){const a=e.map(l=>l.id);(t===!0&&!this.trackDeselected||t===!1&&this.trackDeselected)&&(this.toggledItems=M(this.toggledItems.concat(e),"id")),(t===!1&&!this.trackDeselected||t===!0&&this.trackDeselected)&&(this.toggledItems=this.toggledItems.filter(l=>a.includes(l.id)===!1)),t===!1&&(this.allSelectedVisually=!1)},resetSelection(){this.allSelectedVisually=!1,this.trackDeselected=!1,this.toggledItems=[]}}};function H(e,t,a){let l=t;if(e.length>0){const s=/(\[|\]|\\|\^|\$|\.|\||\?|\*|\+|\(|\)|\.)/ig;let r=e.replace(s,"\\$1");r=r.replace(/\s+/ig,"\\s+");const d=new RegExp(r,"ig");l=t.filter(I=>a.filter(h=>{const f=h.split(".");let i=I[f[0]],u=!!i,n=1;for(;u&&n<f.length;)i=i[f[n]],u=!!i,n++;return typeof i=="string"&&i.match(d)}).length>0)}return l}const O={name:"DpSelectPageItemCount",props:{currentItemCount:{type:Number,required:!0},labelText:{type:String,required:!0},pageCountOptions:{type:Array,required:!0}},data(){return{selectId:$()}}},K=["id"],Q=["data-cy","value","selected"],G=["for"];function J(e,t,a,l,s,r){return c(),m("div",null,[o("select",{id:s.selectId,class:"o-form__control-select w-auto u-mr-0_25","data-cy":"selectPageMenu",onChange:t[0]||(t[0]=d=>e.$emit("changed-count",parseInt(d.target.value)))},[(c(!0),m(T,null,S(a.pageCountOptions,d=>(c(),m("option",{"data-cy":`selectPageItem:${d}`,value:d,selected:d===a.currentItemCount},b(d),9,Q))),256))],40,K),o("label",{for:s.selectId,class:"inline u-mb-0"},b(a.labelText),9,G)])}const W=D(O,[["render",J]]);O.__docgenInfo={displayName:"DpSelectPageItemCount",exportName:"default",description:"",tags:{},props:[{name:"currentItemCount",type:{name:"number"},required:!0},{name:"labelText",type:{name:"string"},required:!0},{name:"pageCountOptions",type:{name:"array"},required:!0}],events:[{name:"changed-count"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTableExtended/DpSelectPageItemCount.vue"]};const q={name:"DpDataTableExtended",components:{DpDataTable:F,DpSelectPageItemCount:W,DpSlidingPagination:z,DpStickyElement:L},mixins:[U],props:{defaultSortOrder:{type:[Object,null],required:!1,default:null,validator:e=>typeof e=="object"&&e!==null?v(e,"key")&&v(e,"direction"):e===null},hasFlyout:{type:Boolean,required:!1,default:!1},headerFields:{type:Array,required:!0,default:()=>[]},initItemsPerPage:{type:Number,required:!1,default:50},isExpandable:{type:Boolean,required:!1,default:!1},isLoading:{type:Boolean,required:!1,default:!1},isResizable:{type:Boolean,required:!1,default:!1},isSelectable:{type:Boolean,required:!1,default:!1},isSortable:{type:Boolean,required:!1,default:!1},isTruncatable:{type:Boolean,required:!1,default:!1},itemsPerPageOptions:{type:Array,required:!1,default:()=>[10,50,100,200]},lockCheckboxBy:{type:String,required:!1,default:null},tableItems:{type:Array,required:!1,default:()=>[]},trackBy:{type:String,required:!1,default:"id"},translations:{type:Object,required:!1,default:()=>({})}},data(){return{currentPage:1,defaultTranslations:{colsSort:P.table.colsSort,search:P.search.text,showEntries:P.pager.showEntries},filteredItems:[],filters:this.headerFields.reduce((e,t)=>(e[t.field]=!0,e),{}),isHighlighted:"",itemsPerPage:this.initItemsPerPage,searchString:"",sortOrder:this.defaultSortOrder!==null?this.defaultSortOrder:this.headerFields.length>0?{key:this.headerFields[0].field,direction:-1}:null}},computed:{filteredFields(){const e=this.headerFields.filter(t=>this.filters[t.field]);return this.$emit("updated:filteredItems",e),e},onPageItems(){let e=this.currentPage*this.itemsPerPage;const t=e-this.itemsPerPage;e=e<=this.filteredItems.length?e:this.filteredItems.length;const a=this.filteredItems.slice(t,e);return this.$emit("updated:onPageItems",a),a},sortableFilteredFields(){return this.isSortable?this.filteredFields:[]},totalPages(){return this.filteredItems.length>0?Math.ceil(this.filteredItems.length/this.itemsPerPage):1}},watch:{tableItems:{handler(){this.updateFields()},deep:!0}},methods:{emitSelectedItems(e){this.$emit("items-selected",e)},handlePageChange(e){this.currentPage=e,this.updateFields()},highlightText(e){let t=x.sanitize(e.replace("<br>","__br__")).replace("__br__","<br>");if(this.searchString.length){const a=new RegExp(this.searchString,"ig");t=e.replace(a,'<span style="background-color: yellow;">$&</span>')}return t},setOrder(e){e===this.sortOrder.key?this.sortOrder.direction=this.sortOrder.direction*-1:this.sortOrder={key:e,direction:1},this.updateFields(),this.$emit("updated:sortOrder",this.sortOrder)},setPageItemCount(e){this.itemsPerPage=e,this.currentPage=this.currentPage>this.totalPages?this.totalPages:this.currentPage,this.updateFields()},sortIconClass(e){const t=e===this.sortOrder.key,a=this.sortOrder.direction<0?"fa-sort-up":"fa-sort-down";return t?`${a} color-highlight`:"fa-sort color--grey"},updateFields(e=null){let t=e||this.tableItems;this.sortOrder&&t.sort((a,l)=>a[this.sortOrder.key]===null||typeof a[this.sortOrder.key]>"u"?this.sortOrder.direction*1:l[this.sortOrder.key]===null||typeof l[this.sortOrder.key]>"u"?this.sortOrder.direction*-1:a[this.sortOrder.key].localeCompare(l[this.sortOrder.key],"de",{sensitivity:"base"})*this.sortOrder.direction),this.searchString.length>0&&(t=H(this.searchString,t,this.headerFields.map(a=>a.field))),this.filteredItems=t}},mounted(){this.updateFields()}},X={class:"layout u-pv-0_5"},Y={class:"layout__item u-10-of-12"},Z={class:"inline",for:"search"},ee=["aria-label","title","onClick"];function te(e,t,a,l,s,r){const d=y("dp-sliding-pagination"),I=y("dp-select-page-item-count"),h=y("dp-sticky-element"),f=y("dp-data-table");return c(),m("div",null,[p(h,null,{default:g(()=>[o("div",X,[o("div",Y,[o("label",Z,b(s.defaultTranslations.search),1),E(o("input",{id:"search","onUpdate:modelValue":t[0]||(t[0]=i=>s.searchString=i),type:"text",name:"search",class:"o-form__control-input","data-cy":"dataTableExtended:search",onInput:t[1]||(t[1]=i=>r.updateFields(null))},null,544),[[j,s.searchString]]),r.totalPages>1?(c(),w(d,{key:0,class:"inline-block u-ml-0_5 u-mt-0_125",current:s.currentPage,total:r.totalPages,onPageChange:r.handlePageChange},null,8,["current","total","onPageChange"])):N("",!0),p(I,{class:"inline-block u-mt-0_125 u-ml-0_5","page-count-options":a.itemsPerPageOptions,"current-item-count":s.itemsPerPage,"label-text":s.defaultTranslations.showEntries,onChangedCount:r.setPageItemCount},null,8,["page-count-options","current-item-count","label-text","onChangedCount"])])])]),_:1}),p(f,B(e.$props,{items:r.onPageItems,"should-be-selected-items":e.currentlySelectedItems,onItemsSelected:r.emitSelectedItems}),V({_:2},[S(r.sortableFilteredFields,(i,u)=>({name:`header-${i.field}`,fn:g(n=>[_(e.$slots,`header-${n.field}`,k(C(r.sortableFilteredFields[u])),()=>[(c(),m("div",{key:n.field,class:"o-hellip--nowrap relative u-pr-0_75"},[o("button",{"aria-label":s.defaultTranslations.colsSort+": "+n.label,title:s.defaultTranslations.colsSort+": "+n.label,class:"btn--blank u-top-0 u-right-0 absolute",type:"button",onClick:ae=>r.setOrder(n.field)},[o("i",{"aria-hidden":"true",class:R(["fa",r.sortIconClass(n.field)])},null,2)],8,ee),A(" "+b(n.label),1)]))])])})),S([...r.filteredFields,{field:"expandedContent"},{field:"flyout"}],i=>({name:i.field,fn:g(u=>[_(e.$slots,i.field,k(C(u)))])}))]),1040,["items","should-be-selected-items","onItemsSelected"]),p(h,{direction:"bottom"},{default:g(()=>[_(e.$slots,"footer")]),_:3})])}const he=D(q,[["render",te]]);q.__docgenInfo={exportName:"default",displayName:"DpDataTableExtended",description:"",tags:{},props:[{name:"defaultSortOrder",type:{name:"object|null"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"hasFlyout",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"headerFields",description:"{Array<Object>} { field, label } object fields with Label",type:{name:"array"},required:!0,defaultValue:{func:!1,value:"[]"}},{name:"initItemsPerPage",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"50"}},{name:"isExpandable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isResizable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isSelectable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isSortable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isTruncatable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"itemsPerPageOptions",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"[10, 50, 100, 200]"}},{name:"lockCheckboxBy",description:"Use a Boolean Property of the Item to set the Checkbox to a locked state.\nThis should only be set if `isSelectable` is true.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"tableItems",description:`{Array{Object} {fieldName1, fieldName2, ...} The field names have to match the field values from the headerFields.
-has to be a computed in the parent (can't be in data)`,type:{name:"array"},required:!1,defaultValue:{func:!1,value:"[]"}},{name:"trackBy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'id'"}},{name:"translations",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}}],events:[{name:"updated:filteredItems",type:{names:["undefined"]}},{name:"updated:onPageItems",type:{names:["undefined"]}},{name:"items-selected",type:{names:["undefined"]}},{name:"updated:sortOrder",type:{names:["undefined"]}}],slots:[{name:"`header-${el.field}`",scoped:!0,bindings:[{name:"name",title:"binding"}]},{name:"el.field",scoped:!0,bindings:[{name:"name",title:"binding"}]},{name:"footer"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDataTableExtended/DpDataTableExtended.vue","/home/florian/Dev/demosplan-ui/src/mixins/tableSelectAllItems.js"]};export{he as D,W as a,H as d};

package/storybook-static/assets/DpDataTableExtended.stories-I5_PptZr.js

@@ -1,73 +0,0 @@
-import{D as s}from"./DpDataTableExtended-mDxHCvB0.js";const l={component:s,title:"Components/DataTableExtended",argTypes:{headerFields:{control:"object",description:"Array of column header definitions with field, label and optional styling"},tableItems:{control:"object",description:"Array of data objects to display in the table"},trackBy:{control:"text",description:"Property name to use as unique identifier for each item",defaultValue:"id"},hasFlyout:{control:"boolean",description:"Whether to display a flyout menu for each row"},isExpandable:{control:"boolean",description:"Whether rows can be expanded to show additional content"},isSelectable:{control:"boolean",description:"Whether to display checkboxes for selecting rows"},isSortable:{control:"boolean",description:"Whether columns can be sorted by clicking on headers"},initItemsPerPage:{control:"number",description:"Initial number of items to display per page",defaultValue:50},itemsPerPageOptions:{control:"object",description:"Available options for items per page",defaultValue:[10,50,100,200]},"items-selected":{action:"items-selected",description:"Event emitted when items are selected"}}},n=[{field:"name",label:"Name"},{field:"email",label:"Email"},{field:"role",label:"Role"}],o=[{id:"user1",name:"John Doe",email:"john.doe@example.com",role:"Admin"},{id:"user2",name:"Jane Smith",email:"jane.smith@example.com",role:"Editor"},{id:"user3",name:"Bob Johnson",email:"bob.johnson@example.com",role:"Viewer"},{id:"user4",name:"Alice Brown",email:"alice.brown@example.com",role:"Editor"},{id:"user5",name:"Charlie Wilson",email:"charlie.wilson@example.com",role:"Viewer"}],e={args:{headerFields:n,tableItems:o,isSortable:!0}},a={args:{headerFields:n,tableItems:o,isSelectable:!0,isSortable:!0}},t={args:{headerFields:n,tableItems:[...o,{id:"user6",name:"David Garcia",email:"david.garcia@example.com",role:"Admin"},{id:"user7",name:"Eva Martinez",email:"eva.martinez@example.com",role:"Editor"},{id:"user8",name:"Frank Thomas",email:"frank.thomas@example.com",role:"Viewer"}],initItemsPerPage:3,itemsPerPageOptions:[3,5,10],isSortable:!0}},r={args:{headerFields:n,tableItems:o,isSelectable:!0,isSortable:!0},render:i=>({components:{DpDataTableExtended:s},setup(){return{args:i}},template:`
-      <dp-data-table-extended v-bind="args" @items-selected="args['items-selected']">
-        <template #footer>
-          <div class="p-3 flex justify-end space-x-2">
-            <button class="px-4 py-2 bg-blue-500 text-white rounded">Save</button>
-            <button class="px-4 py-2 bg-gray-300 rounded">Cancel</button>
-          </div>
-        </template>
-      </dp-data-table-extended>
-    `})};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    tableItems: defaultItems,
-    isSortable: true
-  }
-}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    tableItems: defaultItems,
-    isSelectable: true,
-    isSortable: true
-  }
-}`,...a.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    tableItems: [...defaultItems, {
-      id: 'user6',
-      name: 'David Garcia',
-      email: 'david.garcia@example.com',
-      role: 'Admin'
-    }, {
-      id: 'user7',
-      name: 'Eva Martinez',
-      email: 'eva.martinez@example.com',
-      role: 'Editor'
-    }, {
-      id: 'user8',
-      name: 'Frank Thomas',
-      email: 'frank.thomas@example.com',
-      role: 'Viewer'
-    }],
-    initItemsPerPage: 3,
-    itemsPerPageOptions: [3, 5, 10],
-    isSortable: true
-  }
-}`,...t.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    headerFields: defaultHeaderFields,
-    tableItems: defaultItems,
-    isSelectable: true,
-    isSortable: true
-  },
-  render: args => ({
-    components: {
-      DpDataTableExtended
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <dp-data-table-extended v-bind="args" @items-selected="args['items-selected']">
-        <template #footer>
-          <div class="p-3 flex justify-end space-x-2">
-            <button class="px-4 py-2 bg-blue-500 text-white rounded">Save</button>
-            <button class="px-4 py-2 bg-gray-300 rounded">Cancel</button>
-          </div>
-        </template>
-      </dp-data-table-extended>
-    \`
-  })
-}`,...r.parameters?.docs?.source}}};const d=["Default","WithSelection","WithCustomPaging","WithFooterActions"],c=Object.freeze(Object.defineProperty({__proto__:null,Default:e,WithCustomPaging:t,WithFooterActions:r,WithSelection:a,__namedExportsOrder:d,default:l},Symbol.toStringTag,{value:"Module"}));export{c as D,a as W,e as a,t as b,r as c};

package/storybook-static/assets/DpDateRangePicker-D5652u0C.js

@@ -1 +0,0 @@
-import{D as s}from"./DpDatepicker-CFlgW3DB.js";import{d as l}from"./dayjs.min-C3DHb-Vr.js";import{c as f,b as u,a as m,d as c,o}from"./iframe-KFxwsBtW.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";const p="DD.MM.YYYY",y="DD.MM.YYYY, HH:mm [Uhr]",q=function(a,t=p){let e;return t==="long"&&(t=y),a instanceof Date&&(e=l(a)),typeof e>"u"||e===null?l().format(t):e.format(t)},i={name:"DpDateRangePicker",components:{DpDatepicker:s},props:{calendarsAfter:{type:Number,required:!1,default:0},calendarsBefore:{type:Number,required:!1,default:0},dataCy:{type:String,required:!1,default:"dateRangePicker"},dataDpValidateErrorFieldname:{type:String,required:!1,default:""},endDisabled:{type:Boolean,required:!1,default:!1},endId:{type:String,required:!0},endName:{type:String,required:!1,default:""},endValue:{type:String,required:!1,default:""},enforcePlausibleDates:{type:Boolean,required:!1,default:!1},maxDate:{type:String,required:!1,default:""},minDate:{type:String,required:!1,default:""},placeholder:{type:String,required:!1,default:""},required:{type:Boolean,required:!1,default:!1},startDisabled:{type:Boolean,required:!1,default:!1},startId:{type:String,required:!0},startName:{type:String,required:!1,default:""},startValue:{type:String,required:!1,default:""}},data(){return{endDate:this.endValue,maxStartDate:this.enforcePlausibleDates?this.endValue:"",minEndDate:this.enforcePlausibleDates?this.startValue:""}},computed:{currentDate(){return q()}},watch:{startValue(a){this.minEndDate=this.enforcePlausibleDates?a:""},endValue(a){this.maxStartDate=this.enforcePlausibleDates?a:""}},methods:{handleInputEndDate(a){this.updateMaxStartDate(a),this.$emit("input:end-date",a)},handleInputStartDate(a){this.updateMinEndDate(a),this.$emit("input:start-date",a)},updateMaxStartDate(a){this.endDate=a,this.maxStartDate=this.enforcePlausibleDates&&a?a:""},updateMinEndDate(a){this.minEndDate=this.enforcePlausibleDates&&a?a:""}}},g={class:"flex items-center"};function V(a,t,e,b,n,r){const d=c("dp-datepicker");return o(),f("div",g,[u(d,{id:e.startId,name:e.startName,"min-date":e.minDate,"max-date":n.maxStartDate,"calendars-after":e.calendarsAfter,"calendars-before":e.calendarsBefore,disabled:e.startDisabled,"data-dp-validate-error-fieldname":e.dataDpValidateErrorFieldname||null,value:e.startValue,required:e.required||n.endDate!==""&&n.endDate<r.currentDate,"data-cy":`${e.dataCy}:startDate`,onInput:r.handleInputStartDate},null,8,["id","name","min-date","max-date","calendars-after","calendars-before","disabled","data-dp-validate-error-fieldname","value","required","data-cy","onInput"]),t[0]||(t[0]=m("span",null,"-",-1)),u(d,{id:e.endId,name:e.endName,"min-date":n.minEndDate,"max-date":e.maxDate,"calendars-after":e.calendarsAfter,"calendars-before":e.calendarsBefore,disabled:e.endDisabled,"data-dp-validate-error-fieldname":e.dataDpValidateErrorFieldname||null,value:e.endValue,required:e.required,"data-cy":`${e.dataCy}:endDate`,onInput:r.handleInputEndDate},null,8,["id","name","min-date","max-date","calendars-after","calendars-before","disabled","data-dp-validate-error-fieldname","value","required","data-cy","onInput"])])}const _=D(i,[["render",V]]);i.__docgenInfo={displayName:"DpDateRangePicker",exportName:"default",description:"",tags:{},props:[{name:"calendarsAfter",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"calendarsBefore",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'dateRangePicker'"}},{name:"dataDpValidateErrorFieldname",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"endDisabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"endId",type:{name:"string"},required:!0},{name:"endName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"endValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"enforcePlausibleDates",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"maxDate",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"minDate",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"placeholder",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"required",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"startDisabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"startId",type:{name:"string"},required:!0},{name:"startName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"startValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"input:end-date",type:{names:["undefined"]}},{name:"input:start-date",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpDateRangePicker/DpDateRangePicker.vue"]};export{_ as D};

package/storybook-static/assets/DpDateRangePicker-YGJhE-xN.js

@@ -1,10 +0,0 @@
-import{j as e,M as s,C as i}from"./blocks-kyJuz3C5.js";import{useMDXComponents as r}from"./index-BbC7EF1e.js";import{D as o,a as d,W as l,R as c}from"./DpDateRangePicker.stories-CCfSjt7J.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpDateRangePicker-D5652u0C.js";import"./DpDatepicker-CFlgW3DB.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./dayjs.min-C3DHb-Vr.js";function a(n){const t={h1:"h1",h2:"h2",p:"p",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{of:o}),`
-`,e.jsx(t.h1,{id:"date-range-picker",children:"Date Range Picker"}),`
-`,e.jsx(t.p,{children:`The DateRangePicker component allows users to enter two dates within a given range either by typing
-or by selecting two dates from the calendar.`}),`
-`,e.jsx(t.h2,{id:"default-usage",children:"Default usage"}),`
-`,e.jsx(i,{of:d}),`
-`,e.jsx(t.h2,{id:"with-initial-values",children:"With initial values"}),`
-`,e.jsx(i,{of:l}),`
-`,e.jsx(t.h2,{id:"required-fields",children:"Required fields"}),`
-`,e.jsx(i,{of:c})]})}function R(n={}){const{wrapper:t}={...r(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(a,{...n})}):a(n)}export{R as default};

package/storybook-static/assets/DpDateRangePicker.stories-CCfSjt7J.js

@@ -1,19 +0,0 @@
-import{D as r}from"./DpDateRangePicker-D5652u0C.js";const d={component:r,title:"Components/DateRangePicker",argTypes:{startId:{control:"text",description:"ID for the start date input"},endId:{control:"text",description:"ID for the end date input"},startValue:{control:"text",description:"Initial value for the start date (YYYY-MM-DD format)"},endValue:{control:"text",description:"Initial value for the end date (YYYY-MM-DD format)"},minDate:{control:"text",description:"Minimum selectable date for start date picker"},maxDate:{control:"text",description:"Maximum selectable date for end date picker"},enforcePlausibleDates:{control:"boolean",description:"Whether to enforce start date before end date",defaultValue:!1},required:{control:"boolean",description:"Whether the date inputs are required",defaultValue:!1},"input:end-date":{action:"input:end-date",description:"Event fired when end date changes"},"input:start-date":{action:"input:start-date",description:"Event fired when start date changes"}}},e={args:{startId:"default-start-date",endId:"default-end-date"}},t={args:{startId:"initial-values-start-date",endId:"initial-values-end-date",startValue:"2023-01-15",endValue:"2023-02-15"}},a={args:{startId:"required-start-date",endId:"required-end-date",required:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    startId: 'default-start-date',
-    endId: 'default-end-date'
-  }
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    startId: 'initial-values-start-date',
-    endId: 'initial-values-end-date',
-    startValue: '2023-01-15',
-    endValue: '2023-02-15'
-  }
-}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    startId: 'required-start-date',
-    endId: 'required-end-date',
-    required: true
-  }
-}`,...a.parameters?.docs?.source}}};const n=["Default","WithInitialValues","Required"],o=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Required:a,WithInitialValues:t,__namedExportsOrder:n,default:d},Symbol.toStringTag,{value:"Module"}));export{o as D,a as R,t as W,e as a};

package/storybook-static/assets/DpDatepicker-BlQqmRXh.js

@@ -1,14 +0,0 @@
-import{j as e,M as r,C as a}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as o,a as d,W as h,b as l,R as c,c as p}from"./DpDatepicker.stories-QbL7uNPB.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpDatepicker-CFlgW3DB.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function i(n){const t={h1:"h1",h2:"h2",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{of:o}),`
-`,e.jsx(t.h1,{id:"datepicker",children:"Datepicker"}),`
-`,e.jsx(t.p,{children:"The Datepicker component allows users to enter a date either by typing or by selecting a date from the calendar."}),`
-`,e.jsx(t.p,{children:"Use a date picker when you want to provide a view that allows the user to select a calendar date."}),`
-`,e.jsx(t.h2,{id:"default-usage",children:"Default usage"}),`
-`,e.jsx(a,{of:d}),`
-`,e.jsx(t.h2,{id:"with-preset-value",children:"With preset value"}),`
-`,e.jsx(a,{of:h}),`
-`,e.jsx(t.h2,{id:"with-min-and-max-dates",children:"With min and max dates"}),`
-`,e.jsx(a,{of:l}),`
-`,e.jsx(t.h2,{id:"required-field",children:"Required field"}),`
-`,e.jsx(a,{of:c}),`
-`,e.jsx(t.h2,{id:"disabled",children:"Disabled"}),`
-`,e.jsx(a,{of:p})]})}function b(n={}){const{wrapper:t}={...s(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(i,{...n})}):i(n)}export{b as default};