@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpDraggable.stories-YSsJhbLZ.js

@@ -1,290 +0,0 @@
-import{l as n}from"./iframe-KFxwsBtW.js";import{_ as i}from"./DpDraggable-DLTo9Q5K.js";const g={component:i,title:"Components/Draggable",argTypes:{contentData:{control:"object",description:"Array of data objects to display and make draggable"},dragAcrossBranches:{control:"boolean",description:"Whether items can be dragged between different groups",defaultValue:!0},isDraggable:{control:"boolean",description:"Whether dragging is enabled",defaultValue:!0},draggableTag:{control:"text",description:"HTML tag for the wrapper element",defaultValue:"div"},groupId:{control:"text",description:"ID for the draggable group",defaultValue:"noIdGiven"},add:{action:"add",description:"Event emitted when an item is added to the list"},end:{action:"end",description:"Event emitted when a drag operation ends"}}},l=[{label:"Item 1",id:"1"},{label:"Item 2",id:"2"},{label:"Item 3",id:"3"},{label:"Item 4",id:"4"}],t={args:{contentData:[...l],isDraggable:!0},render:e=>({components:{DpDraggable:i},setup(){const a=n([...e.contentData]);return{args:e,items:a,handleChange:o=>{console.log("Change event:",o)}}},template:`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Drag to reorder items</h3>
-                <dp-draggable
-                    :content-data="items"
-                    :is-draggable="args.isDraggable"
-                    :draggable-tag="args.draggableTag"
-                    :group-id="args.groupId"
-                    :handle-change="handleChange"
-                    @add="args.add"
-                    @end="args.end"
-                >
-                    <div
-                        v-for="item in items"
-                        :key="item.id"
-                        class="p-2 mb-2 bg-gray-100 border rounded cursor-move flex items-center"
-                    >
-                        <span class="mr-2">☰</span>
-                        <span>{{ item.label }}</span>
-                    </div>
-                </dp-draggable>
-            </div>
-        `})},r={args:{contentData:[{label:"List item 1",id:"1"},{label:"List item 2",id:"2"},{label:"List item 3",id:"3"}],draggableTag:"ul"},render:e=>({components:{DpDraggable:i},setup(){const a=n([...e.contentData]);return{args:e,items:a}},template:`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Draggable list with custom tag (ul)</h3>
-                <dp-draggable
-                    :content-data="items"
-                    :draggable-tag="args.draggableTag"
-                    :is-draggable="args.isDraggable"
-                    @add="args.add"
-                    @end="args.end"
-                >
-                    <li
-                        v-for="item in items"
-                        :key="item.id"
-                        class="p-2 mb-2 bg-gray-100 border rounded cursor-move"
-                    >
-                        {{ item.label }}
-                    </li>
-                </dp-draggable>
-            </div>
-        `})},s={render:()=>({components:{DpDraggable:i},setup(){const e=n([{label:"List 1 - Item 1",id:"a1"},{label:"List 1 - Item 2",id:"a2"},{label:"List 1 - Item 3",id:"a3"}]),a=n([{label:"List 2 - Item 1",id:"b1"},{label:"List 2 - Item 2",id:"b2"}]);return{list1:e,list2:a}},template:`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Drag between lists</h3>
-                <div class="flex gap-4">
-                    <div class="w-1/2 p-2 border rounded">
-                        <h4 class="mb-2">List 1</h4>
-                        <dp-draggable
-                            :content-data="list1"
-                            drag-across-branches
-                            group-id="list1"
-                        >
-                            <div
-                                v-for="item in list1"
-                                :key="item.id"
-                                class="p-2 mb-2 bg-blue-100 border rounded cursor-move"
-                            >
-                                {{ item.label }}
-                            </div>
-                        </dp-draggable>
-                    </div>
-                    <div class="w-1/2 p-2 border rounded">
-                        <h4 class="mb-2">List 2</h4>
-                        <dp-draggable
-                            :content-data="list2"
-                            drag-across-branches
-                            group-id="list2"
-                        >
-                            <div
-                                v-for="item in list2"
-                                :key="item.id"
-                                class="p-2 mb-2 bg-green-100 border rounded cursor-move"
-                            >
-                                {{ item.label }}
-                            </div>
-                        </dp-draggable>
-                    </div>
-                </div>
-            </div>
-        `})},d={args:{contentData:[...l],isDraggable:!1},render:e=>({components:{DpDraggable:i},setup(){const a=n([...e.contentData]);return{args:e,items:a}},template:`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Disabled dragging</h3>
-                <p class="mb-2 text-gray-600">Drag functionality is disabled for this list</p>
-                <dp-draggable
-                    :content-data="items"
-                    :is-draggable="args.isDraggable"
-                >
-                    <div
-                        v-for="item in items"
-                        :key="item.id"
-                        class="p-2 mb-2 bg-gray-100 border rounded"
-                    >
-                        {{ item.label }}
-                    </div>
-                </dp-draggable>
-            </div>
-        `})};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    contentData: [...defaultItems],
-    isDraggable: true
-  },
-  render: args => ({
-    components: {
-      DpDraggable
-    },
-    setup() {
-      const items = ref([...args.contentData]);
-      const handleChange = e => {
-        console.log('Change event:', e);
-      };
-      return {
-        args,
-        items,
-        handleChange
-      };
-    },
-    template: \`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Drag to reorder items</h3>
-                <dp-draggable
-                    :content-data="items"
-                    :is-draggable="args.isDraggable"
-                    :draggable-tag="args.draggableTag"
-                    :group-id="args.groupId"
-                    :handle-change="handleChange"
-                    @add="args.add"
-                    @end="args.end"
-                >
-                    <div
-                        v-for="item in items"
-                        :key="item.id"
-                        class="p-2 mb-2 bg-gray-100 border rounded cursor-move flex items-center"
-                    >
-                        <span class="mr-2">☰</span>
-                        <span>{{ item.label }}</span>
-                    </div>
-                </dp-draggable>
-            </div>
-        \`
-  })
-}`,...t.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    contentData: [{
-      label: 'List item 1',
-      id: '1'
-    }, {
-      label: 'List item 2',
-      id: '2'
-    }, {
-      label: 'List item 3',
-      id: '3'
-    }],
-    draggableTag: 'ul'
-  },
-  render: args => ({
-    components: {
-      DpDraggable
-    },
-    setup() {
-      const items = ref([...args.contentData]);
-      return {
-        args,
-        items
-      };
-    },
-    template: \`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Draggable list with custom tag (ul)</h3>
-                <dp-draggable
-                    :content-data="items"
-                    :draggable-tag="args.draggableTag"
-                    :is-draggable="args.isDraggable"
-                    @add="args.add"
-                    @end="args.end"
-                >
-                    <li
-                        v-for="item in items"
-                        :key="item.id"
-                        class="p-2 mb-2 bg-gray-100 border rounded cursor-move"
-                    >
-                        {{ item.label }}
-                    </li>
-                </dp-draggable>
-            </div>
-        \`
-  })
-}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  render: () => ({
-    components: {
-      DpDraggable
-    },
-    setup() {
-      const list1 = ref([{
-        label: 'List 1 - Item 1',
-        id: 'a1'
-      }, {
-        label: 'List 1 - Item 2',
-        id: 'a2'
-      }, {
-        label: 'List 1 - Item 3',
-        id: 'a3'
-      }]);
-      const list2 = ref([{
-        label: 'List 2 - Item 1',
-        id: 'b1'
-      }, {
-        label: 'List 2 - Item 2',
-        id: 'b2'
-      }]);
-      return {
-        list1,
-        list2
-      };
-    },
-    template: \`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Drag between lists</h3>
-                <div class="flex gap-4">
-                    <div class="w-1/2 p-2 border rounded">
-                        <h4 class="mb-2">List 1</h4>
-                        <dp-draggable
-                            :content-data="list1"
-                            drag-across-branches
-                            group-id="list1"
-                        >
-                            <div
-                                v-for="item in list1"
-                                :key="item.id"
-                                class="p-2 mb-2 bg-blue-100 border rounded cursor-move"
-                            >
-                                {{ item.label }}
-                            </div>
-                        </dp-draggable>
-                    </div>
-                    <div class="w-1/2 p-2 border rounded">
-                        <h4 class="mb-2">List 2</h4>
-                        <dp-draggable
-                            :content-data="list2"
-                            drag-across-branches
-                            group-id="list2"
-                        >
-                            <div
-                                v-for="item in list2"
-                                :key="item.id"
-                                class="p-2 mb-2 bg-green-100 border rounded cursor-move"
-                            >
-                                {{ item.label }}
-                            </div>
-                        </dp-draggable>
-                    </div>
-                </div>
-            </div>
-        \`
-  })
-}`,...s.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  args: {
-    contentData: [...defaultItems],
-    isDraggable: false
-  },
-  render: args => ({
-    components: {
-      DpDraggable
-    },
-    setup() {
-      const items = ref([...args.contentData]);
-      return {
-        args,
-        items
-      };
-    },
-    template: \`
-            <div class="p-4 border rounded">
-                <h3 class="mb-3 font-bold">Disabled dragging</h3>
-                <p class="mb-2 text-gray-600">Drag functionality is disabled for this list</p>
-                <dp-draggable
-                    :content-data="items"
-                    :is-draggable="args.isDraggable"
-                >
-                    <div
-                        v-for="item in items"
-                        :key="item.id"
-                        class="p-2 mb-2 bg-gray-100 border rounded"
-                    >
-                        {{ item.label }}
-                    </div>
-                </dp-draggable>
-            </div>
-        \`
-  })
-}`,...d.parameters?.docs?.source}}};const b=["Default","WithCustomTag","DragBetweenLists","Disabled"],u=Object.freeze(Object.defineProperty({__proto__:null,Default:t,Disabled:d,DragBetweenLists:s,WithCustomTag:r,__namedExportsOrder:b,default:g},Symbol.toStringTag,{value:"Module"}));export{u as D,r as W,t as a,s as b,d as c};

package/storybook-static/assets/DpEditableList-5FqvJbtx.js

@@ -1,8 +0,0 @@
-import{d as s}from"./translations-DDOZrg-p.js";import{_ as p}from"./DpButton-BLywaapW.js";import{c as n,f as c,e as h,F as _,i as g,t as v,a as E,b as u,r as y,w as o,d as C,o as a,m as F}from"./iframe-KFxwsBtW.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f={name:"DpEditableList",components:{DpButton:p},props:{closeOnSuccess:{required:!1,type:Boolean,default:!1},dataCy:{type:String,required:!1,default:"editableList"},entries:{required:!0,type:[Array,Object],default:()=>[]},translationKeys:{required:!1,type:Object,default:()=>({new:s.operations.new,add:s.operations.add,abort:s.operations.abort,update:s.operations.update,noEntries:s.operations.none,delete:s.operations.delete})},hasPermissionToEdit:{required:!1,type:Boolean,default:!0}},watch:{closeOnSuccess(t){t&&this.resetForm()}},data(){return{isFormVisible:!1,currentlyUpdating:""}},methods:{toggleFormVisibility(t){this.isFormVisible=t},showNewForm(){this.toggleFormVisibility(!0),this.currentlyUpdating="",this.$emit("reset")},saveEntry(){const t=this.currentlyUpdating!==""?this.currentlyUpdating:"new";this.$emit("saveEntry",t)},resetForm(){this.toggleFormVisibility(!1),this.currentlyUpdating="",this.$emit("reset")},showUpdateForm(t){this.toggleFormVisibility(!0),this.currentlyUpdating=t,this.$emit("showUpdateForm",t)},deleteEntry(t){this.toggleFormVisibility(!1),this.currentlyUpdating="",this.$emit("delete",t)}}},w={key:0,class:"u-mb-0_75"},V=["data-cy"],U={key:0},x={key:1,class:"color--grey u-mb-0_5"},q={key:2},D={class:"u-mb-0_5"};function K(t,L,e,B,l,i){const r=C("dp-button");return a(),n("div",null,[Object.keys(e.entries).length>0?(a(),n("ul",w,[(a(!0),n(_,null,g(e.entries,(m,d)=>(a(),n("li",{key:d,"data-cy":`${e.dataCy}:entryItem`},[y(t.$slots,"list",F({ref_for:!0},m,{entry:m,index:d})),e.hasPermissionToEdit?(a(),n("span",U,[u(r,{class:"ml-1","data-cy":`${e.dataCy}:updateEntry`,"hide-text":"",icon:"edit",text:e.translationKeys.update,variant:"subtle",onClick:o(b=>i.showUpdateForm(d),["prevent"])},null,8,["data-cy","text","onClick"]),u(r,{class:"ml-1","data-cy":`${e.dataCy}:deleteEntry`,"hide-text":"",icon:"delete",text:e.translationKeys.delete,variant:"subtle",onClick:o(b=>i.deleteEntry(d),["prevent"])},null,8,["data-cy","text","onClick"])])):c("",!0)],8,V))),128))])):(a(),n("div",x,v(e.translationKeys.noEntries),1)),l.isFormVisible&&e.hasPermissionToEdit?(a(),n("div",q,[E("div",D,[y(t.$slots,"form")]),u(r,{class:"btn btn--primary","data-cy":l.currentlyUpdating!==""?`${e.dataCy}:saveEntry`:`${e.dataCy}:addEntry`,text:l.currentlyUpdating!==""?e.translationKeys.update:e.translationKeys.add,onClick:o(i.saveEntry,["prevent"])},null,8,["data-cy","text","onClick"]),u(r,{class:"btn btn--secondary u-ml-0_5","data-cy":`${e.dataCy}:abort`,text:e.translationKeys.abort,onClick:o(i.resetForm,["prevent"])},null,8,["data-cy","text","onClick"])])):c("",!0),!l.isFormVisible&&e.hasPermissionToEdit?(a(),h(r,{key:3,class:"btn btn--primary","data-cy":`${e.dataCy}:showInput`,text:e.translationKeys.new,onClick:o(i.showNewForm,["prevent"])},null,8,["data-cy","text","onClick"])):c("",!0)])}const T=k(f,[["render",K]]);f.__docgenInfo={displayName:"DpEditableList",exportName:"default",description:"",tags:{},props:[{name:"closeOnSuccess",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'editableList'"}},{name:"entries",type:{name:"array|object"},required:!0,defaultValue:{func:!0,value:"() => { return [] }"}},{name:"translationKeys",type:{name:"object"},required:!1,defaultValue:{func:!1,value:`{
-  new: de.operations.new,
-  add: de.operations.add,
-  abort: de.operations.abort,
-  update: de.operations.update,
-  noEntries: de.operations.none,
-  delete: de.operations.delete
-}`}},{name:"hasPermissionToEdit",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"reset"},{name:"saveEntry",type:{names:["undefined"]}},{name:"showUpdateForm",type:{names:["undefined"]}},{name:"delete",type:{names:["undefined"]}}],slots:[{name:"list",scoped:!0,bindings:[{name:"entry",title:"binding"},{name:"index",title:"binding"}]},{name:"form"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpEditableList/DpEditableList.vue"]};export{T as D};

package/storybook-static/assets/DpEditableList-CKEmMpmV.js

@@ -1,28 +0,0 @@
-import{j as t,M as o,C as a,a as r}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as l,a as m}from"./DpEditableList.stories-CunPGVO1.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpEditableList-5FqvJbtx.js";import"./translations-DDOZrg-p.js";import"./DpButton-BLywaapW.js";import"./DpIcon-dOAQoUKG.js";import"./CleanHtml-CeG3Pc5D.js";import"./Tooltip-flnpMaRO.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function i(n){const e={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...s(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(o,{of:l}),`
-`,t.jsx(e.h1,{id:"editablelist",children:"EditableList"}),`
-`,t.jsx(e.p,{children:`The EditableList component used to enable users to add, remove, or modify items within a list,
-such as a to-do list, a list of contacts, or any other type of data.`}),`
-`,t.jsx(e.p,{children:"The component might include features like inline editing, or buttons for adding and removing items."}),`
-`,t.jsx(a,{of:m}),`
-`,t.jsx(r,{}),`
-`,t.jsx(e.h2,{id:"custom-usage",children:"Custom usage"}),`
-`,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-html",children:`<dp-editable-list
-    :entries="args.entries"
-    v-bind="args">
-    <template v-slot:list="entry">
-        <span>
-          {{ entry.mail }}
-          <input
-              class="sr-only"
-              type="email"
-              :value="entry.mail">
-        </span>
-    </template>
-    <template v-slot:form="entry">
-      <input
-          id="emailAddress"
-          type="email"
-          v-model="entry.mail"/>
-    </template>
-</dp-editable-list>
-`})})]})}function C(n={}){const{wrapper:e}={...s(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(i,{...n})}):i(n)}export{C as default};

package/storybook-static/assets/DpEditableList.stories-CunPGVO1.js

@@ -1,48 +0,0 @@
-import{D as i}from"./DpEditableList-5FqvJbtx.js";const m={component:i,title:"Components/EditableList",render:s=>({components:{DpEditableList:i},data(){return{formFields:{mail:""},entries:s.entries,itemIndex:null}},setup(){return{args:s}},methods:{addItem(){this.entries.push({mail:this.formFields.mail})},deleteItem(e){this.entries.splice(e,1)},handleSubmit(e){e==="new"?(this.addItem(),this.saveExtraItems(this.formFields.mail)):(this.updateItems(e),this.updateExtraItems(e,this.formFields.mail[e])),this.resetForm(),this.$refs.listComponent.toggleFormVisibility(!1),this.$refs.listComponent.currentlyUpdating=""},resetForm(){this.formFields.mail="",this.itemIndex=null},saveExtraItems(e){this.$emit("saved",e)},updateExtraItems(e,a){this.$emit("updated",[e,a])},updateItems(e){this.entries[e].mail=this.formFields.mail}},mounted(){this.$on("delete",e=>{this.deleteItem(e),this.resetForm()}),this.$on("showUpdateForm",e=>{this.formFields.mail=this.entries[e].mail,this.itemIndex=e})},template:`
-          <dp-editable-list
-              :entries="entries"
-              v-bind="args"
-              @reset="resetForm"
-              @saveEntry="handleSubmit(itemIndex !== null ? itemIndex : 'new')"
-              ref="listComponent">
-            <template v-slot:list="entry">
-                <span>
-                  {{ entry.mail }}
-                  <input
-                      class="sr-only"
-                      type="email"
-                      :value="entry.mail">
-                </span>
-            </template>
-            <template v-slot:form="entry">
-              <input
-                  id="emailAddress"
-                  type="email"
-                  placeholder="Email Address"
-                  v-model="formFields.mail"
-                  @enter="handleSubmit(itemIndex !== null ? itemIndex : 'new')" />
-            </template>
-          </dp-editable-list>
-        `})},t={args:{entries:[{mail:"mail1@mail.com"},{mail:"mail2@mail.com"}]},argTypes:{delete:{action:"delete"},reset:{action:"reset"},saveEntry:{action:"saveEntry"},showUpdateForm:{action:"showUpdateForm"}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    entries: [{
-      mail: "mail1@mail.com"
-    }, {
-      mail: "mail2@mail.com"
-    }]
-  },
-  argTypes: {
-    delete: {
-      action: 'delete'
-    },
-    reset: {
-      action: 'reset'
-    },
-    saveEntry: {
-      action: 'saveEntry'
-    },
-    showUpdateForm: {
-      action: 'showUpdateForm'
-    }
-  }
-}`,...t.parameters?.docs?.source}}};const l=["Default"],o=Object.freeze(Object.defineProperty({__proto__:null,Default:t,__namedExportsOrder:l,default:m},Symbol.toStringTag,{value:"Module"}));export{o as D,t as a};

