@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpModal.stories-D85oaATj.js

@@ -1,129 +0,0 @@
-import{D as a}from"./DpModal-oGkhZvzT.js";import{_ as s}from"./DpButton-BLywaapW.js";const n={component:a,title:"Components/Modal",argTypes:{ariaLabel:{control:"text",description:"Accessibility label for screen readers"},contentBodyClasses:{control:"text",description:"Additional CSS classes for the modal body"},contentClasses:{control:"text",description:"Additional CSS classes for the modal content container"},contentHeaderClasses:{control:"text",description:"Additional CSS classes for the modal header"},modalId:{control:"text",description:"ID for the modal (required when toggling modal with toggleByEvent())"},"modal:toggled":{action:"modal:toggled",description:"Event emitted when the modal is opened or closed"}},parameters:{docs:{description:{component:"Modal components intentionally interrupt the user's page experience, disabling page content to focus attention on critical information or actions. They create a layer above the app's main interface that requires user interaction before returning to the main content."}}},tags:["autodocs","!dev"]},e={render:o=>({components:{DpModal:a,DpButton:s},setup(){return{args:o}},template:`
-          <div>
-            <dp-button @click.stop.prevent="$refs.openModal.toggle()" text="Open Modal" />
-            <dp-modal
-                id="basicModal"
-                ref="openModal"
-                v-bind="args">
-              <template v-slot:header>
-                Short, descriptive modal title
-              </template>
-              <template>
-                <p>
-                  Modal content goes here. This can include text, forms, images, or any other content.
-                </p>
-                <p class="mt-4">
-                  The modal can be closed by clicking the X button in the top right, clicking the backdrop,
-                  or pressing the Escape key.
-                </p>
-                <div class="mt-6 text-right">
-                  <dp-button @click="$refs.openModal.toggle()">Close</dp-button>
-                </div>
-              </template>
-            </dp-modal>
-          </div>
-        `}),args:{ariaLabel:"Example Modal Dialog"},tags:["!autodocs","dev"]},t={render:o=>({components:{DpModal:a,DpButton:s},setup(){return{args:o}},template:`
-          <div>
-            <dp-button @click.stop.prevent="$refs.styledModal.toggle()" text="Open Colorful Modal" />
-            <dp-modal
-                id="styledModal"
-                ref="styledModal"
-                v-bind="args">
-              <template v-slot:header>
-                Custom Styled Modal
-              </template>
-              <template>
-                <p>This modal has custom styling applied to the content container, header, and body.</p>
-                <p class="mt-4">
-                  You can customize the appearance of the modal using the contentClasses, contentHeaderClasses,
-                  and contentBodyClasses props.
-                </p>
-                <div class="mt-6 text-right">
-                  <dp-button @click="$refs.styledModal.toggle()">Close</dp-button>
-                </div>
-              </template>
-            </dp-modal>
-          </div>
-        `}),args:{ariaLabel:"Custom Styled Modal Dialog",contentClasses:"bg-message-warning rounded-md",contentHeaderClasses:"text-highlight",contentBodyClasses:"p-6"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpModal,
-      DpButton
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-          <div>
-            <dp-button @click.stop.prevent="$refs.openModal.toggle()" text="Open Modal" />
-            <dp-modal
-                id="basicModal"
-                ref="openModal"
-                v-bind="args">
-              <template v-slot:header>
-                Short, descriptive modal title
-              </template>
-              <template>
-                <p>
-                  Modal content goes here. This can include text, forms, images, or any other content.
-                </p>
-                <p class="mt-4">
-                  The modal can be closed by clicking the X button in the top right, clicking the backdrop,
-                  or pressing the Escape key.
-                </p>
-                <div class="mt-6 text-right">
-                  <dp-button @click="$refs.openModal.toggle()">Close</dp-button>
-                </div>
-              </template>
-            </dp-modal>
-          </div>
-        \`
-  }),
-  args: {
-    ariaLabel: 'Example Modal Dialog'
-  },
-  tags: ['!autodocs', 'dev']
-}`,...e.parameters?.docs?.source},description:{story:"Basic modal with a title and simple content",...e.parameters?.docs?.description}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpModal,
-      DpButton
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-          <div>
-            <dp-button @click.stop.prevent="$refs.styledModal.toggle()" text="Open Colorful Modal" />
-            <dp-modal
-                id="styledModal"
-                ref="styledModal"
-                v-bind="args">
-              <template v-slot:header>
-                Custom Styled Modal
-              </template>
-              <template>
-                <p>This modal has custom styling applied to the content container, header, and body.</p>
-                <p class="mt-4">
-                  You can customize the appearance of the modal using the contentClasses, contentHeaderClasses,
-                  and contentBodyClasses props.
-                </p>
-                <div class="mt-6 text-right">
-                  <dp-button @click="$refs.styledModal.toggle()">Close</dp-button>
-                </div>
-              </template>
-            </dp-modal>
-          </div>
-        \`
-  }),
-  args: {
-    ariaLabel: 'Custom Styled Modal Dialog',
-    contentClasses: 'bg-message-warning rounded-md',
-    contentHeaderClasses: 'text-highlight',
-    contentBodyClasses: 'p-6'
-  }
-}`,...t.parameters?.docs?.source},description:{story:"Modal with custom styling for the content container, header, and body",...t.parameters?.docs?.description}}};const d=["Default","CustomStyling"],i=Object.freeze(Object.defineProperty({__proto__:null,CustomStyling:t,Default:e,__namedExportsOrder:d,default:n},Symbol.toStringTag,{value:"Module"}));export{t as C,i as D,e as a};

package/storybook-static/assets/DpMultiselect-Bm5hUadB.js

