@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpPager.stories-DHEGD-lB.js

@@ -1,24 +0,0 @@
-import{D as a}from"./DpPager-BaoMw4uo.js";const n={component:a,title:"Components/Pager",parameters:{docs:{description:{component:"The Pager component combines pagination controls with a dropdown to adjust the number of items displayed per page."}}}},e={args:{currentPage:3,totalItems:100,totalPages:10,perPage:10,limits:[5,10,25,50,100]},argTypes:{"page-change":{action:"page-change"},"size-change":{action:"size-change"}},parameters:{docs:{description:{story:"Standard pager with page navigation and items per page selection."}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    currentPage: 3,
-    totalItems: 100,
-    totalPages: 10,
-    perPage: 10,
-    limits: [5, 10, 25, 50, 100]
-  },
-  argTypes: {
-    'page-change': {
-      action: 'page-change'
-    },
-    'size-change': {
-      action: 'size-change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Standard pager with page navigation and items per page selection.'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};const t=["Default"],o=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:t,default:n},Symbol.toStringTag,{value:"Module"}));export{o as D,e as a};

package/storybook-static/assets/DpProgressBar-4fw0icXV.js

@@ -1,20 +0,0 @@
-import{j as e,M as i,C as o}from"./blocks-kyJuz3C5.js";import{useMDXComponents as t}from"./index-BbC7EF1e.js";import{D as a,a as c,I as d}from"./DpProgressBar.stories-BSJKPymL.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpProgressBar-C0dbsdgz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function r(s){const n={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...t(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{of:a}),`
-`,e.jsx(n.h1,{id:"progressbar",children:"ProgressBar"}),`
-`,e.jsx(n.p,{children:`The ProgressBar component displays a colored bar indicating the progress of a specific task or process.
-Use this component if you want to communicate to the user:`}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsx(n.li,{children:"The exact progress of a task or process (determinate mode)"}),`
-`,e.jsx(n.li,{children:"The information that a process is running without specific completion percentage (indeterminate mode)"}),`
-`]}),`
-`,e.jsxs(n.p,{children:[`Do not use it as a loading indicator. To indicate loading state,
-use `,e.jsx(n.a,{href:"/docs/components-loading--docs",children:"DpLoading"})," or ",e.jsx(n.a,{href:"/docs/components-skeletonbox--docs",children:"DpSkeletonBox"}),"."]}),`
-`,e.jsx(n.h2,{id:"determinate-progressbar",children:"Determinate ProgressBar"}),`
-`,e.jsx(n.p,{children:`Use the determinate ProgressBar if you know how long a task will take, and you want to inform users about the current
-status. The green color indicates (increasing) success.`}),`
-`,e.jsx(o,{of:c}),`
-`,e.jsx(n.h2,{id:"indeterminate-progressbar",children:"Indeterminate ProgressBar"}),`
-`,e.jsx(n.p,{children:`Use the indeterminate ProgressBar if you don't know how long a task will take. It shows a cyclic animation instead of
-linear progress.`}),`
-`,e.jsx(n.p,{children:`The blue color indicates that something is happening, but we do not have information on
-the progress towards success.`}),`
-`,e.jsx(o,{of:d})]})}function f(s={}){const{wrapper:n}={...t(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(r,{...s})}):r(s)}export{f as default};

package/storybook-static/assets/DpProgressBar-C0dbsdgz.js

@@ -1 +0,0 @@
-import{c as s,F as n,a as e,t as r,q as d,o as t}from"./iframe-KFxwsBtW.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o={name:"DpProgressBar",props:{indeterminate:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:""},percentage:{type:Number,required:!1,default:0}},computed:{style(){return"width: "+this.percentage+"%;"}}},c={class:"c-progress-bar"},m={class:"u-mb-0_25 weight--bold"},p={class:"u-mb-0_25 weight--bold"},f={class:"bg-color--grey-light-2"};function _(g,l,a,b,y,i){return t(),s("div",c,[a.indeterminate?(t(),s(n,{key:0},[e("div",m,r(a.label),1),l[0]||(l[0]=e("div",{class:"c-progress-bar__line is-animated"},null,-1))],64)):(t(),s(n,{key:1},[e("div",p,r(a.label),1),e("div",f,[e("div",{class:"u-mb-0_25 c-progress-bar__line",style:d(i.style)},null,4)]),e("span",null,r(a.percentage)+"% ",1)],64))])}const B=u(o,[["render",_]]);o.__docgenInfo={displayName:"DpProgressBar",exportName:"default",description:"",tags:{},props:[{name:"indeterminate",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"label",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"percentage",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpProgressBar/DpProgressBar.vue"]};export{B as D};

package/storybook-static/assets/DpProgressBar.stories-BSJKPymL.js

@@ -1,26 +0,0 @@
-import{D as s}from"./DpProgressBar-C0dbsdgz.js";const a={component:s,title:"Components/ProgressBar",parameters:{docs:{description:{component:"The ProgressBar component displays a colored bar indicating the progress of a specific task or process."}}}},e={args:{indeterminate:!1,label:"Uploading files",percentage:65},parameters:{docs:{description:{story:"Use the determinate ProgressBar when you know how long a task will take. The green color indicates (increasing) success. The percentage value is displayed to show exact progress."}}}},r={args:{indeterminate:!0,label:"Processing data"},parameters:{docs:{description:{story:"Use the indeterminate ProgressBar when you don't know how long a task will take. It shows a cyclic animation instead of linear progress. The blue color indicates that something is happening, but we don't have information on the progress towards completion."}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    indeterminate: false,
-    label: "Uploading files",
-    percentage: 65
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Use the determinate ProgressBar when you know how long a task will take. The green color indicates (increasing) success. The percentage value is displayed to show exact progress.'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    indeterminate: true,
-    label: "Processing data"
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Use the indeterminate ProgressBar when you don\\'t know how long a task will take. It shows a cyclic animation instead of linear progress. The blue color indicates that something is happening, but we don\\'t have information on the progress towards completion.'
-      }
-    }
-  }
-}`,...r.parameters?.docs?.source}}};const o=["Determinate","Indeterminate"],n=Object.freeze(Object.defineProperty({__proto__:null,Determinate:e,Indeterminate:r,__namedExportsOrder:o,default:a},Symbol.toStringTag,{value:"Module"}));export{n as D,r as I,e as a};