package/storybook-static/assets/DpEditor-xJ7bfv4o.js

@@ -1,12 +0,0 @@
-import{j as t,M as n,C as r}from"./blocks-kyJuz3C5.js";import{useMDXComponents as m}from"./index-BbC7EF1e.js";import{D as p,a as s,E as d}from"./DpEditor.stories-IBm6EtTh.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpAccordion-CKgNMMg7.js";import"./DpIcon-dOAQoUKG.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpVideoPlayer-CnldmoEy.js";import"./Tooltip-flnpMaRO.js";import"./translations-DDOZrg-p.js";import"./CleanHtml-CeG3Pc5D.js";import"./DpButtonRow-DRRw4r4F.js";import"./DpButton-BLywaapW.js";import"./DpCheckbox-BdZqABk4.js";import"./DpLabel-DFauD5I2.js";import"./DpContextualHelp-DnsCCoZB.js";import"./dayjs.min-C3DHb-Vr.js";import"./prefixClass-BBJiSKc2.js";import"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./DpInput-cN-WEvOL.js";import"./lengthHint-zGawKYxB.js";import"./DpModal-oGkhZvzT.js";import"./hasOwnProp-B0vmwdLB.js";import"./DpMultiselect-Bm5hUadB.js";import"./DpDataTable-f7CVMPNi.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpLoading-rM7osZHK.js";import"./DpApi-BU9X0WT6.js";import"./index-CTxdm8FW.js";import"./DpAutocomplete-Ds8IvIaM.js";import"./DpBulkEditHeader-qNgl3Gdq.js";import"./DpBadge-mgPu9WO8.js";import"./DpCard-CNBkliZ1.js";import"./DpCheckboxGroup-CFaFEzrL.js";import"./DpColumnSelector-BjRvX20u.js";import"./DpFlyout-Dsx6KYUl.js";import"./DpDataTableExtended-mDxHCvB0.js";import"./DpSlidingPagination-BCXUgS46.js";import"./DpStickyElement-ClzY3p1-.js";import"./Stickier-DyqV0rTn.js";import"./DpDatepicker-CFlgW3DB.js";import"./DpDateRangePicker-D5652u0C.js";import"./DpDatetimePicker-DQokm861.js";import"./DpTimePicker-9Qy_qVnW.js";import"./DpResettableInput-nox0ihQv.js";import"./DpDetails-Do--n1SK.js";import"./DpConfirmDialog-CQYtFW-3.js";import"./DpEditableList-5FqvJbtx.js";import"./DpFormRow-BsMZgRL2.js";import"./DpInlineNotification-CEzn4Pqd.js";import"./DpMultistepNav-AnSXdU2J.js";import"./DpNotification-C1QXVdor.js";import"./DpPager-BaoMw4uo.js";import"./DpProgressBar-C0dbsdgz.js";import"./DpRadio-D2xw34qI.js";import"./DpSearchField-CFqegLRV.js";import"./DpSelect-BzmpttTu.js";import"./DpSkeletonBox-a5wBcRN-.js";import"./DpSlidebar-DtAyUisB.js";import"./DpTextArea-DoA63rHr.js";import"./DpToggle-BPqlzXQH.js";import"./DpTooltip-D8SOODgR.js";import"./DpTreeList-Cciwf3YU.js";function e(i){const o={code:"code",h1:"h1",h2:"h2",p:"p",...m(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(n,{of:p}),`
-`,t.jsx(o.h1,{id:"editor",children:"Editor"}),`
-`,t.jsx(o.p,{children:"The Editor component renders a rich text editor consisting of a menu bar supporting common editor interactions and a text field."}),`
-`,t.jsx(o.h2,{id:"default-usage",children:"Default usage"}),`
-`,t.jsx(r,{of:s}),`
-`,t.jsx(o.h2,{id:"custom-usage",children:"Custom usage"}),`
-`,t.jsxs(o.p,{children:["Uploading images can be enabled via the imageButton prop. When using ",t.jsx(o.code,{children:"imageButton"}),`,
-the `,t.jsx(o.code,{children:"routes.getFileByHash"})," prop must be set to an existing route which returns a file by its hash (see second example)."]}),`
-`,t.jsxs(o.p,{children:["The slot ",t.jsx(o.code,{children:"button"})," can be used to add additional buttons to the toolbar."]}),`
-`,t.jsxs(o.p,{children:["The slot ",t.jsx(o.code,{children:"modal"})," can be used to add a modal component to DpEditor. The function ",t.jsx(o.code,{children:"handleInsertText"}),`
-is exposed to the `,t.jsx(o.code,{children:"modal"})," slot to enable the modal component to add text to the editor instance."]}),`
-`,t.jsx(r,{of:d})]})}function Ct(i={}){const{wrapper:o}={...m(),...i.components};return o?t.jsx(o,{...i,children:t.jsx(e,{...i})}):e(i)}export{Ct as default};