@@ -1,22 +0,0 @@
-import{d as y}from"./translations-DDOZrg-p.js";import{s as M,t as T}from"./helpers-CdC6mcQu.js";import{e as p,o as f,r as u,b as d,w as o,f as g,g as v,v as w,F as k,i as B,t as c,s as m,T as A,j as V,p as b,h as F,Q as G,m as H,d as N,a as L}from"./iframe-KFxwsBtW.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";function D(e){if(M(e)===!1)return!0;const t=e.getAttribute("data-dp-validate-is-valid")==="true";return T(e,!t),t}const K={mounted(e,t){if(!t.value)return;const l=t.instance,a=l.groupValues?l.options.some(s=>s[l.groupValues].length>0):l.options.length>0;l.$el.setAttribute("data-dp-validate-is-valid",!a);const n=s=>{s.stopPropagation();const i=()=>{document.removeEventListener("mouseup",i),D(e)};document.addEventListener("mouseup",i)};e.addEventListener("mouseup",n)},updated(e,t){if(!t.value)return;const l=t.instance,n=(l.groupValues?l.options.some(s=>s[l.groupValues].length>0):l.options.length>0)?R(l.value):!0;l.$el.setAttribute("data-dp-validate-is-valid",n),D(l.$el)}};function R(e){if(!e)return!1;let t;return Array.isArray(e)?e.length===0?t=!1:e.length===1?t=typeof e[0]=="object"?e[0].id!=="":e[0]!=="":t=!0:typeof e=="object"?t=e===null?!1:Object.keys(e).length>0&&e.id!=="":typeof e=="string"&&(t=e!==""),t}function O(e){return e===0?!1:Array.isArray(e)&&e.length===0?!0:!e}function W(e){return(...t)=>!e(...t)}function z(e,t){return e===void 0&&(e="undefined"),e===null&&(e="null"),e===!1&&(e="false"),e.toString().toLowerCase().indexOf(t.trim())!==-1}function E(e,t,l,a){return t?e.filter(n=>z(a(n,l),t)).sort((n,s)=>a(n,l).length-a(s,l).length):e}function U(e){return e.filter(t=>!t.$isLabel)}function q(e,t){return l=>l.reduce((a,n)=>n[e]&&n[e].length?(a.push({$groupLabel:n[t],$isLabel:!0}),a.concat(n[e])):a,[])}function I(e,t,l,a,n){return s=>s.map(i=>{if(!i[l])return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."),[];const h=E(i[l],e,t,n);return h.length?{[a]:i[a],[l]:h}:[]})}const $=(...e)=>t=>e.reduce((l,a)=>a(l),t);var Q={data(){return{search:"",isOpen:!1,preferredOpenDirection:"below",optimizedHeight:this.maxHeight}},props:{internalSearch:{type:Boolean,default:!0},options:{type:Array,required:!0},multiple:{type:Boolean,default:!1},trackBy:{type:String},label:{type:String},searchable:{type:Boolean,default:!0},clearOnSelect:{type:Boolean,default:!0},hideSelected:{type:Boolean,default:!1},placeholder:{type:String,default:"Select option"},allowEmpty:{type:Boolean,default:!0},resetAfter:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:!0},customLabel:{type:Function,default(e,t){return O(e)?"":t?e[t]:e}},taggable:{type:Boolean,default:!1},tagPlaceholder:{type:String,default:"Press enter to create a tag"},tagPosition:{type:String,default:"top"},max:{type:[Number,Boolean],default:!1},id:{default:null},optionsLimit:{type:Number,default:1e3},groupValues:{type:String},groupLabel:{type:String},groupSelect:{type:Boolean,default:!1},blockKeys:{type:Array,default(){return[]}},preserveSearch:{type:Boolean,default:!1},preselectFirst:{type:Boolean,default:!1},preventAutofocus:{type:Boolean,default:!1}},mounted(){!this.multiple&&this.max&&console.warn("[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false."),this.preselectFirst&&!this.internalValue.length&&this.options.length&&this.select(this.filteredOptions[0])},computed:{internalValue(){return this.modelValue||this.modelValue===0?Array.isArray(this.modelValue)?this.modelValue:[this.modelValue]:[]},filteredOptions(){const e=this.search||"",t=e.toLowerCase().trim();let l=this.options.concat();return this.internalSearch?l=this.groupValues?this.filterAndFlat(l,t,this.label):E(l,t,this.label,this.customLabel):l=this.groupValues?q(this.groupValues,this.groupLabel)(l):l,l=this.hideSelected?l.filter(W(this.isSelected)):l,this.taggable&&t.length&&!this.isExistingOption(t)&&(this.tagPosition==="bottom"?l.push({isTag:!0,label:e}):l.unshift({isTag:!0,label:e})),l.slice(0,this.optionsLimit)},valueKeys(){return this.trackBy?this.internalValue.map(e=>e[this.trackBy]):this.internalValue},optionKeys(){return(this.groupValues?this.flatAndStrip(this.options):this.options).map(t=>this.customLabel(t,this.label).toString().toLowerCase())},currentOptionLabel(){return this.multiple?this.searchable?"":this.placeholder:this.internalValue.length?this.getOptionLabel(this.internalValue[0]):this.searchable?"":this.placeholder}},watch:{internalValue:{handler(){this.resetAfter&&this.internalValue.length&&(this.search="",this.$emit("update:modelValue",this.multiple?[]:null))},deep:!0},search(){this.$emit("search-change",this.search)}},emits:["open","search-change","close","select","update:modelValue","remove","tag"],methods:{getValue(){return this.multiple?this.internalValue:this.internalValue.length===0?null:this.internalValue[0]},filterAndFlat(e,t,l){return $(I(t,l,this.groupValues,this.groupLabel,this.customLabel),q(this.groupValues,this.groupLabel))(e)},flatAndStrip(e){return $(q(this.groupValues,this.groupLabel),U)(e)},updateSearch(e){this.search=e},isExistingOption(e){return this.options?this.optionKeys.indexOf(e)>-1:!1},isSelected(e){const t=this.trackBy?e[this.trackBy]:e;return this.valueKeys.indexOf(t)>-1},isOptionDisabled(e){return!!e.$isDisabled},getOptionLabel(e){if(O(e))return"";if(e.isTag)return e.label;if(e.$isLabel)return e.$groupLabel;const t=this.customLabel(e,this.label);return O(t)?"":t},select(e,t){if(e.$isLabel&&this.groupSelect){this.selectGroup(e);return}if(!(this.blockKeys.indexOf(t)!==-1||this.disabled||e.$isDisabled||e.$isLabel)&&!(this.max&&this.multiple&&this.internalValue.length===this.max)&&!(t==="Tab"&&!this.pointerDirty)){if(e.isTag)this.$emit("tag",e.label,this.id),this.search="",this.closeOnSelect&&!this.multiple&&this.deactivate();else{if(this.isSelected(e)){t!=="Tab"&&this.removeElement(e);return}this.multiple?this.$emit("update:modelValue",this.internalValue.concat([e])):this.$emit("update:modelValue",e),this.$emit("select",e,this.id),this.clearOnSelect&&(this.search="")}this.closeOnSelect&&this.deactivate()}},selectGroup(e){const t=this.options.find(l=>l[this.groupLabel]===e.$groupLabel);if(t){if(this.wholeGroupSelected(t)){this.$emit("remove",t[this.groupValues],this.id);const l=this.trackBy?t[this.groupValues].map(n=>n[this.trackBy]):t[this.groupValues],a=this.internalValue.filter(n=>l.indexOf(this.trackBy?n[this.trackBy]:n)===-1);this.$emit("update:modelValue",a)}else{let l=t[this.groupValues].filter(a=>!(this.isOptionDisabled(a)||this.isSelected(a)));this.max&&l.splice(this.max-this.internalValue.length),this.$emit("select",l,this.id),this.$emit("update:modelValue",this.internalValue.concat(l))}this.closeOnSelect&&this.deactivate()}},wholeGroupSelected(e){return e[this.groupValues].every(t=>this.isSelected(t)||this.isOptionDisabled(t))},wholeGroupDisabled(e){return e[this.groupValues].every(this.isOptionDisabled)},removeElement(e,t=!0){if(this.disabled||e.$isDisabled)return;if(!this.allowEmpty&&this.internalValue.length<=1){this.deactivate();return}const l=typeof e=="object"?this.valueKeys.indexOf(e[this.trackBy]):this.valueKeys.indexOf(e);if(this.multiple){const a=this.internalValue.slice(0,l).concat(this.internalValue.slice(l+1));this.$emit("update:modelValue",a)}else this.$emit("update:modelValue",null);this.$emit("remove",e,this.id),this.closeOnSelect&&t&&this.deactivate()},removeLastElement(){this.blockKeys.indexOf("Delete")===-1&&this.search.length===0&&Array.isArray(this.internalValue)&&this.internalValue.length&&this.removeElement(this.internalValue[this.internalValue.length-1],!1)},activate(){this.isOpen||this.disabled||(this.adjustPosition(),this.groupValues&&this.pointer===0&&this.filteredOptions.length&&(this.pointer=1),this.isOpen=!0,this.searchable?(this.preserveSearch||(this.search=""),this.preventAutofocus||this.$nextTick(()=>this.$refs.search&&this.$refs.search.focus())):this.preventAutofocus||typeof this.$el<"u"&&this.$el.focus(),this.$emit("open",this.id))},deactivate(){this.isOpen&&(this.isOpen=!1,this.searchable?this.$refs.search!==null&&typeof this.$refs.search<"u"&&this.$refs.search.blur():typeof this.$el<"u"&&this.$el.blur(),this.preserveSearch||(this.search=""),this.$emit("close",this.getValue(),this.id))},toggle(){this.isOpen?this.deactivate():this.activate()},adjustPosition(){if(typeof window>"u")return;const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom;t>this.maxHeight||t>e||this.openDirection==="below"||this.openDirection==="bottom"?(this.preferredOpenDirection="below",this.optimizedHeight=Math.min(t-40,this.maxHeight)):(this.preferredOpenDirection="above",this.optimizedHeight=Math.min(e-40,this.maxHeight))}}},J={data(){return{pointer:0,pointerDirty:!1}},props:{showPointer:{type:Boolean,default:!0},optionHeight:{type:Number,default:40}},computed:{pointerPosition(){return this.pointer*this.optionHeight},visibleElements(){return this.optimizedHeight/this.optionHeight}},watch:{filteredOptions(){this.pointerAdjust()},isOpen(){this.pointerDirty=!1},pointer(){this.$refs.search&&this.$refs.search.setAttribute("aria-activedescendant",this.id+"-"+this.pointer.toString())}},methods:{optionHighlight(e,t){return{"multiselect__option--highlight":e===this.pointer&&this.showPointer,"multiselect__option--selected":this.isSelected(t)}},groupHighlight(e,t){if(!this.groupSelect)return["multiselect__option--disabled",{"multiselect__option--group":t.$isLabel}];const l=this.options.find(a=>a[this.groupLabel]===t.$groupLabel);return l&&!this.wholeGroupDisabled(l)?["multiselect__option--group",{"multiselect__option--highlight":e===this.pointer&&this.showPointer},{"multiselect__option--group-selected":this.wholeGroupSelected(l)}]:"multiselect__option--disabled"},addPointerElement({key:e}="Enter"){this.filteredOptions.length>0&&this.select(this.filteredOptions[this.pointer],e),this.pointerReset()},pointerForward(){this.pointer<this.filteredOptions.length-1&&(this.pointer++,this.$refs.list.scrollTop<=this.pointerPosition-(this.visibleElements-1)*this.optionHeight&&(this.$refs.list.scrollTop=this.pointerPosition-(this.visibleElements-1)*this.optionHeight),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()),this.pointerDirty=!0},pointerBackward(){this.pointer>0?(this.pointer--,this.$refs.list.scrollTop>=this.pointerPosition&&(this.$refs.list.scrollTop=this.pointerPosition),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerBackward()):this.filteredOptions[this.pointer]&&this.filteredOptions[0].$isLabel&&!this.groupSelect&&this.pointerForward(),this.pointerDirty=!0},pointerReset(){this.closeOnSelect&&(this.pointer=0,this.$refs.list&&(this.$refs.list.scrollTop=0))},pointerAdjust(){this.pointer>=this.filteredOptions.length-1&&(this.pointer=this.filteredOptions.length?this.filteredOptions.length-1:0),this.filteredOptions.length>0&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()},pointerSet(e){this.pointer=e,this.pointerDirty=!0}}},C={name:"vue-multiselect",mixins:[Q,J],compatConfig:{MODE:3,ATTR_ENUMERATED_COERCION:!1},props:{name:{type:String,default:""},modelValue:{type:null,default(){return[]}},selectLabel:{type:String,default:"Press enter to select"},selectGroupLabel:{type:String,default:"Press enter to select group"},selectedLabel:{type:String,default:"Selected"},deselectLabel:{type:String,default:"Press enter to remove"},deselectGroupLabel:{type:String,default:"Press enter to deselect group"},showLabels:{type:Boolean,default:!0},limit:{type:Number,default:99999},maxHeight:{type:Number,default:300},limitText:{type:Function,default:e=>`and ${e} more`},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},spellcheck:{type:Boolean,default:!1},openDirection:{type:String,default:""},showNoOptions:{type:Boolean,default:!0},showNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0},required:{type:Boolean,default:!1}},computed:{hasOptionGroup(){return this.groupValues&&this.groupLabel&&this.groupSelect},isSingleLabelVisible(){return(this.singleValue||this.singleValue===0)&&(!this.isOpen||!this.searchable)&&!this.visibleValues.length},isPlaceholderVisible(){return!this.internalValue.length&&(!this.searchable||!this.isOpen)},visibleValues(){return this.multiple?this.internalValue.slice(0,this.limit):[]},singleValue(){return this.internalValue[0]},deselectLabelText(){return this.showLabels?this.deselectLabel:""},deselectGroupLabelText(){return this.showLabels?this.deselectGroupLabel:""},selectLabelText(){return this.showLabels?this.selectLabel:""},selectGroupLabelText(){return this.showLabels?this.selectGroupLabel:""},selectedLabelText(){return this.showLabels?this.selectedLabel:""},inputStyle(){return this.searchable||this.multiple&&this.modelValue&&this.modelValue.length?this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}:""},contentStyle(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove(){return this.openDirection==="above"||this.openDirection==="top"?!0:this.openDirection==="below"||this.openDirection==="bottom"?!1:this.preferredOpenDirection==="above"},showSearchInput(){return this.searchable&&(this.hasSingleSelectedSlot&&(this.visibleSingleValue||this.visibleSingleValue===0)?this.isOpen:!0)}}};const X={ref:"tags",class:"multiselect__tags"},Y={class:"multiselect__tags-wrap"},Z={class:"multiselect__spinner"},x={key:0},_={class:"multiselect__option"},ee={class:"multiselect__option"},te=b("No elements found. Consider changing the search query."),le={class:"multiselect__option"},ie=b("List is empty.");function se(e,t,l,a,n,s){return f(),p("div",{tabindex:e.searchable?-1:l.tabindex,class:[{"multiselect--active":e.isOpen,"multiselect--disabled":l.disabled,"multiselect--above":s.isAbove,"multiselect--has-options-group":s.hasOptionGroup},"multiselect"],onFocus:t[14]||(t[14]=i=>e.activate()),onBlur:t[15]||(t[15]=i=>e.searchable?!1:e.deactivate()),onKeydown:[t[16]||(t[16]=m(o(i=>e.pointerForward(),["self","prevent"]),["down"])),t[17]||(t[17]=m(o(i=>e.pointerBackward(),["self","prevent"]),["up"]))],onKeypress:t[18]||(t[18]=m(o(i=>e.addPointerElement(i),["stop","self"]),["enter","tab"])),onKeyup:t[19]||(t[19]=m(i=>e.deactivate(),["esc"])),role:"combobox","aria-owns":"listbox-"+e.id},[u(e.$slots,"caret",{toggle:e.toggle},()=>[d("div",{onMousedown:t[1]||(t[1]=o(i=>e.toggle(),["prevent","stop"])),class:"multiselect__select"},null,32)]),u(e.$slots,"clear",{search:e.search}),d("div",X,[u(e.$slots,"selection",{search:e.search,remove:e.removeElement,values:s.visibleValues,isOpen:e.isOpen},()=>[v(d("div",Y,[(f(!0),p(k,null,B(s.visibleValues,(i,h)=>u(e.$slots,"tag",{option:i,search:e.search,remove:e.removeElement},()=>[(f(),p("span",{class:"multiselect__tag",key:h},[d("span",{textContent:c(e.getOptionLabel(i))},null,8,["textContent"]),d("i",{tabindex:"1",onKeypress:m(o(r=>e.removeElement(i),["prevent"]),["enter"]),onMousedown:o(r=>e.removeElement(i),["prevent"]),class:"multiselect__tag-icon"},null,40,["onKeypress","onMousedown"])]))])),256))],512),[[w,s.visibleValues.length>0]]),e.internalValue&&e.internalValue.length>l.limit?u(e.$slots,"limit",{key:0},()=>[d("strong",{class:"multiselect__strong",textContent:c(l.limitText(e.internalValue.length-l.limit))},null,8,["textContent"])]):g("v-if",!0)]),d(A,{name:"multiselect__loading"},{default:V(()=>[u(e.$slots,"loading",{},()=>[v(d("div",Z,null,512),[[w,l.loading]])])]),_:3}),e.searchable?(f(),p("input",{key:0,ref:"search",name:l.name,id:e.id,type:"text",autocomplete:"off",spellcheck:l.spellcheck,placeholder:e.placeholder,required:l.required,style:s.inputStyle,value:e.search,disabled:l.disabled,tabindex:l.tabindex,onInput:t[2]||(t[2]=i=>e.updateSearch(i.target.value)),onFocus:t[3]||(t[3]=o(i=>e.activate(),["prevent"])),onBlur:t[4]||(t[4]=o(i=>e.deactivate(),["prevent"])),onKeyup:t[5]||(t[5]=m(i=>e.deactivate(),["esc"])),onKeydown:[t[6]||(t[6]=m(o(i=>e.pointerForward(),["prevent"]),["down"])),t[7]||(t[7]=m(o(i=>e.pointerBackward(),["prevent"]),["up"])),t[9]||(t[9]=m(o(i=>e.removeLastElement(),["stop"]),["delete"]))],onKeypress:t[8]||(t[8]=m(o(i=>e.addPointerElement(i),["prevent","stop","self"]),["enter"])),class:"multiselect__input","aria-controls":"listbox-"+e.id},null,44,["name","id","spellcheck","placeholder","required","value","disabled","tabindex","aria-controls"])):g("v-if",!0),s.isSingleLabelVisible?(f(),p("span",{key:1,class:"multiselect__single",onMousedown:t[10]||(t[10]=o((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[u(e.$slots,"singleLabel",{option:s.singleValue},()=>[b(c(e.currentOptionLabel),1)])],32)):g("v-if",!0),s.isPlaceholderVisible?(f(),p("span",{key:2,class:"multiselect__placeholder",onMousedown:t[11]||(t[11]=o((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[u(e.$slots,"placeholder",{},()=>[b(c(e.placeholder),1)])],32)):g("v-if",!0)],512),d(A,{name:"multiselect"},{default:V(()=>[v(d("div",{class:"multiselect__content-wrapper",onFocus:t[12]||(t[12]=(...i)=>e.activate&&e.activate(...i)),tabindex:"-1",onMousedown:t[13]||(t[13]=o(()=>{},["prevent"])),style:{maxHeight:e.optimizedHeight+"px"},ref:"list"},[d("ul",{class:"multiselect__content",style:s.contentStyle,role:"listbox",id:"listbox-"+e.id,"aria-multiselectable":e.multiple},[u(e.$slots,"beforeList"),e.multiple&&e.max===e.internalValue.length?(f(),p("li",x,[d("span",_,[u(e.$slots,"maxElements",{},()=>[b("Maximum of "+c(e.max)+" options selected. First remove a selected option to select another.",1)])])])):g("v-if",!0),!e.max||e.internalValue.length<e.max?(f(!0),p(k,{key:1},B(e.filteredOptions,(i,h)=>(f(),p("li",{class:"multiselect__element",key:h,"aria-selected":e.isSelected(i),id:e.id+"-"+h,role:i&&(i.$isLabel||i.$isDisabled)?null:"option"},[i&&(i.$isLabel||i.$isDisabled)?g("v-if",!0):(f(),p("span",{key:0,class:[e.optionHighlight(h,i),"multiselect__option"],onClick:o(r=>e.select(i),["stop"]),onMouseenter:o(r=>e.pointerSet(h),["self"]),"data-select":i&&i.isTag?e.tagPlaceholder:s.selectLabelText,"data-selected":s.selectedLabelText,"data-deselect":s.deselectLabelText},[u(e.$slots,"option",{option:i,search:e.search,index:h},()=>[d("span",null,c(e.getOptionLabel(i)),1)])],42,["onClick","onMouseenter","data-select","data-selected","data-deselect"])),i&&(i.$isLabel||i.$isDisabled)?(f(),p("span",{key:1,"data-select":e.groupSelect&&s.selectGroupLabelText,"data-deselect":e.groupSelect&&s.deselectGroupLabelText,class:[e.groupHighlight(h,i),"multiselect__option"],onMouseenter:o(r=>e.groupSelect&&e.pointerSet(h),["self"]),onMousedown:o(r=>e.selectGroup(i),["prevent"])},[u(e.$slots,"option",{option:i,search:e.search,index:h},()=>[d("span",null,c(e.getOptionLabel(i)),1)])],42,["data-select","data-deselect","onMouseenter","onMousedown"])):g("v-if",!0)],8,["aria-selected","id","role"]))),128)):g("v-if",!0),v(d("li",null,[d("span",ee,[u(e.$slots,"noResult",{search:e.search},()=>[te])])],512),[[w,l.showNoResults&&e.filteredOptions.length===0&&e.search&&!l.loading]]),v(d("li",null,[d("span",le,[u(e.$slots,"noOptions",{},()=>[ie])])],512),[[w,l.showNoOptions&&(e.options.length===0||s.hasOptionGroup===!0&&e.filteredOptions.length===0)&&!e.search&&!l.loading]]),u(e.$slots,"afterList")],12,["id","aria-multiselectable"])],36),[[w,e.isOpen]])]),_:3})],42,["tabindex","aria-owns"])}C.render=se;const P={name:"DpMultiselect",components:{VueMultiselect:C},directives:{dpValidateMultiselectDirective:K},props:{allowEmpty:{type:Boolean,required:!1,default:!0},clearOnSelect:{type:Boolean,required:!1,default:!0},closeOnSelect:{type:Boolean,required:!1,default:!0},customLabel:{type:Function,required:!1,default:void 0},dataCy:{type:String,required:!1,default:"multiselect"},dataDpValidateErrorFieldname:{type:String,required:!1,default:""},deselectLabel:{type:String,required:!1,default:""},deselectGroupLabel:{type:String,required:!1,default:""},disabled:{type:Boolean,required:!1,default:!1},groupLabel:{type:String,required:!1,default:""},groupSelect:{type:Boolean,required:!1,default:!1},groupValues:{type:String,required:!1,default:""},id:{type:String,required:!1,default:""},label:{type:String,required:!1,default:""},loading:{type:Boolean,required:!1,default:!1},maxHeight:{type:Number,required:!1,default:300},multiple:{required:!1,type:Boolean,default:!1},name:{type:String,required:!1,default:""},openDirection:{type:String,required:!1,default:""},options:{type:Array,required:!0},placeholder:{type:String,required:!1,default:y.choose},required:{required:!1,type:Boolean,default:!1},searchable:{required:!1,type:Boolean,default:!0},selectionControls:{required:!1,type:Boolean,default:!1},selectGroupLabel:{type:String,required:!1,default:""},selectLabel:{type:String,required:!1,default:""},selectedLabel:{type:String,required:!1,default:""},subSlots:{type:Array,required:!1,default:()=>["option","tag"]},tagPlaceholder:{type:String,required:!1,default:y.tag.create},trackBy:{type:[String,null],required:!1,default:null},value:{type:[String,Number,Array,Object],required:!1,default:""}},emits:["close","input","open","remove","search-change","select","selectAll","tag","deselectAll"],data(){return{translations:{autocompleteNoResults:y.autocompleteNoResults,deselectAll:y.operations.deselect.all,noEntriesAvailable:y.noEntriesAvailable,selectAll:y.operations.select.all}}}},ae={class:"border-bottom"},ne=["disabled","textContent"],re=["disabled","textContent"];function oe(e,t,l,a,n,s){const i=N("vue-multiselect"),h=F("dp-validate-multiselect");return v((f(),p(i,H({allowEmpty:l.allowEmpty,clearOnSelect:l.clearOnSelect,closeOnSelect:l.closeOnSelect,customLabel:l.customLabel,deselectGroupLabel:l.deselectGroupLabel,deselectLabel:l.deselectLabel,disabled:l.disabled,groupLabel:l.groupLabel,groupSelect:l.groupSelect,groupValues:l.groupValues,id:l.id,label:l.label,loading:l.loading,maxHeight:l.maxHeight,multiple:l.multiple,name:l.name,openDirection:l.openDirection,options:l.options,placeholder:l.placeholder,searchable:l.searchable,selectGroupLabel:l.selectGroupLabel,selectLabel:l.selectLabel,selectedLabel:l.selectedLabel,tagPlaceholder:l.tagPlaceholder,trackBy:l.trackBy,value:l.value},{class:{"is-required":l.required},"data-cy":l.dataCy,"data-dp-validate-error-fieldname":l.dataDpValidateErrorFieldname,"model-value":l.value,onClose:t[2]||(t[2]=r=>e.$emit("close",r)),"onUpdate:modelValue":t[3]||(t[3]=r=>e.$emit("input",r)),onOpen:t[4]||(t[4]=r=>e.$emit("open",r)),onRemove:t[5]||(t[5]=r=>e.$emit("remove",r)),onSearchChange:t[6]||(t[6]=r=>e.$emit("search-change",r)),onSelect:t[7]||(t[7]=r=>e.$emit("select",r)),onTag:t[8]||(t[8]=r=>e.$emit("tag",r))}),G({noOptions:V(()=>[u(e.$slots,"noOptions",{},()=>[b(c(n.translations.noEntriesAvailable),1)])]),noResult:V(()=>[u(e.$slots,"noResult",{},()=>[b(c(n.translations.autocompleteNoResults),1)])]),_:2},[B(l.subSlots,r=>({name:r,fn:V(S=>[u(e.$slots,r,{props:S})])})),l.selectionControls?{name:"beforeList",fn:V(r=>[u(e.$slots,"beforeList",{props:r},()=>[L("div",ae,[L("button",{class:"btn--blank weight--bold u-ph-0_5 u-pv-0_25",disabled:l.value.length===l.options.length,type:"button",onClick:t[0]||(t[0]=S=>e.$emit("selectAll")),textContent:c(n.translations.selectAll)},null,8,ne),L("button",{class:"btn--blank weight--bold u-ph-0_5 u-pv-0_25",disabled:l.value.length===0,type:"button",onClick:t[1]||(t[1]=S=>e.$emit("deselectAll")),textContent:c(n.translations.deselectAll)},null,8,re)])])]),key:"0"}:void 0]),1040,["class","data-cy","data-dp-validate-error-fieldname","model-value"])),[[h,l.required]])}const fe=j(P,[["render",oe]]);P.__docgenInfo={displayName:"DpMultiselect",exportName:"default",description:"",tags:{},props:[{name:"allowEmpty",description:`Allows the selected value to be cleared/deselected.
-When set to false, at least one value must always be selected.
-Note: When set to true and the value is cleared, the component's value becomes NULL,
-which may affect computed properties or functions using the value.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"clearOnSelect",description:`When set to false, the search query remains unchanged after selecting an option.
-Useful for keeping the filter active while making multiple selections.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"closeOnSelect",description:`When set to false, the dropdown remains open after selecting an option.
-Particularly useful when combined with multiple=true to select multiple options in succession.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"customLabel",description:"Function that customizes the display label for each option.\nMust return a string. Useful for complex object options or custom formatting.\nExample: option => `${option.id} - ${option.name}`",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"dataCy",description:"Data attribute for Cypress testing.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'multiselect'"}},{name:"dataDpValidateErrorFieldname",description:"Custom field name for validation error messages.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"deselectLabel",description:"Custom label shown when hovering over a selected option to deselect it.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"deselectGroupLabel",description:"Custom label shown when hovering over a group label to deselect it.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"disabled",description:"Disables the component when set to true.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"groupLabel",description:`Property name for the option groups' label when using grouped options.
-Used to locate the group label within a group object.`,type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"groupSelect",description:`When true, clicking a group label selects/deselects all options in that group.
-When false, clicking a group label does nothing.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"groupValues",description:`Property name for the options list within a group when using grouped options.
-Specifies which property contains the group's option list.`,type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"id",description:"HTML ID attribute for the multiselect.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"label",description:`Property name to use as display text for object options.
-For example, if options are objects with 'id' and 'name' properties,
-setting label="name" will display the name property in the dropdown.`,type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"loading",description:"Shows a loading spinner when set to true.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"maxHeight",description:"Maximum height of the dropdown in pixels.",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"300"}},{name:"multiple",description:`Enables multiple selection mode when true.
-When enabled, the selected value becomes an array.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"name",description:"HTML name attribute for the multiselect.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"openDirection",description:`Controls the direction in which the dropdown opens.
-Possible values: '', 'top', 'bottom'`,type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"options",description:`Array of options to display in the dropdown.
-Can be an array of objects or simple values (strings, numbers).`,type:{name:"array"},required:!0},{name:"placeholder",description:"Placeholder text shown when no option is selected.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"de.choose"}},{name:"required",description:"Makes the field required for validation.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"searchable",description:"Enables search/filtering functionality when true.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"selectionControls",description:`Shows "Select All" and "Deselect All" buttons in the dropdown.
-When enabled, you should handle @selectAll and @deselectAll events.
-Only meaningful when multiple=true.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"selectGroupLabel",description:"Custom label shown when hovering over a group label to select it.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"selectLabel",description:"Custom label shown when hovering over an option to select it.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"selectedLabel",description:"Custom label shown next to selected options.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"subSlots",description:`Array of slot names to expose from vue-multiselect.
-See https://vue-multiselect.js.org/#sub-slots for available slots.`,type:{name:"array"},required:!1,defaultValue:{func:!1,value:"['option', 'tag']"}},{name:"tagPlaceholder",description:"Placeholder displayed when creating new tags.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"de.tag.create"}},{name:"trackBy",description:`Property name to use for tracking object options' identity.
-Essential when options are objects to ensure correct selection tracking.
-For example, if options are objects with an 'id' property,
-setting trackBy="id" will track selections by their id.`,type:{name:"string|null"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"value",description:`The selected value(s) of the component.
-For single selection (multiple=false): string, number, or object.
-For multiple selection (multiple=true): array.`,type:{name:"string|number|array|object"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"close"},{name:"input"},{name:"open"},{name:"remove"},{name:"search-change"},{name:"select"},{name:"tag"},{name:"selectAll"},{name:"deselectAll"}],slots:[{name:"noOptions"},{name:"noResult"},{name:"slot",scoped:!0,bindings:[{name:"props",title:"binding"},{name:"name",title:"binding"}]},{name:"beforeList",scoped:!0,bindings:[{name:"props",title:"binding"}]}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpMultiselect/DpMultiselect.vue"]};export{fe as D,D as v};

package/storybook-static/assets/DpMultiselect-C43chKj1.js

@@ -1,44 +0,0 @@
-import{j as e,M as s,C as o}from"./blocks-kyJuz3C5.js";import{useMDXComponents as i}from"./index-BbC7EF1e.js";import{D as c,a as r,M as d,W as h}from"./DpMultiselect.stories-CIoTsG-g.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpMultiselect-Bm5hUadB.js";import"./translations-DDOZrg-p.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./prefixClass-BBJiSKc2.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function t(l){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...i(),...l.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{of:c}),`
-`,e.jsx(n.h1,{id:"multiselect",children:"Multiselect"}),`
-`,e.jsxs(n.p,{children:[`This is a Vue component that provides a feature-rich dropdown selection control.
-It is a wrapper for `,e.jsx(n.a,{href:"https://github.com/shentao/vue-multiselect",rel:"nofollow",children:"vue-multiselect"})," that integrates with demoplan-ui."]}),`
-`,e.jsx(n.h2,{id:"key-features",children:"Key Features"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsx(n.li,{children:"Single and multiple selection support"}),`
-`,e.jsx(n.li,{children:"Search/filtering functionality"}),`
-`,e.jsx(n.li,{children:"Support for both simple values and object options"}),`
-`,e.jsx(n.li,{children:"Selection controls for bulk operations (select all/deselect all)"}),`
-`,e.jsx(n.li,{children:"Validation integration"}),`
-`,e.jsx(n.li,{children:"Group selection support"}),`
-`,e.jsx(n.li,{children:"Full keyboard navigation"}),`
-`]}),`
-`,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
-`,e.jsx(n.p,{children:"The component accepts all the standard props from vue-multiselect, with the most common ones being:"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"options"})," - Array of items to select from (required)"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"value"})," / ",e.jsx(n.code,{children:"v-model"})," - The selected value(s)"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"multiple"})," - Enable multiple selection mode"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"trackBy"})," - Key to use for tracking object identity"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"label"})," - Key to use for display text"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"searchable"})," - Enable filtering the list"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"closeOnSelect"})," - Keep dropdown open after selection"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"selectionControls"})," - Show select all/deselect all buttons"]}),`
-`]}),`
-`,e.jsx(n.p,{children:"See the component source code for complete documentation of all available props."}),`
-`,e.jsx(n.h2,{id:"group-selection",children:"Group Selection"}),`
-`,e.jsx(n.p,{children:"The component supports grouped options. To use groups:"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsx(n.li,{children:"Structure your options as an array of group objects"}),`
-`,e.jsxs(n.li,{children:["Set the ",e.jsx(n.code,{children:"groupLabel"})," prop to the property containing the group name"]}),`
-`,e.jsxs(n.li,{children:["Set the ",e.jsx(n.code,{children:"groupValues"})," prop to the property containing the group's options"]}),`
-`,e.jsxs(n.li,{children:["Use ",e.jsx(n.code,{children:"groupSelect"})," to allow selecting entire groups at once"]}),`
-`]}),`
-`,e.jsx(n.h2,{id:"with-object-options",children:"With Object Options"}),`
-`,e.jsx(o,{of:r}),`
-`,e.jsx(n.h2,{id:"multiple-selection",children:"Multiple Selection"}),`
-`,e.jsx(o,{of:d}),`
-`,e.jsx(n.h2,{id:"with-selection-controls",children:"With Selection Controls"}),`
-`,e.jsxs(n.p,{children:["The multiselect component can include selection controls by setting the ",e.jsx(n.code,{children:"selectionControls"})," prop to ",e.jsx(n.code,{children:"true"}),`.
-This adds "Select All" and "Clear Selection" buttons to help users quickly select or deselect all options.`]}),`
-`,e.jsxs(n.p,{children:["When using selection controls, you'll need to handle the ",e.jsx(n.code,{children:"@selectAll"})," and ",e.jsx(n.code,{children:"@deselectAll"})," events in your application code."]}),`
-`,e.jsx(o,{of:h})]})}function v(l={}){const{wrapper:n}={...i(),...l.components};return n?e.jsx(n,{...l,children:e.jsx(t,{...l})}):t(l)}export{v as default};