package/storybook-static/assets/DpRadio-9df2JDL9.js

@@ -1,13 +0,0 @@
-import{j as t,M as a,C as i}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as r,a as d,S as p,W as l}from"./DpRadio.stories-BE1cjwtP.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpRadio-D2xw34qI.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";import"./_plugin-vue_export-helper-DlAUqK2U.js";function n(o){const e={h1:"h1",h2:"h2",p:"p",...s(),...o.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{of:r}),`
-`,t.jsx(e.h1,{id:"radio",children:"Radio"}),`
-`,t.jsx(e.p,{children:"The Radio component provides a standard radio button input with enhanced styling and accessibility features. Radio buttons allow users to select a single option from a set of mutually exclusive choices."}),`
-`,t.jsx(e.p,{children:"Use this component when the user needs to select exactly one option from a list of alternatives, such as selecting a single setting from a group of options."}),`
-`,t.jsx(e.h2,{id:"default-radio",children:"Default Radio"}),`
-`,t.jsx(e.p,{children:"A basic radio button with label:"}),`
-`,t.jsx(i,{of:d}),`
-`,t.jsx(e.h2,{id:"radio-states",children:"Radio States"}),`
-`,t.jsx(e.p,{children:"Radio buttons can be in different states: checked, disabled, and required."}),`
-`,t.jsx(i,{of:p}),`
-`,t.jsx(e.h2,{id:"radio-with-label-options",children:"Radio with Label Options"}),`
-`,t.jsx(e.p,{children:"DpRadio uses DpLabel, so the DpLabel options can be utilized here as well."}),`
-`,t.jsx(i,{of:l})]})}function X(o={}){const{wrapper:e}={...s(),...o.components};return e?t.jsx(e,{...o,children:t.jsx(n,{...o})}):n(o)}export{X as default};

package/storybook-static/assets/DpRadio-D2xw34qI.js