package/storybook-static/assets/DpEditor.stories-IBm6EtTh.js

@@ -1,90 +0,0 @@
-import"./DpAccordion-CKgNMMg7.js";import{D as o}from"./DpVideoPlayer-CnldmoEy.js";import"./DpAutocomplete-Ds8IvIaM.js";import"./DpBulkEditHeader-qNgl3Gdq.js";import{_ as a}from"./DpButton-BLywaapW.js";import"./DpButtonRow-DRRw4r4F.js";import"./DpBadge-mgPu9WO8.js";import"./DpCard-CNBkliZ1.js";import"./DpCheckbox-BdZqABk4.js";import"./DpCheckboxGroup-CFaFEzrL.js";import"./DpColumnSelector-BjRvX20u.js";import"./DpContextualHelp-DnsCCoZB.js";import"./DpDataTable-f7CVMPNi.js";import"./DpDataTableExtended-mDxHCvB0.js";import"./DpDatepicker-CFlgW3DB.js";import"./DpDateRangePicker-D5652u0C.js";import"./DpDatetimePicker-DQokm861.js";import"./DpDetails-Do--n1SK.js";import"./DpConfirmDialog-CQYtFW-3.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpEditableList-5FqvJbtx.js";import"./DpFlyout-Dsx6KYUl.js";import"./DpFormRow-BsMZgRL2.js";import"./DpApi-BU9X0WT6.js";import"./DpIcon-dOAQoUKG.js";import"./DpInlineNotification-CEzn4Pqd.js";import"./DpInput-cN-WEvOL.js";import"./DpLabel-DFauD5I2.js";import"./DpLoading-rM7osZHK.js";import{D as p}from"./DpModal-oGkhZvzT.js";import"./DpMultiselect-Bm5hUadB.js";import"./DpMultistepNav-AnSXdU2J.js";import"./DpNotification-C1QXVdor.js";import"./DpPager-BaoMw4uo.js";import"./DpProgressBar-C0dbsdgz.js";import"./DpRadio-D2xw34qI.js";import"./DpResettableInput-nox0ihQv.js";import"./DpSearchField-CFqegLRV.js";import"./DpSelect-BzmpttTu.js";import"./DpSkeletonBox-a5wBcRN-.js";import"./DpSlidebar-DtAyUisB.js";import"./DpSlidingPagination-BCXUgS46.js";import"./DpStickyElement-ClzY3p1-.js";import"./DpTextArea-DoA63rHr.js";import"./DpTimePicker-9Qy_qVnW.js";import"./DpToggle-BPqlzXQH.js";import"./DpTooltip-D8SOODgR.js";import"./DpTreeList-Cciwf3YU.js";const i={component:o,title:"Components/Editor",render:r=>({components:{DpEditor:o},setup(){return{args:r}},template:'<dp-editor v-bind="args"></dp-editor>'})},t={args:{value:""},argTypes:{}},e={args:{routes:{getFileByHash:()=>{}},toolbarItems:{fullscreenButton:!0,headings:[2,3,4],imageButton:!0,insertAndDelete:!0,linkButton:!0,strikethrough:!0,table:!0},tusEndpoint:"tusEndpointPath",value:""},render:r=>({components:{DpButton:a,DpEditor:o,DpModal:p},setup(){return{args:r}},template:`
-          <dp-editor v-bind="args">
-            <template v-slot:modal="modalProps">
-              <dp-modal
-                  id="editorModal"
-                  ref="editorModal">
-                <p>
-                  Insert quote from...
-                </p>
-                <dp-button
-                  class="u-mr"
-                  text="Oscar Wilde"
-                  variant="subtle"
-                  @click.stop="modalProps.handleInsertText('Experience is the name everyone gives to their mistakes.')" />
-                <dp-button
-                  text="Martin Fowler"
-                  variant="subtle"
-                  @click.stop="modalProps.handleInsertText('Any fool can write code that a computer can understand. Good programmers write code that humans can understand.')" />
-              </dp-modal>
-            </template>
-            <template v-slot:button>
-              <dp-button
-                  text="Add Quote"
-                  variant="subtle"
-                  @click.stop="$refs.editorModal.toggle()" />
-            </template>
-          </dp-editor>
-        `})};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    value: ''
-  },
-  argTypes: {}
-}`,...t.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    routes: {
-      getFileByHash: () => {}
-    },
-    toolbarItems: {
-      fullscreenButton: true,
-      headings: [2, 3, 4],
-      imageButton: true,
-      insertAndDelete: true,
-      linkButton: true,
-      strikethrough: true,
-      table: true
-    },
-    tusEndpoint: 'tusEndpointPath',
-    value: ''
-  },
-  render: args => ({
-    components: {
-      DpButton,
-      DpEditor,
-      DpModal
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-          <dp-editor v-bind="args">
-            <template v-slot:modal="modalProps">
-              <dp-modal
-                  id="editorModal"
-                  ref="editorModal">
-                <p>
-                  Insert quote from...
-                </p>
-                <dp-button
-                  class="u-mr"
-                  text="Oscar Wilde"
-                  variant="subtle"
-                  @click.stop="modalProps.handleInsertText('Experience is the name everyone gives to their mistakes.')" />
-                <dp-button
-                  text="Martin Fowler"
-                  variant="subtle"
-                  @click.stop="modalProps.handleInsertText('Any fool can write code that a computer can understand. Good programmers write code that humans can understand.')" />
-              </dp-modal>
-            </template>
-            <template v-slot:button>
-              <dp-button
-                  text="Add Quote"
-                  variant="subtle"
-                  @click.stop="$refs.editorModal.toggle()" />
-            </template>
-          </dp-editor>
-        \`
-  })
-}`,...e.parameters?.docs?.source}}};const s=["Default","Extended"],rt=Object.freeze(Object.defineProperty({__proto__:null,Default:t,Extended:e,__namedExportsOrder:s,default:i},Symbol.toStringTag,{value:"Module"}));export{rt as D,e as E,t as a};