package/storybook-static/assets/DpMultiselect.stories-CIoTsG-g.js

@@ -1,107 +0,0 @@
-import{D as s}from"./DpMultiselect-Bm5hUadB.js";const a={component:s,title:"Components/Multiselect",parameters:{docs:{description:{component:"This is the generic multiselect functional component for vue instances. It is a wrapper for vue-multiselect."}}},render:e=>({components:{DpMultiselect:s},setup(){const{value:i,...c}=e;return{args:e,value:i,otherArgs:c,inputHandler:l=>{e.input(l),e.value=l},selectAllHandler:()=>{e.selectAll(),e.multiple&&(e.value=[...e.options])},unselectAllHandler:()=>{e.deselectAll(),e.value=e.multiple?[]:""}}},template:`
-      <div>
-        <dp-multiselect
-          :options="args.options"
-          :value="args.value"
-          :track-by="args.trackBy"
-          :multiple="args.multiple"
-          :allow-empty="args.allowEmpty"
-          :close-on-select="args.closeOnSelect"
-          :clear-on-select="args.clearOnSelect"
-          :selection-controls="args.selectionControls"
-          :label="args.label"
-          :required="args.required"
-          @input="inputHandler"
-          @close="args.close"
-          @open="args.open"
-          @remove="args.remove"
-          @search-change="args['search-change']"
-          @select="args.select"
-          @selectAll="selectAllHandler"
-          @deselectAll="unselectAllHandler" />
-      </div>
-    `})},t={args:{options:[{id:1,name:"First Option"},{id:2,name:"Second Option"},{id:3,name:"Third Option"}],value:{id:2,name:"Second Option"},trackBy:"id",label:"name"},argTypes:{input:{action:"input"},select:{action:"select"}},parameters:{docs:{description:{story:"Multiselect with object options using trackBy"}}}},n={args:{options:["Option 1","Option 2","Option 3","Option 4","Option 5"],value:["Option 1","Option 3"],multiple:!0,closeOnSelect:!1},argTypes:{input:{action:"input"},select:{action:"select"},remove:{action:"remove"}},parameters:{docs:{description:{story:"Multiple selection enabled with closeOnSelect=false to allow selecting multiple options in succession"}}}},o={args:{options:["Option 1","Option 2","Option 3","Option 4","Option 5"],value:["Option 2"],multiple:!0,selectionControls:!0},argTypes:{input:{action:"input"},selectAll:{action:"selectAll"},deselectAll:{action:"deselectAll"}},parameters:{docs:{description:{story:"Multiselect with selection controls to select or deselect all options at once"}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    options: [{
-      id: 1,
-      name: 'First Option'
-    }, {
-      id: 2,
-      name: 'Second Option'
-    }, {
-      id: 3,
-      name: 'Third Option'
-    }],
-    value: {
-      id: 2,
-      name: 'Second Option'
-    },
-    trackBy: 'id',
-    label: 'name'
-  },
-  argTypes: {
-    'input': {
-      action: 'input'
-    },
-    'select': {
-      action: 'select'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Multiselect with object options using trackBy'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    options: ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5'],
-    value: ['Option 1', 'Option 3'],
-    multiple: true,
-    closeOnSelect: false
-  },
-  argTypes: {
-    'input': {
-      action: 'input'
-    },
-    'select': {
-      action: 'select'
-    },
-    'remove': {
-      action: 'remove'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Multiple selection enabled with closeOnSelect=false to allow selecting multiple options in succession'
-      }
-    }
-  }
-}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  args: {
-    options: ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5'],
-    value: ['Option 2'],
-    multiple: true,
-    selectionControls: true
-  },
-  argTypes: {
-    'input': {
-      action: 'input'
-    },
-    'selectAll': {
-      action: 'selectAll'
-    },
-    'deselectAll': {
-      action: 'deselectAll'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Multiselect with selection controls to select or deselect all options at once'
-      }
-    }
-  }
-}`,...o.parameters?.docs?.source}}};const r=["Default","MultipleSelection","WithSelectionControls"],O=Object.freeze(Object.defineProperty({__proto__:null,Default:t,MultipleSelection:n,WithSelectionControls:o,__namedExportsOrder:r,default:a},Symbol.toStringTag,{value:"Module"}));export{O as D,n as M,o as W,t as a};

package/storybook-static/assets/DpMultistepNav-AnSXdU2J.js

@@ -1 +0,0 @@
-import{p as u}from"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import{c as i,F as c,i as m,n as r,o as l,a as o,f as d,p as f,t as v}from"./iframe-KFxwsBtW.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={name:"DpMultistepNav",mixins:[u],props:{activeStep:{type:Number,required:!1,default:0},dataCy:{type:String,required:!1,default:"multistepNav"},steps:{type:Array,required:!0}},emits:["change-step"],methods:{changeStep(e){this.$emit("change-step",e)}}},C=["data-cy","disabled","aria-label","onClick"];function N(e,b,s,h,g,p){return l(),i("nav",{class:r(e.prefixClass("c-multistep"))},[(l(!0),i(c,null,m(s.steps,(a,t)=>(l(),i("button",{key:`step_${t}`,"data-cy":`${s.dataCy}:${t}`,disabled:t>s.activeStep,class:r(["btn--blank",[e.prefixClass("c-multistep__step"),t===s.activeStep?e.prefixClass("is-active"):"",t>s.activeStep?e.prefixClass("is-disabled"):""]]),"aria-label":a.title?a.title:a.label,onClick:_=>p.changeStep(t)},[o("span",null,[a.icon?(l(),i("i",{key:0,"aria-hidden":"true",class:r([e.prefixClass(a.icon),e.prefixClass("fa u-mr-0_25")])},null,2)):d("",!0),f(" "+v(a.label),1)])],10,C))),128))],2)}const k=y(n,[["render",N]]);n.__docgenInfo={exportName:"default",displayName:"DpMultistepNav",description:"",tags:{},props:[{name:"activeStep",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'multistepNav'"}},{name:"steps",type:{name:"array"},required:!0}],events:[{name:"change-step",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpMultistepNav/DpMultistepNav.vue","/home/florian/Dev/demosplan-ui/src/mixins/prefixClassMixin/prefixClassMixin.js"]};export{k as D};

package/storybook-static/assets/DpMultistepNav-C2Zadn2N.js

@@ -1,13 +0,0 @@
-import{j as t,M as r,C as o}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as a,a as l}from"./DpMultistepNav.stories-BG2cLqfE.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpMultistepNav-AnSXdU2J.js";import"./prefixClassMixin-FjEzRm2G.js";import"./dayjs.min-C3DHb-Vr.js";import"./prefixClass-BBJiSKc2.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function n(i){const e={h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...s(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(r,{of:a}),`
-`,t.jsx(e.h1,{id:"multistep-navigation",children:"Multistep Navigation"}),`
-`,t.jsx(e.p,{children:`The Multistep Navigation component generates a horizontal bar representing a multistep process.
-Each step can be clicked to navigate between different stages of a workflow.`}),`
-`,t.jsx(e.h2,{id:"features",children:"Features"}),`
-`,t.jsxs(e.ul,{children:[`
-`,t.jsx(e.li,{children:"Displays a series of steps in a horizontal navigation bar"}),`
-`,t.jsx(e.li,{children:"Supports icons for visual distinction between steps"}),`
-`,t.jsx(e.li,{children:"Shows active/current step with distinct styling"}),`
-`,t.jsx(e.li,{children:"Disables steps that come after the current active step"}),`
-`,t.jsx(e.li,{children:"Provides accessibility features including ARIA labels"}),`
-`]}),`
-`,t.jsx(o,{of:l})]})}function b(i={}){const{wrapper:e}={...s(),...i.components};return e?t.jsx(e,{...i,children:t.jsx(n,{...i})}):n(i)}export{b as default};

package/storybook-static/assets/DpMultistepNav.stories-BG2cLqfE.js

@@ -1,30 +0,0 @@
-import{D as t}from"./DpMultistepNav-AnSXdU2J.js";const n={component:t,title:"Components/MultistepNav"},e={args:{steps:[{label:"Step 1",icon:"fa-file-text",title:"Choose document"},{label:"Step 2",icon:"fa-cog",title:"Configure settings"},{label:"Step 3",icon:"fa-check",title:"Review and complete"}],activeStep:2},argTypes:{"change-step":{action:"change-step"}},parameters:{docs:{description:{story:"Multistep navigation with Font Awesome icons"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    steps: [{
-      label: 'Step 1',
-      icon: 'fa-file-text',
-      title: 'Choose document'
-    }, {
-      label: 'Step 2',
-      icon: 'fa-cog',
-      title: 'Configure settings'
-    }, {
-      label: 'Step 3',
-      icon: 'fa-check',
-      title: 'Review and complete'
-    }],
-    activeStep: 2
-  },
-  argTypes: {
-    'change-step': {
-      action: 'change-step'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Multistep navigation with Font Awesome icons'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};const o=["Default"],s=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:o,default:n},Symbol.toStringTag,{value:"Module"}));export{s as D,e as a};

package/storybook-static/assets/DpNotification-C1QXVdor.js

@@ -1 +0,0 @@
-import{p as f}from"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import{c as r,a as t,w as d,n as i,p,f as u,t as o,o as m}from"./iframe-KFxwsBtW.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={name:"DpNotification",mixins:[f],props:{message:{type:Object,required:!0},hideTimer:{type:Number,required:!1,default:2e4}},data(){return{messageId:"",icons:{info:"fa-info-circle",warning:"fa-exclamation-triangle",error:"fa-exclamation-circle",confirm:"fa-check-circle",dev:"fa-info-circle"}}},computed:{messageClass(){return"c-notify__message--"+this.message.type},messageIcon(){return this.icons[this.message.type]}},methods:{hide(){this.$emit("dp-notify-remove",this.message)}},mounted(){this.message.type!=="error"&&setTimeout(()=>{this.hide()},this.hideTimer)}},h=["href"];function y(e,n,s,_,x,a){return m(),r("div",{class:i(e.prefixClass("c-notify__message "+a.messageClass))},[t("i",{class:i(e.prefixClass("c-notify__icon c-notify__closer fa fa-times-circle cursor-pointer")),"aria-hidden":"true",onClick:n[0]||(n[0]=d((...c)=>a.hide&&a.hide(...c),["stop","prevent"]))},null,2),t("div",{class:i(e.prefixClass("flow-root"))},[t("i",{class:i(e.prefixClass("c-notify__icon fa u-mt-0_125 u-mr-0_25 float-left "+a.messageIcon))},null,2),t("div",{class:i(e.prefixClass("u-ml"))},[p(o(s.message.text)+" ",1),s.message.linkUrl?(m(),r("a",{key:0,class:i(e.prefixClass("c-notify__link u-mt-0_25")),href:s.message.linkUrl,"data-cy":"messageLink"},o(s.message.linkText||s.message.linkUrl),11,h)):u("",!0)],2)],2)],2)}const D=g(l,[["render",y]]);l.__docgenInfo={exportName:"default",displayName:"DpNotification",description:"",tags:{},props:[{name:"message",description:"A single notification message object containing type, text(, linkUrl, linkText)",type:{name:"object"},required:!0},{name:"hideTimer",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"20000"}}],events:[{name:"dp-notify-remove",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpNotification/DpNotification.vue","/home/florian/Dev/demosplan-ui/src/mixins/prefixClassMixin/prefixClassMixin.js"]};export{D};

package/storybook-static/assets/DpNotification-DyJmy8iY.js

@@ -1,29 +0,0 @@
-import{j as i,M as r,C as s}from"./blocks-kyJuz3C5.js";import{useMDXComponents as e}from"./index-BbC7EF1e.js";import{D as a,I as c,W as l,E as d,C as h,a as f}from"./DpNotification.stories-DfecPPLD.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpNotification-C1QXVdor.js";import"./prefixClassMixin-FjEzRm2G.js";import"./dayjs.min-C3DHb-Vr.js";import"./prefixClass-BBJiSKc2.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function t(o){const n={h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...e(),...o.components};return i.jsxs(i.Fragment,{children:[i.jsx(r,{of:a}),`
-`,i.jsx(n.h1,{id:"notification",children:"Notification"}),`
-`,i.jsx(n.p,{children:"The Notification component is used to display brief messages or alerts to users. These messages typically provide feedback, convey information, or alert users about specific events or actions."}),`
-`,i.jsx(n.h2,{id:"features",children:"Features"}),`
-`,i.jsxs(n.ul,{children:[`
-`,i.jsx(n.li,{children:"Four notification types: info, warning, error, and confirm"}),`
-`,i.jsx(n.li,{children:"Auto-dismissal functionality (except for errors)"}),`
-`,i.jsx(n.li,{children:"Close button for manual dismissal"}),`
-`,i.jsx(n.li,{children:"Support for including links within notifications"}),`
-`,i.jsx(n.li,{children:"Consistent styling with appropriate icons"}),`
-`,i.jsx(n.li,{children:"Accessibility support"}),`
-`]}),`
-`,i.jsx(n.h2,{id:"notification-types",children:"Notification Types"}),`
-`,i.jsx(n.h3,{id:"info",children:"Info"}),`
-`,i.jsx(n.p,{children:"Use for general information, updates, or non-critical messages."}),`
-`,i.jsx(s,{of:c}),`
-`,i.jsx(n.h3,{id:"warning",children:"Warning"}),`
-`,i.jsx(n.p,{children:"Use to alert users about potential issues or actions that require caution."}),`
-`,i.jsx(s,{of:l}),`
-`,i.jsx(n.h3,{id:"error",children:"Error"}),`
-`,i.jsx(n.p,{children:"Use to indicate errors or critical issues that need attention. These notifications do not auto-dismiss."}),`
-`,i.jsx(s,{of:d}),`
-`,i.jsx(n.h3,{id:"confirm",children:"Confirm"}),`
-`,i.jsx(n.p,{children:"Use to provide positive feedback or confirmation of successful actions."}),`
-`,i.jsx(s,{of:h}),`
-`,i.jsx(n.h2,{id:"advanced-usage",children:"Advanced Usage"}),`
-`,i.jsx(n.h3,{id:"notification-with-link",children:"Notification with Link"}),`
-`,i.jsx(n.p,{children:"This example demonstrates a notification with link functionality, which allows users to navigate to related resources."}),`
-`,i.jsx(s,{of:f})]})}function M(o={}){const{wrapper:n}={...e(),...o.components};return n?i.jsx(n,{...o,children:i.jsx(t,{...o})}):t(o)}export{M as default};

package/storybook-static/assets/DpNotification.stories-DfecPPLD.js

@@ -1,105 +0,0 @@
-import{D as i}from"./DpNotification-C1QXVdor.js";const a={component:i,title:"Components/Notification",render:s=>({components:{DpNotification:i},setup(){return{args:s}},template:`
-      <div style="width: 400px; margin: 20px;">
-        <dp-notification v-bind="args" @dp-notify-remove="args['dp-notify-remove']" />
-      </div>
-    `})},e={args:{message:{type:"info",text:"This is an information message"},hideTimer:2e4},argTypes:{"dp-notify-remove":{action:"dp-notify-remove"}},parameters:{docs:{description:{story:"Information notification with blue styling"}}}},n={args:{message:{type:"warning",text:"Warning! This action may have consequences"}},argTypes:{"dp-notify-remove":{action:"dp-notify-remove"}},parameters:{docs:{description:{story:"Warning notification with orange styling"}}}},o={name:"Error",args:{message:{type:"error",text:"An error occurred while processing your request"}},argTypes:{"dp-notify-remove":{action:"dp-notify-remove"}},parameters:{docs:{description:{story:"Error notification with red styling. Error notifications do not auto-dismiss."}}}},r={args:{message:{type:"confirm",text:"Your changes have been successfully saved"}},argTypes:{"dp-notify-remove":{action:"dp-notify-remove"}},parameters:{docs:{description:{story:"Confirmation notification with green styling"}}}},t={args:{message:{type:"info",text:"Documentation is available:",linkUrl:"https://example.com/docs",linkText:"View Documentation"},hideTimer:2e4},argTypes:{"dp-notify-remove":{action:"dp-notify-remove"}},parameters:{docs:{description:{story:"Notification with a clickable link"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    message: {
-      type: 'info',
-      text: 'This is an information message'
-    },
-    hideTimer: 20000
-  },
-  argTypes: {
-    'dp-notify-remove': {
-      action: 'dp-notify-remove'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Information notification with blue styling'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    message: {
-      type: 'warning',
-      text: 'Warning! This action may have consequences'
-    }
-  },
-  argTypes: {
-    'dp-notify-remove': {
-      action: 'dp-notify-remove'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Warning notification with orange styling'
-      }
-    }
-  }
-}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  name: 'Error',
-  args: {
-    message: {
-      type: 'error',
-      text: 'An error occurred while processing your request'
-    }
-  },
-  argTypes: {
-    'dp-notify-remove': {
-      action: 'dp-notify-remove'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Error notification with red styling. Error notifications do not auto-dismiss.'
-      }
-    }
-  }
-}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    message: {
-      type: 'confirm',
-      text: 'Your changes have been successfully saved'
-    }
-  },
-  argTypes: {
-    'dp-notify-remove': {
-      action: 'dp-notify-remove'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Confirmation notification with green styling'
-      }
-    }
-  }
-}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    message: {
-      type: 'info',
-      text: 'Documentation is available:',
-      linkUrl: 'https://example.com/docs',
-      linkText: 'View Documentation'
-    },
-    hideTimer: 20000
-  },
-  argTypes: {
-    'dp-notify-remove': {
-      action: 'dp-notify-remove'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Notification with a clickable link'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};const c=["Info","Warning","ErrorState","Confirm","WithLink"],m=Object.freeze(Object.defineProperty({__proto__:null,Confirm:r,ErrorState:o,Info:e,Warning:n,WithLink:t,__namedExportsOrder:c,default:a},Symbol.toStringTag,{value:"Module"}));export{r as C,m as D,o as E,e as I,n as W,t as a};

package/storybook-static/assets/DpPager-BaoMw4uo.js

@@ -1 +0,0 @@
-import{d as l}from"./translations-DDOZrg-p.js";import{D as h}from"./DpMultiselect-Bm5hUadB.js";import{D as _}from"./DpSlidingPagination-BCXUgS46.js";import{c as m,a as o,e as P,f as I,b,t as n,p as u,d,o as i}from"./iframe-KFxwsBtW.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const c={name:"DpPager",components:{DpSlidingPagination:_,DpMultiselect:h},props:{currentPage:{required:!1,type:Number,default:1},totalItems:{required:!1,type:Number,default:1},totalPages:{required:!1,type:Number,default:1},perPage:{required:!1,type:Number,default:1},limits:{required:!1,type:Array,default:()=>[]}},emits:["page-change","size-change"],data(){return{itemsPerPage:this.perPage<=this.totalItems?this.perPage:this.totalItems,translations:{multipleOf:l.pager.multipleOf,multipleItems:l.pager.multipleItems,selectNumberOfItems:l.pager.selectNumberOfItems({results:this.totalItems,items:l.pager.multipleItems})}}},computed:{filteredLimits(){const e=this.limits.filter(a=>a<=this.totalItems);return e.length<this.limits.length&&this.totalItems>e[e.length-1]&&e.push(this.totalItems),e.includes(this.itemsPerPage)===!1&&e.push(this.itemsPerPage),e.sort((a,t)=>a-t),e}},methods:{handlePageChange(e){this.$emit("page-change",e)},handleSizeChange(e){this.$emit("size-change",parseInt(e))}}},N={class:"c-pager__dropdown"},D=["aria-label"],V={key:1,class:"inline-block"},v={key:2},q={"aria-hidden":"true"},k={"data-cy":"totalItems"};function z(e,a,t,C,s,r){const p=d("dp-sliding-pagination"),g=d("dp-multiselect");return i(),m("div",N,[o("label",{class:"c-pager__dropdown-label u-m-0 u-p-0 weight--normal flex items-center gap-1","aria-label":s.translations.selectNumberOfItems},[t.totalItems>Math.min(...t.limits)?(i(),P(p,{key:0,class:"inline-block",current:t.currentPage,"non-sliding-size":3,"sliding-ending-size":1,"sliding-window-size":1,total:t.totalPages||1,onPageChange:r.handlePageChange},null,8,["current","total","onPageChange"])):I("",!0),t.totalItems>Math.min(...t.limits)?(i(),m("div",V,[b(g,{modelValue:s.itemsPerPage,"onUpdate:modelValue":a[0]||(a[0]=f=>s.itemsPerPage=f),class:"inline-block",options:r.filteredLimits,searchable:!1,"selected-label":"",onSelect:r.handleSizeChange},null,8,["modelValue","options","onSelect"])])):(i(),m("span",v,n(t.totalItems),1)),o("span",q,[u(n(s.translations.multipleOf)+" ",1),o("span",k,n(t.totalItems),1),u(" "+n(s.translations.multipleItems),1)])],8,D)])}const M=y(c,[["render",z]]);c.__docgenInfo={displayName:"DpPager",exportName:"default",description:"",tags:{},props:[{name:"currentPage",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"1"}},{name:"totalItems",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"1"}},{name:"totalPages",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"1"}},{name:"perPage",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"1"}},{name:"limits",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"[]"}}],events:[{name:"page-change",type:{names:["undefined"]}},{name:"size-change",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpPager/DpPager.vue"]};export{M as D};

package/storybook-static/assets/DpPager-XfqFqQGG.js

@@ -1,12 +0,0 @@
-import{j as n,M as r,C as s}from"./blocks-kyJuz3C5.js";import{useMDXComponents as o}from"./index-BbC7EF1e.js";import{D as a,a as p}from"./DpPager.stories-DHEGD-lB.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpPager-BaoMw4uo.js";import"./translations-DDOZrg-p.js";import"./DpMultiselect-Bm5hUadB.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./prefixClass-BBJiSKc2.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpSlidingPagination-BCXUgS46.js";import"./dayjs.min-C3DHb-Vr.js";function i(t){const e={h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...o(),...t.components};return n.jsxs(n.Fragment,{children:[n.jsx(r,{of:a}),`
-`,n.jsx(e.h1,{id:"pager",children:"Pager"}),`
-`,n.jsx(e.p,{children:"The Pager component combines pagination controls with a dropdown to adjust the number of items displayed per page."}),`
-`,n.jsx(e.h2,{id:"features",children:"Features"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsx(e.li,{children:"Sliding pagination navigation for moving between pages"}),`
-`,n.jsx(e.li,{children:"Dropdown selection for items per page"}),`
-`,n.jsx(e.li,{children:"Dynamic display adapting to total number of items"}),`
-`,n.jsx(e.li,{children:"Accessibility support with proper ARIA labels"}),`
-`,n.jsx(e.li,{children:"Emits events for both page changes and size changes"}),`
-`]}),`
-`,n.jsx(s,{of:p})]})}function y(t={}){const{wrapper:e}={...o(),...t.components};return e?n.jsx(e,{...t,children:n.jsx(i,{...t})}):i(t)}export{y as default};