@@ -1,2 +0,0 @@
-import s from"./DpLabel-DFauD5I2.js";import{p as u}from"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import{c as o,a as f,e as m,f as c,n as t,m as p,d as y,o as r}from"./iframe-KFxwsBtW.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d={name:"DpRadio",components:{DpLabel:s},mixins:[u],model:{prop:"checked",event:"change"},props:{bold:{type:Boolean,required:!1,default:!0},checked:{type:Boolean,required:!1,default:!1},dataCy:{type:String,required:!1,default:""},dataDpValidateErrorFieldname:{type:String,required:!1,default:""},disabled:{type:Boolean,required:!1,default:!1},hint:{type:String,required:!1,default:""},id:{type:String,required:!0},label:{type:Object,default:()=>({}),validator:a=>Object.keys(a).every(l=>["bold","hint","text"].includes(l))},name:{type:String,required:!1,default:""},readonly:{type:Boolean,required:!1,default:!1},required:{type:Boolean,required:!1,default:!1},value:{type:String,required:!1,default:"1"}}},q=["id","name","required","disabled","readonly","checked","value","data-cy","data-dp-validate-error-fieldname"];function v(a,l,e,g,h,_){const n=y("dp-label");return r(),o("div",{class:t(a.prefixClass("o-form__element--radio"))},[f("input",{id:e.id,name:e.name!==""?e.name:!1,class:t(a.prefixClass("o-form__control-input")),type:"radio",required:e.required,disabled:e.disabled,readonly:e.readonly,autocomplete:"off",checked:e.checked,value:e.value,"data-cy":e.dataCy!==""?e.dataCy:!1,"data-dp-validate-error-fieldname":e.dataDpValidateErrorFieldname||e.label.text||null,onChange:l[0]||(l[0]=i=>a.$emit("change",i.target.checked))},null,42,q),e.label.text?(r(),m(n,p({key:0,class:a.prefixClass("o-form__label")},{bold:!1,text:"",for:e.id,required:e.required,...e.label}),null,16,["class"])):c("",!0)],2)}const B=b(d,[["render",v]]);d.__docgenInfo={exportName:"default",displayName:"DpRadio",description:"",tags:{},props:[{name:"bold",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"v-model",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"dataDpValidateErrorFieldname",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"hint",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"id",type:{name:"string"},required:!0},{name:"label",type:{name:"object"},defaultValue:{func:!1,value:"{}"}},{name:"name",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"readonly",description:`Input type="radio" does not support the readonly attribute. So this prop should possibly be removed.
-See https://stackoverflow.com/questions/1953017/why-cant-radio-buttons-be-readonly`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"required",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"value",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'1'"}}],events:[{name:"change"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpRadio/DpRadio.vue","/home/florian/Dev/demosplan-ui/src/mixins/prefixClassMixin/prefixClassMixin.js"]};export{B as D};

package/storybook-static/assets/DpRadio.stories-BE1cjwtP.js

@@ -1,117 +0,0 @@
-import{D as i}from"./DpRadio-D2xw34qI.js";const r={component:i,title:"Components/Radio",parameters:{docs:{description:{component:"A radio button input with customizable label and states."}}}},e={args:{id:"radio-default",label:{text:"Default radio option"}},argTypes:{change:{action:"change"}},parameters:{docs:{description:{story:"Default radio button with a label"}}}},a={render:o=>({components:{DpRadio:i},setup(){return{args:o}},template:`
-      <div class="space-stack-s">
-        <div class="u-mb-0_5">
-          <dp-radio
-            id="radio-checked"
-            :label="{ text: 'Checked radio option' }"
-            :checked="true"
-            @change="args.change" />
-        </div>
-
-        <div class="u-mb-0_5">
-          <dp-radio
-            id="radio-disabled"
-            :label="{ text: 'Disabled radio option' }"
-            :disabled="true"
-            @change="args.change" />
-        </div>
-
-        <div class="u-mb-0_5">
-          <dp-radio
-            id="radio-required"
-            :label="{ text: 'Required radio option' }"
-            :required="true"
-            @change="args.change" />
-        </div>
-      </div>
-    `}),argTypes:{change:{action:"change"}},parameters:{docs:{description:{story:"Radio buttons in different states: checked, disabled, and required"}}}},t={args:{id:"radio-hint",label:{text:"Radio with hint and tooltip",hint:"This is additional information about this option",tooltip:"Tooltip text"}},argTypes:{change:{action:"change"}},parameters:{docs:{description:{story:"Radio button with hint text to provide additional context"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'radio-default',
-    label: {
-      text: 'Default radio option'
-    }
-  },
-  argTypes: {
-    'change': {
-      action: 'change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default radio button with a label'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpRadio
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div class="space-stack-s">
-        <div class="u-mb-0_5">
-          <dp-radio
-            id="radio-checked"
-            :label="{ text: 'Checked radio option' }"
-            :checked="true"
-            @change="args.change" />
-        </div>
-
-        <div class="u-mb-0_5">
-          <dp-radio
-            id="radio-disabled"
-            :label="{ text: 'Disabled radio option' }"
-            :disabled="true"
-            @change="args.change" />
-        </div>
-
-        <div class="u-mb-0_5">
-          <dp-radio
-            id="radio-required"
-            :label="{ text: 'Required radio option' }"
-            :required="true"
-            @change="args.change" />
-        </div>
-      </div>
-    \`
-  }),
-  argTypes: {
-    'change': {
-      action: 'change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Radio buttons in different states: checked, disabled, and required'
-      }
-    }
-  }
-}`,...a.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'radio-hint',
-    label: {
-      text: 'Radio with hint and tooltip',
-      hint: 'This is additional information about this option',
-      tooltip: 'Tooltip text'
-    }
-  },
-  argTypes: {
-    'change': {
-      action: 'change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Radio button with hint text to provide additional context'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};const n=["Default","States","WithLabelOptions"],s=Object.freeze(Object.defineProperty({__proto__:null,Default:e,States:a,WithLabelOptions:t,__namedExportsOrder:n,default:r},Symbol.toStringTag,{value:"Module"}));export{s as D,a as S,t as W,e as a};

package/storybook-static/assets/DpResettableInput-BPdfP0Ae.js

@@ -1,8 +0,0 @@
-import{j as t,M as i,C as a}from"./blocks-kyJuz3C5.js";import{useMDXComponents as r}from"./index-BbC7EF1e.js";import{D as s,a as p}from"./DpResettableInput.stories-Cq1mfxTz.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpResettableInput-nox0ihQv.js";import"./DpIcon-dOAQoUKG.js";import"./DpInput-cN-WEvOL.js";import"./dayjs.min-C3DHb-Vr.js";import"./lengthHint-zGawKYxB.js";import"./translations-DDOZrg-p.js";import"./prefixClass-BBJiSKc2.js";import"./DpLabel-DFauD5I2.js";import"./DpContextualHelp-DnsCCoZB.js";import"./CleanHtml-CeG3Pc5D.js";import"./Tooltip-flnpMaRO.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function o(n){const e={h1:"h1",h2:"h2",p:"p",...r(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(i,{of:s}),`
-`,t.jsx(e.h1,{id:"resettable-input",children:"Resettable Input"}),`
-`,t.jsx(e.p,{children:`The ResettableInput component provides a text input field with an integrated reset button.
-It combines the functionality of DpInput with a clear button that allows users to quickly reset the input value.`}),`
-`,t.jsx(e.p,{children:`Use this component when you need a text input that offers users a way to quickly clear their input
-without having to manually delete the content character by character.`}),`
-`,t.jsx(e.h2,{id:"default-resettable-input",children:"Default Resettable Input"}),`
-`,t.jsx(a,{of:p})]})}function v(n={}){const{wrapper:e}={...r(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(o,{...n})}):o(n)}export{v as default};

package/storybook-static/assets/DpResettableInput-nox0ihQv.js

@@ -1 +0,0 @@
-import{C as p,k as c,F as y,c as l,b as s,a as V,m as v,f as b,r as g,n as q,d as i,o as d}from"./iframe-KFxwsBtW.js";import{_ as h}from"./DpIcon-dOAQoUKG.js";import{_}from"./DpInput-cN-WEvOL.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o={name:"DpResettableInput",components:{DpIcon:h,DpInput:_},props:{buttonVariant:{type:String,required:!1,default:"medium",validator:e=>["small","medium"].includes(e)},dataCy:{type:String,required:!1,default:""},defaultValue:{type:String,required:!1,default:""},id:{type:String,required:!0},inputAttributes:{type:Object,required:!1,default:()=>({})},pattern:{type:String,required:!1,default:""},required:{type:Boolean,required:!1,default:!1},rounded:{type:String,required:!1,default:"full",validator:e=>["full","left","right"].includes(e)},value:{type:String,required:!1,default:""}},emits:["blur","enter","focus"],data(){return{currentValue:this.value}},computed:{buttonClass(){let e=this.buttonVariant==="small"?"o-form__control-search-reset--small":"o-form__control-search-reset";const t=this.$slots.default&&this.$slots.default().filter(a=>a.type===p||a.type===c&&!a.children.trim()?!1:a.type!==y);return e=t&&t.length>0?`${e} grouped`:e,e},iconSize(){return this.buttonVariant}},watch:{value:function(){this.currentValue=this.value}},methods:{onInput(e){this.currentValue=e,this.$emit("input",e)},resetValue(){this.$emit("reset")}}},C={class:"relative"},S={class:"space-x-0.5"},D=["disabled"];function k(e,t,a,B,r,u){const f=i("dp-input"),m=i("dp-icon");return d(),l("div",C,[s(f,v(a.inputAttributes,{id:a.id,modelValue:r.currentValue,"onUpdate:modelValue":t[0]||(t[0]=n=>r.currentValue=n),"data-cy":a.dataCy,"has-icon":"",required:a.required,rounded:a.rounded,pattern:a.pattern,onBlur:t[1]||(t[1]=n=>e.$emit("blur",r.currentValue)),onInput:u.onInput,onEnter:t[2]||(t[2]=n=>e.$emit("enter",r.currentValue)),onFocus:t[3]||(t[3]=n=>e.$emit("focus"))}),null,16,["id","modelValue","data-cy","required","rounded","pattern","onInput"]),V("span",S,[a.inputAttributes.disabled?b("",!0):(d(),l("button",{key:0,class:q(["btn--blank o-link--default",u.buttonClass]),"data-cy":"resetButton",disabled:r.currentValue===a.defaultValue,onClick:t[4]||(t[4]=(...n)=>u.resetValue&&u.resetValue(...n))},[s(m,{icon:"xmark",size:u.iconSize},null,8,["size"])],10,D)),g(e.$slots,"default")])])}const F=I(o,[["render",k]]);o.__docgenInfo={displayName:"DpResettableInput",exportName:"default",description:"",tags:{},props:[{name:"buttonVariant",description:"By default, the normal variant is used. If set to 'small', a smaller variant is displayed",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'medium'"},values:["small","medium"]},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"defaultValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"id",type:{name:"string"},required:!0},{name:"inputAttributes",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}},{name:"pattern",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"required",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"rounded",description:"Prop to define the rounded corners of the input.",tags:{property:[{title:"property",type:{name:"String"},name:"rounded",description:"The rounded corners style."}],default:[{description:"'full'",title:"default"}],validator:[{description:"Ensures the value is one of 'full', 'left', or 'right'.",title:"validator"}]},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'full'"},values:["full","left","right"]},{name:"value",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"blur"},{name:"enter"},{name:"focus"},{name:"input",type:{names:["undefined"]}},{name:"reset"}],slots:[{name:"default"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpResettableInput/DpResettableInput.vue"]};export{F as D};

package/storybook-static/assets/DpResettableInput.stories-Cq1mfxTz.js

@@ -1,41 +0,0 @@
-import{D as e}from"./DpResettableInput-nox0ihQv.js";const r={component:e,title:"Components/ResettableInput",parameters:{docs:{description:{component:"An input field with a reset button that allows users to quickly clear the input value."}}},render:n=>({components:{DpResettableInput:e},setup(){return{args:n}},template:`
-      <dp-resettable-input
-        :id="args.id"
-        :button-variant="args.buttonVariant"
-        :input-attributes="args.inputAttributes"
-        :required="args.required"
-        :rounded="args.rounded"
-        :pattern="args.pattern"
-        :data-cy="args.dataCy" />
-    `})},t={args:{id:"resettable-input",inputAttributes:{placeholder:"Type something..."}},argTypes:{input:{action:"input"},reset:{action:"reset"},blur:{action:"blur"},enter:{action:"enter"},focus:{action:"focus"}},parameters:{docs:{description:{story:"Basic resettable input with empty value. The reset button is disabled when the input is empty."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'resettable-input',
-    inputAttributes: {
-      placeholder: 'Type something...'
-    }
-  },
-  argTypes: {
-    'input': {
-      action: 'input'
-    },
-    'reset': {
-      action: 'reset'
-    },
-    'blur': {
-      action: 'blur'
-    },
-    'enter': {
-      action: 'enter'
-    },
-    'focus': {
-      action: 'focus'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Basic resettable input with empty value. The reset button is disabled when the input is empty.'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};const a=["Default"],i=Object.freeze(Object.defineProperty({__proto__:null,Default:t,__namedExportsOrder:a,default:r},Symbol.toStringTag,{value:"Module"}));export{i as D,t as a};

package/storybook-static/assets/DpSearchField-CFqegLRV.js

@@ -1 +0,0 @@
-import{d as r}from"./translations-DDOZrg-p.js";import{_ as m}from"./DpButton-BLywaapW.js";import{D as u}from"./DpResettableInput-nox0ihQv.js";import{c as f,b as n,j as _,n as i,d as l,o as T,r as S}from"./iframe-KFxwsBtW.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const c={name:"DpSearchField",components:{DpButton:m,DpResettableInput:u},props:{initSearchTerm:{type:String,required:!1,default:""},inputWidth:{type:String,default:""},placeholder:{type:String,required:!1,default:"search"}},emits:["search","reset"],data(){return{translations:{search:r.search.text,searching:r.search.searching},searchTerm:this.initSearchTerm,searchTermApplied:""}},computed:{cssClasses(){const e="inline-block rounded-r-none focus-within:z-above-zero";return this.inputWidth!==""?`${e} ${this.inputWidth}`:e}},methods:{handleReset(){this.searchTerm="",this.searchTermApplied!==this.searchTerm&&(this.$emit("reset"),this.searchTermApplied="")},handleSearch(){this.searchTermApplied!==this.searchTerm&&(this.searchTermApplied=this.searchTerm,this.$emit("search",this.searchTerm))}},mounted(){this.searchTermApplied=this.searchTerm}};function g(e,a,o,y,t,s){const d=l("dp-resettable-input"),h=l("dp-button");return T(),f("span",{class:i(["inline-flex relative",{"w-full":o.inputWidth===""}])},[n(d,{id:"searchField",modelValue:t.searchTerm,"onUpdate:modelValue":a[0]||(a[0]=p=>t.searchTerm=p),"data-cy":"searchField",class:i(s.cssClasses),"input-attributes":{placeholder:t.translations.search,type:"search"},rounded:"left",onReset:s.handleReset,onEnter:s.handleSearch},{default:_(()=>[S(e.$slots,"default")]),_:3},8,["modelValue","class","input-attributes","onReset","onEnter"]),n(h,{class:"search rounded-r-md rounded-l-none z-[5] -ml-px","data-cy":"handleSearch","hide-text":"",icon:"search",text:t.translations.searching,variant:"outline",onClick:s.handleSearch},null,8,["text","onClick"])],2)}const C=b(c,[["render",g]]);c.__docgenInfo={displayName:"DpSearchField",exportName:"default",description:"",tags:{},props:[{name:"initSearchTerm",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"inputWidth",description:"Value has to be a css class like 'u-1-of-2'",tags:{deprecated:[{description:"Will be removed when the component layout is refactored.",title:"deprecated"}]},type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"placeholder",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'search'"}}],events:[{name:"search",type:{names:["undefined"]}},{name:"reset"}],slots:[{name:"default"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpSearchField/DpSearchField.vue"]};export{C as D};

package/storybook-static/assets/DpSearchField-f1Llye-2.js

@@ -1,4 +0,0 @@
-import{j as t,M as n,C as m}from"./blocks-kyJuz3C5.js";import{useMDXComponents as i}from"./index-BbC7EF1e.js";import{D as s,a as p}from"./DpSearchField.stories-CdMKRXtW.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpSearchField-CFqegLRV.js";import"./translations-DDOZrg-p.js";import"./DpButton-BLywaapW.js";import"./DpIcon-dOAQoUKG.js";import"./CleanHtml-CeG3Pc5D.js";import"./Tooltip-flnpMaRO.js";import"./DpResettableInput-nox0ihQv.js";import"./DpInput-cN-WEvOL.js";import"./dayjs.min-C3DHb-Vr.js";import"./lengthHint-zGawKYxB.js";import"./prefixClass-BBJiSKc2.js";import"./DpLabel-DFauD5I2.js";import"./DpContextualHelp-DnsCCoZB.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function e(r){const o={h1:"h1",p:"p",...i(),...r.components};return t.jsxs(t.Fragment,{children:[t.jsx(n,{of:s}),`
-`,t.jsx(o.h1,{id:"search-field",children:"Search Field"}),`
-`,t.jsx(o.p,{children:"A search field with reset button and search button for triggering search operations."}),`
-`,t.jsx(m,{of:p})]})}function v(r={}){const{wrapper:o}={...i(),...r.components};return o?t.jsx(o,{...r,children:t.jsx(e,{...r})}):e(r)}export{v as default};

package/storybook-static/assets/DpSearchField.stories-CdMKRXtW.js

@@ -1,52 +0,0 @@
-import{l as c}from"./iframe-KFxwsBtW.js";import{D as s}from"./DpSearchField-CFqegLRV.js";const i={component:s,title:"Components/SearchField",parameters:{docs:{description:{component:"A search field component with a reset button and search button."}}},render:t=>({components:{DpSearchField:s},setup(){const a=c("");return{args:t,lastSearchTerm:a,handleSearch:n=>{a.value=n,t.search?.(n)},handleReset:()=>{a.value="",t.reset?.()}}},template:`
-      <div>
-        <dp-search-field
-          :init-search-term="args.initSearchTerm"
-          :input-width="args.inputWidth"
-          :placeholder="args.placeholder"
-          @search="handleSearch"
-          @reset="handleReset" />
-      </div>
-    `})},e={args:{initSearchTerm:"Start typing to search",inputWidth:"",placeholder:"search"},argTypes:{reset:{action:"reset"},search:{action:"search"}},parameters:{docs:{description:{story:"Default search field with empty value. Type something and hit enter or click the search button to trigger a search."}}}},r={args:{initSearchTerm:"initial search",inputWidth:"",placeholder:"search"},argTypes:{reset:{action:"reset"},search:{action:"search"}},parameters:{docs:{description:{story:"Search field initialized with a search term. Click the reset button to clear the field."}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    initSearchTerm: 'Start typing to search',
-    inputWidth: '',
-    placeholder: 'search'
-  },
-  argTypes: {
-    'reset': {
-      action: 'reset'
-    },
-    'search': {
-      action: 'search'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default search field with empty value. Type something and hit enter or click the search button to trigger a search.'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    initSearchTerm: 'initial search',
-    inputWidth: '',
-    placeholder: 'search'
-  },
-  argTypes: {
-    'reset': {
-      action: 'reset'
-    },
-    'search': {
-      action: 'search'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Search field initialized with a search term. Click the reset button to clear the field.'
-      }
-    }
-  }
-}`,...r.parameters?.docs?.source}}};const o=["Default","WithInitialSearchTerm"],m=Object.freeze(Object.defineProperty({__proto__:null,Default:e,WithInitialSearchTerm:r,__namedExportsOrder:o,default:i},Symbol.toStringTag,{value:"Module"}));export{m as D,e as a};

package/storybook-static/assets/DpSelect-BzmpttTu.js

@@ -1 +0,0 @@
-import m from"./DpLabel-DFauD5I2.js";import{d as p}from"./translations-DDOZrg-p.js";import{p as y}from"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import{c as s,e as q,f as n,a as v,m as b,t as i,F as g,i as h,n as _,d as x,o as l}from"./iframe-KFxwsBtW.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u={name:"DpSelect",components:{DpLabel:m},mixins:[y],model:{prop:"selected",event:"select"},props:{classes:{type:[Array,String],required:!1,default:""},dataCy:{type:String,required:!1,default:"selectElement"},dataDpValidateErrorFieldname:{type:String,required:!1,default:""},disabled:{type:Boolean,required:!1,default:!1},id:{type:String,required:!1,default:()=>""},label:{type:Object,required:!1,default:()=>({}),validator:t=>Object.keys(t).every(r=>["bold","hint","text","tooltip"].includes(r))},name:{type:String,required:!1,default:""},options:{required:!0,type:Array},required:{type:Boolean,required:!1,default:!1},showPlaceholder:{type:Boolean,required:!1,default:!0},selected:{type:String,required:!1,default:""}},data(){return{selectPlaceholder:p.operations.select.placeholder}},computed:{nameOrId(){return this.id===""?this.name:this.id}},methods:{update(t){this.$emit("select",t.target.value)}}},D=["id","data-cy","data-dp-validate-error-fieldname","required","name","disabled"],S=["selected"],C=["selected","value"];function k(t,r,e,B,o,d){const f=x("dp-label");return l(),s("div",null,[e.label.text?(l(),q(f,b({key:0},{...e.label,for:d.nameOrId,required:e.required},{class:"mb-0.5"}),null,16)):n("",!0),v("select",{id:d.nameOrId,"data-cy":e.dataCy,"data-dp-validate-error-fieldname":e.dataDpValidateErrorFieldname||e.label.text||null,required:e.required,name:e.name!==""?e.name:null,class:_(["o-form__control-select",[e.disabled?" bg-color--grey-light-2":"",e.classes]]),disabled:e.disabled,onChange:r[0]||(r[0]=(...a)=>d.update&&d.update(...a))},[e.showPlaceholder?(l(),s("option",{key:0,"data-id":"placeholder",disabled:"",value:"",selected:e.selected===""},i(o.selectPlaceholder),9,S)):n("",!0),(l(!0),s(g,null,h(e.options,(a,c)=>(l(),s("option",{key:c,selected:a.value===e.selected,value:a.value},i(a.label),9,C))),128))],42,D)])}const N=V(u,[["render",k]]);u.__docgenInfo={exportName:"default",displayName:"DpSelect",description:"",tags:{},props:[{name:"classes",tags:{deprecated:[{description:!0,title:"deprecated"}]},type:{name:"array|string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'selectElement'"}},{name:"dataDpValidateErrorFieldname",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"id",type:{name:"string"},required:!1,defaultValue:{func:!0,value:"() => ''"}},{name:"label",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}},{name:"name",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"options",type:{name:"array"},required:!0},{name:"required",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"showPlaceholder",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"v-model",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"select",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpSelect/DpSelect.vue","/home/florian/Dev/demosplan-ui/src/mixins/prefixClassMixin/prefixClassMixin.js"]};export{N as D};

package/storybook-static/assets/DpSelect-J0BVjsqi.js

@@ -1,11 +0,0 @@
-import{j as e,M as r,C as i}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as l,a as m,R as a,b as c,S as p}from"./DpSelect.stories-NpI9vCfo.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.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";import"./_plugin-vue_export-helper-DlAUqK2U.js";function n(o){const t={h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{of:l}),`
-`,e.jsx(t.h1,{id:"select",children:"Select"}),`
-`,e.jsx(t.p,{children:"A dropdown select component for selecting a value from a list of options."}),`
-`,e.jsx(i,{of:m}),`
-`,e.jsx(t.h2,{id:"examples",children:"Examples"}),`
-`,e.jsx(t.h3,{id:"required-select",children:"Required Select"}),`
-`,e.jsx(i,{of:a}),`
-`,e.jsx(t.h3,{id:"disabled-select",children:"Disabled Select"}),`
-`,e.jsx(i,{of:c}),`
-`,e.jsx(t.h3,{id:"with-selected-value",children:"With Selected Value"}),`
-`,e.jsx(i,{of:p})]})}function _(o={}){const{wrapper:t}={...s(),...o.components};return t?e.jsx(t,{...o,children:e.jsx(n,{...o})}):n(o)}export{_ as default};

package/storybook-static/assets/DpSelect.stories-NpI9vCfo.js

@@ -1,129 +0,0 @@
-import{l as c}from"./iframe-KFxwsBtW.js";import{D as r}from"./DpSelect-BzmpttTu.js";const i={component:r,title:"Components/Select",parameters:{docs:{description:{component:"A dropdown select component for selecting a value from a list of options."}}},render:s=>({components:{DpSelect:r},setup(){const l=c(s.selected||"");return{args:s,selectedValue:l,handleSelect:o=>{l.value=o,s.select?.(o)}}},template:`
-      <dp-select
-        v-model="selectedValue"
-        :classes="args.classes"
-        :data-cy="args.dataCy"
-        :data-dp-validate-error-fieldname="args.dataDpValidateErrorFieldname"
-        :disabled="args.disabled"
-        :id="args.id"
-        :label="args.label"
-        :name="args.name"
-        :options="args.options"
-        :required="args.required"
-        :show-placeholder="args.showPlaceholder"
-        @select="handleSelect" />
-    `})},e={args:{id:"default-select",label:{text:"Select an option"},options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"},{label:"Option 3",value:"3"}],selected:""},argTypes:{select:{action:"select"}},parameters:{docs:{description:{story:"Basic select component with a placeholder and multiple options."}}}},t={args:{id:"required-select",label:{text:"Required selection"},options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],required:!0},argTypes:{select:{action:"select"}},parameters:{docs:{description:{story:"Required select field with asterisk in the label."}}}},n={args:{id:"disabled-select",label:{text:"Disabled select"},options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],disabled:!0},argTypes:{select:{action:"select"}},parameters:{docs:{description:{story:"Disabled select field that cannot be interacted with."}}}},a={args:{id:"preselected-select",label:{text:"Preselected option"},options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"},{label:"Option 3",value:"3"}],selected:"2"},argTypes:{select:{action:"select"}},parameters:{docs:{description:{story:"Select with a preselected option."}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'default-select',
-    label: {
-      text: 'Select an option'
-    },
-    options: [{
-      label: 'Option 1',
-      value: '1'
-    }, {
-      label: 'Option 2',
-      value: '2'
-    }, {
-      label: 'Option 3',
-      value: '3'
-    }],
-    selected: ''
-  },
-  argTypes: {
-    select: {
-      action: 'select'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Basic select component with a placeholder and multiple options.'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'required-select',
-    label: {
-      text: 'Required selection'
-    },
-    options: [{
-      label: 'Option 1',
-      value: '1'
-    }, {
-      label: 'Option 2',
-      value: '2'
-    }],
-    required: true
-  },
-  argTypes: {
-    select: {
-      action: 'select'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Required select field with asterisk in the label.'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'disabled-select',
-    label: {
-      text: 'Disabled select'
-    },
-    options: [{
-      label: 'Option 1',
-      value: '1'
-    }, {
-      label: 'Option 2',
-      value: '2'
-    }],
-    disabled: true
-  },
-  argTypes: {
-    select: {
-      action: 'select'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Disabled select field that cannot be interacted with.'
-      }
-    }
-  }
-}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'preselected-select',
-    label: {
-      text: 'Preselected option'
-    },
-    options: [{
-      label: 'Option 1',
-      value: '1'
-    }, {
-      label: 'Option 2',
-      value: '2'
-    }, {
-      label: 'Option 3',
-      value: '3'
-    }],
-    selected: '2'
-  },
-  argTypes: {
-    select: {
-      action: 'select'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Select with a preselected option.'
-      }
-    }
-  }
-}`,...a.parameters?.docs?.source}}};const d=["Default","Required","Disabled","Selected"],m=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:n,Required:t,Selected:a,__namedExportsOrder:d,default:i},Symbol.toStringTag,{value:"Module"}));export{m as D,t as R,a as S,e as a,n as b};

package/storybook-static/assets/DpSkeletonBox-CDn0SzQb.js

@@ -1,20 +0,0 @@
-import{j as e,M as l,C as i}from"./blocks-kyJuz3C5.js";import{useMDXComponents as o}from"./index-BbC7EF1e.js";import{D as a,a as h,C as d,M as r}from"./DpSkeletonBox.stories-Cb2yeXBb.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpSkeletonBox-a5wBcRN-.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function s(t){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...o(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{of:a}),`
-`,e.jsx(n.h1,{id:"skeletonbox",children:"SkeletonBox"}),`
-`,e.jsxs(n.p,{children:["The ",e.jsx(n.code,{children:"DpSkeletonBox"})," component renders a skeleton loading animation with shimmer effect. It's used to indicate that content is loading, providing visual feedback to users while waiting for data to load."]}),`
-`,e.jsx(n.h2,{id:"features",children:"Features"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsx(n.li,{children:"Customizable height and width"}),`
-`,e.jsx(n.li,{children:"Shimmer animation to indicate loading state"}),`
-`,e.jsx(n.li,{children:"Simple implementation with minimal overhead"}),`
-`,e.jsx(n.li,{children:"Flexible sizing to match various UI elements"}),`
-`]}),`
-`,e.jsx(n.h2,{id:"usage-examples",children:"Usage Examples"}),`
-`,e.jsx(n.h3,{id:"default",children:"Default"}),`
-`,e.jsx(n.p,{children:"The default SkeletonBox has a height of '1em' and width of '100%'."}),`
-`,e.jsx(i,{of:h}),`
-`,e.jsx(n.h3,{id:"custom-size",children:"Custom Size"}),`
-`,e.jsx(n.p,{children:"You can customize the height and width of the skeleton box to match the size of the content it's replacing."}),`
-`,e.jsx(i,{of:d}),`
-`,e.jsx(n.h3,{id:"multiple-instances",children:"Multiple Instances"}),`
-`,e.jsx(n.p,{children:"Commonly used in lists or grids to simulate loading multiple items."}),`
-`,e.jsx(i,{of:r})]})}function g(t={}){const{wrapper:n}={...o(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(s,{...t})}):s(t)}export{g as default};

package/storybook-static/assets/DpSkeletonBox-a5wBcRN-.js

@@ -1 +0,0 @@
-import{c as o,q as n,o as a}from"./iframe-KFxwsBtW.js";import{_ as l}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={name:"DpSkeletonBox",props:{height:{type:String,default:"1em"},width:{type:String,default:"100%"}}};function s(i,p,e,r,c,m){return a(),o("span",{style:n({height:e.height,width:e.width}),class:"c-skeleton-box"},null,4)}const d=l(t,[["render",s]]);t.__docgenInfo={displayName:"DpSkeletonBox",exportName:"default",description:"",tags:{},props:[{name:"height",type:{name:"string"},defaultValue:{func:!1,value:"'1em'"}},{name:"width",type:{name:"string"},defaultValue:{func:!1,value:"'100%'"}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpSkeletonBox/DpSkeletonBox.vue"]};export{d as D};

package/storybook-static/assets/DpSkeletonBox.stories-Cb2yeXBb.js

@@ -1,70 +0,0 @@
-import{D as n}from"./DpSkeletonBox-a5wBcRN-.js";const r={component:n,title:"Components/SkeletonBox",argTypes:{height:{control:"text",description:"Height of the skeleton box",table:{type:{summary:"String"},defaultValue:{summary:"1em"}}},width:{control:"text",description:"Width of the skeleton box",table:{type:{summary:"String"},defaultValue:{summary:"100%"}}}}},e={args:{},parameters:{docs:{description:{story:"Default skeleton box with default height (1em) and width (100%)"}}}},t={args:{height:"50px",width:"200px"},parameters:{docs:{description:{story:"Skeleton box with custom height and width"}}}},o={render:s=>({components:{DpSkeletonBox:n},setup(){return{args:s}},template:`
-      <div style="width: 100%;">
-        <dp-skeleton-box 
-          v-for="i in 3" 
-          :key="i" 
-          height="54px" 
-          style="margin-bottom: 10px;" />
-      </div>
-    `}),parameters:{docs:{description:{story:"Multiple skeleton boxes commonly used to simulate loading a list of items"},source:{code:`
-<dp-skeleton-box 
-  v-for="(item, idx) in items"
-  :key="\`skeleton:\${idx}\`"
-  height="54px" />
-        `}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {},
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default skeleton box with default height (1em) and width (100%)'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    height: '50px',
-    width: '200px'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Skeleton box with custom height and width'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpSkeletonBox
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="width: 100%;">
-        <dp-skeleton-box 
-          v-for="i in 3" 
-          :key="i" 
-          height="54px" 
-          style="margin-bottom: 10px;" />
-      </div>
-    \`
-  }),
-  parameters: {
-    docs: {
-      description: {
-        story: 'Multiple skeleton boxes commonly used to simulate loading a list of items'
-      },
-      source: {
-        code: \`
-<dp-skeleton-box 
-  v-for="(item, idx) in items"
-  :key="\\\`skeleton:\\\${idx}\\\`"
-  height="54px" />
-        \`
-      }
-    }
-  }
-}`,...o.parameters?.docs?.source}}};const i=["Default","CustomSize","MultipleItems"],d=Object.freeze(Object.defineProperty({__proto__:null,CustomSize:t,Default:e,MultipleItems:o,__namedExportsOrder:i,default:r},Symbol.toStringTag,{value:"Module"}));export{t as C,d as D,o as M,e as a};