package/storybook-static/assets/DpFlyout-DgegOHH0.js

@@ -1,8 +0,0 @@
-import{j as o,M as s,C as i}from"./blocks-kyJuz3C5.js";import{useMDXComponents as r}from"./index-BbC7EF1e.js";import{D as a,a as l}from"./DpFlyout.stories-vre_uXPR.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpFlyout-Dsx6KYUl.js";import"./index-CTxdm8FW.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function e(n){const t={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...r(),...n.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{of:a}),`
-`,o.jsx(t.h1,{id:"flyout",children:"Flyout"}),`
-`,o.jsx(t.p,{children:"The Flyout component renders a flyout that is intended to show further actions or content."}),`
-`,o.jsx(i,{of:l}),`
-`,o.jsx(t.h2,{id:"roadmap",children:"Roadmap"}),`
-`,o.jsxs(t.ul,{children:[`
-`,o.jsxs(t.li,{children:["use ",o.jsx(t.a,{href:"https://floating-ui.com/",rel:"nofollow",children:"FloatingUI"})," (or the Vue3 Wrapper ",o.jsx(t.a,{href:"https://github.com/Akryum/floating-vue",rel:"nofollow",children:"FloatingVue"}),") for positioning instead of basic Css"]}),`
-`]})]})}function j(n={}){const{wrapper:t}={...r(),...n.components};return t?o.jsx(t,{...n,children:o.jsx(e,{...n})}):e(n)}export{j as default};

package/storybook-static/assets/DpFlyout-Dsx6KYUl.js

@@ -1 +0,0 @@
-import{v as f}from"./index-CTxdm8FW.js";import{g as c,h as p,c as g,a as s,r as n,n as d,o as m}from"./iframe-KFxwsBtW.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={name:"DpFlyout",directives:{onClickOutside:f},props:{align:{required:!1,type:String,default:"right",validator:a=>["left","right"].includes(a)},ariaLabel:{type:String,required:!1,default:""},dataCy:{type:String,required:!1,default:""},disabled:{required:!1,type:Boolean,default:!1},padded:{required:!1,type:Boolean,default:!0},variant:{required:!1,type:String,default:"light",validator:a=>["light","dark"].includes(a)}},emits:["close","open"],data(){return{isExpanded:!1}},methods:{close(){this.isExpanded===!0&&(this.$emit("close"),this.isExpanded=!1)},toggle(){this.isExpanded=!this.isExpanded,this.isExpanded?this.$emit("open"):this.$emit("close")}}},y=["disabled","aria-label","data-cy"];function h(a,l,e,b,t,i){const u=p("on-click-outside");return c((m(),g("span",{ref:"target",class:d(["dp-flyout relative",{"is-expanded":t.isExpanded,"bg-surface-medium rounded-md":e.variant==="dark"}]),"data-cy":"flyoutTrigger"},[s("button",{disabled:e.disabled,type:"button","aria-haspopup":"true","aria-label":e.ariaLabel!==""?e.ariaLabel:null,class:d(["dp-flyout-trigger rounded-button px-1 py-0.5 leading-[2] whitespace-nowrap text-interactive hover:text-interactive-hover hover:bg-interactive-subtle-hover active:text-interactive-active active:bg-interactive-subtle-active",{"bg-interactive-subtle-hover":t.isExpanded}]),"data-cy":e.dataCy!==""?e.dataCy:null,onClick:l[0]||(l[0]=(...o)=>i.toggle&&i.toggle(...o))},[n(a.$slots,"trigger",{isExpanded:t.isExpanded},()=>[l[1]||(l[1]=s("i",{class:"fa fa-ellipsis-h"},null,-1))])],10,y),s("span",{class:d(["dp-flyout-content z-flyout shadow-sm bg-surface text-left",{"block absolute":t.isExpanded,hidden:!t.isExpanded,"left-1":e.align==="left","right-1":e.align==="right","px-2 py-1":e.padded}]),"data-cy":"flyout"},[n(a.$slots,"default")],2)],2)),[[u,i.close]])}const k=v(r,[["render",h]]);r.__docgenInfo={displayName:"DpFlyout",exportName:"default",description:"",tags:{},props:[{name:"align",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'right'"},values:["left","right"]},{name:"ariaLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"padded",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'light'"},values:["light","dark"]}],events:[{name:"close"},{name:"open"}],slots:[{name:"trigger",scoped:!0,bindings:[{name:"is-expanded",title:"binding"}]},{name:"default"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpFlyout/DpFlyout.vue"]};export{k as D};

package/storybook-static/assets/DpFlyout.stories-vre_uXPR.js

@@ -1,23 +0,0 @@
-import{D as t}from"./DpFlyout-Dsx6KYUl.js";const n={component:t,title:"Components/Flyout",render:o=>({components:{DpFlyout:t},setup(){return{args:o}},template:`
-            <dp-flyout>
-                <template #trigger>
-                    Click me
-                </template>
-                <p>Flyout content</p>
-            </dp-flyout>
-        `}),parameters:{docs:{description:{component:"A flyout component that can be used to display additional information or actions."}}}},e={args:{align:"right",disabled:!1,hasMenu:!0,padded:!0},argTypes:{open:{action:"open"},close:{action:"close"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    align: 'right',
-    disabled: false,
-    hasMenu: true,
-    padded: true
-  },
-  argTypes: {
-    open: {
-      action: 'open'
-    },
-    close: {
-      action: 'close'
-    }
-  }
-}`,...e.parameters?.docs?.source}}};const a=["Default"],s=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:a,default:n},Symbol.toStringTag,{value:"Module"}));export{s as D,e as a};

package/storybook-static/assets/DpFormRow-BsMZgRL2.js

@@ -1 +0,0 @@
-import{c as r,r as d,o as l}from"./iframe-KFxwsBtW.js";import{_ as h}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={name:"DpFormRow",data(){return{elementCount:0,isFullRow:!0}},computed:{elementsWidths(){return this.$children.map(e=>e.$props.width||"u-1-of-1")||[]}},methods:{determineRowWidth(){if(this.elementsWidths.length>0){if(this.elementsWidths[0]==="w-full"){this.isFullRow=!0;return}const t=this.elementsWidths.map(s=>parseInt(s.match(/\d+/))).reduce((s,i)=>s+parseInt(i)),o=parseInt(this.elementsWidths[0].match(/\d+$/)[0]);this.isFullRow=o===t}},setPadding(){this.$children.forEach(e=>{const t=this.$children.indexOf(e);(t<this.elementCount-1||t===this.elementCount-1&&this.isFullRow===!1)&&e.$el.classList.add("u-pr")})}},mounted(){this.elementCount=this.$children.length,this.determineRowWidth(),this.setPadding()}};function a(e,t,o,s,i,m){return l(),r("div",null,[d(e.$slots,"default")])}const p=h(n,[["render",a]]);n.__docgenInfo={displayName:"DpFormRow",exportName:"default",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpFormRow/DpFormRow.vue"]};export{p as D};

package/storybook-static/assets/DpFormRow-DkKEMIVl.js

@@ -1,9 +0,0 @@
-import{j as o,M as i,C as s}from"./blocks-kyJuz3C5.js";import{useMDXComponents as r}from"./index-BbC7EF1e.js";import{D as m,a as d}from"./DpFormRow.stories-ix_fpK9y.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpFormRow-BsMZgRL2.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpSelect-BzmpttTu.js";import"./DpLabel-DFauD5I2.js";import"./DpContextualHelp-DnsCCoZB.js";import"./translations-DDOZrg-p.js";import"./DpIcon-dOAQoUKG.js";import"./CleanHtml-CeG3Pc5D.js";import"./Tooltip-flnpMaRO.js";import"./dayjs.min-C3DHb-Vr.js";import"./prefixClass-BBJiSKc2.js";import"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";function n(t){const e={code:"code",h1:"h1",h2:"h2",p:"p",strong:"strong",...r(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(i,{of:m}),`
-`,o.jsx(e.h1,{id:"formrow",children:"FormRow"}),`
-`,o.jsxs(e.p,{children:[`The FormRow component is used to insert form fields into the row.
-And through `,o.jsx(e.code,{children:"elementCount"})," counts the number of elements in the form row."]}),`
-`,o.jsxs(e.p,{children:["The Component breaks when trying to render it using Vue3, because it uses ",o.jsx(e.code,{children:"this.$children"}),` which is deprecated
-in Vue3. However, `,o.jsxs(e.strong,{children:["I think we should abandon ",o.jsx(e.code,{children:"DpFormRow"})," entirely"]}),` and use flex utilities instead. For this
-to work, DpInput, DpSelect and other form Components should not set their own width but always be sized from outside.`]}),`
-`,o.jsx(e.h2,{id:"default-usage",children:"Default usage"}),`
-`,o.jsx(s,{of:d})]})}function X(t={}){const{wrapper:e}={...r(),...t.components};return e?o.jsx(e,{...t,children:o.jsx(n,{...t})}):n(t)}export{X as default};

package/storybook-static/assets/DpFormRow.stories-ix_fpK9y.js

@@ -1,12 +0,0 @@
-import{D as o}from"./DpFormRow-BsMZgRL2.js";import{D as t}from"./DpSelect-BzmpttTu.js";const a={component:o,title:"Components/FormRow",render:r=>({components:{DpFormRow:o,DpSelect:t},setup(){return{args:r}},template:`<dp-form-row v-bind='args'>
-          <dp-select
-            id='select'
-            name='select'
-            :options="[
-              { label: 'Option 1', value: '1' },
-              { label: 'Option 2', value: '2' }
-            ]" />
-          </dp-form-row>`})},e={args:{},argTypes:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {},
-  argTypes: {}
-}`,...e.parameters?.docs?.source}}};const s=["Default"],l=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:s,default:a},Symbol.toStringTag,{value:"Module"}));export{l as D,e as a};

package/storybook-static/assets/DpIcon-DNUvGdzz.js

@@ -1,9 +0,0 @@
-import{j as n,M as c,S as e}from"./blocks-kyJuz3C5.js";import{useMDXComponents as t}from"./index-BbC7EF1e.js";import{D as r,A as h,a,b as l}from"./DpIcon.stories-DGgU5AFH.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpIcon-dOAQoUKG.js";function i(s){const o={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",...t(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(c,{of:r}),`
-`,n.jsx(o.h1,{id:"icon",children:"Icon"}),`
-`,n.jsxs(o.p,{children:["The ",n.jsx(o.code,{children:"DpIcon"})," component renders SVG icons, exposing a selected set of ",n.jsx(o.a,{href:"https://phosphoricons.com/",rel:"nofollow",children:"PhosphorIcons"})," in 4 sizes and 4 weights."]}),`
-`,n.jsx(o.h2,{id:"icon-sizes",children:"Icon Sizes"}),`
-`,n.jsx(e,{of:h}),`
-`,n.jsx(o.h2,{id:"icon-weights",children:"Icon Weights"}),`
-`,n.jsx(e,{of:a}),`
-`,n.jsx(o.h2,{id:"available-icons",children:"Available Icons"}),`
-`,n.jsx(e,{of:l})]})}function u(s={}){const{wrapper:o}={...t(),...s.components};return o?n.jsx(o,{...s,children:n.jsx(i,{...s})}):i(s)}export{u as default};