@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpSlidebar-Bfb2VXSk.js

@@ -1,21 +0,0 @@
-import{j as e,M as a,C as o}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as l,a as r}from"./DpSlidebar.stories-DKSwFYzN.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpSlidebar-DtAyUisB.js";import"./dayjs.min-C3DHb-Vr.js";import"./hasOwnProp-B0vmwdLB.js";import"./DpApi-BU9X0WT6.js";import"./DpIcon-dOAQoUKG.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function t(i){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(a,{of:l}),`
-`,e.jsx(n.h1,{id:"slidebar",children:"Slidebar"}),`
-`,e.jsxs(n.p,{children:["The ",e.jsx(n.code,{children:"DpSlidebar"})," component creates a sliding side panel that can be opened and closed. It initializes a SideNav instance and provides a consistent interface for slide-in panels throughout the application."]}),`
-`,e.jsx(n.h2,{id:"features",children:"Features"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsx(n.li,{children:"Right-side sliding panel"}),`
-`,e.jsx(n.li,{children:"Built-in close button"}),`
-`,e.jsx(n.li,{children:"Events for opening and closing"}),`
-`,e.jsx(n.li,{children:"Slots for custom content"}),`
-`]}),`
-`,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
-`,e.jsx(n.p,{children:"The slidebar can be used to display additional information or controls without navigating away from the current view."}),`
-`,e.jsx(n.h3,{id:"default",children:"Default"}),`
-`,e.jsx(n.p,{children:"The basic slidebar with default configuration."}),`
-`,e.jsx(o,{of:r}),`
-`,e.jsx(n.h2,{id:"implementation-notes",children:"Implementation Notes"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:["Closing happens via ",e.jsx(n.code,{children:"data-slidebar-hide"})," attribute"]}),`
-`,e.jsxs(n.li,{children:["Opening happens via emitted event instead of ",e.jsx(n.code,{children:"data-slidebar-show"})," attribute because sidenav may be initialized before corresponding DOM elements exist"]}),`
-`,e.jsx(n.li,{children:"Content should be placed inside the default slot"}),`
-`]})]})}function v(i={}){const{wrapper:n}={...s(),...i.components};return n?e.jsx(n,{...i,children:e.jsx(t,{...i})}):t(i)}export{v as default};

package/storybook-static/assets/DpSlidebar-DtAyUisB.js

@@ -1 +0,0 @@
-import"./dayjs.min-C3DHb-Vr.js";import{h as o}from"./hasOwnProp-B0vmwdLB.js";import"./DpApi-BU9X0WT6.js";import{_ as l}from"./DpIcon-dOAQoUKG.js";import{c,a as r,r as u,b as v,d as m,o as p}from"./iframe-KFxwsBtW.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";class E{constructor(t){if(!t)throw new Error("Missing required argument. new Detabinator needs an element reference");this._inert=!1,this._focusableElementsString="a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex], [contenteditable]",this._focusableElements=Array.from(t.querySelectorAll(this._focusableElementsString))}get inert(){return this._inert}set inert(t){this._inert!==t&&(this._inert=t,this._focusableElements.forEach(i=>{if(t)i.hasAttribute("tabindex")&&(i.__savedTabindex=i.tabIndex),i.setAttribute("tabindex",-1);else{if(i.__savedTabindex===0||i.__savedTabindex)return i.setAttribute("tabindex",i.__savedTabindex);i.removeAttribute("tabindex")}}))}}class f{constructor(){if(!document.querySelector("[data-slidebar]"))return;this.showButtonElements=Array.from(document.querySelectorAll("[data-slidebar-show]")),this.hideButtonElements=Array.from(document.querySelectorAll("[data-slidebar-hide]")),this.sideNavEl=document.querySelector("[data-slidebar]"),this.sideNavContainerEl=document.querySelector("[data-slidebar-container]"),this.orientation=this.sideNavEl.getAttribute("data-slidebar"),this.sideNavClassVisible="is-visible",this.sideNavClassAnimatable="is-animatable",this.detabinator=new E(this.sideNavContainerEl),this.detabinator.inert=!0,this.showSideNav=this.showSideNav.bind(this),this.hideSideNav=this.hideSideNav.bind(this),this.blockClicks=this.blockClicks.bind(this),this.onTouchStart=this.onTouchStart.bind(this),this.onTouchMove=this.onTouchMove.bind(this),this.onTouchEnd=this.onTouchEnd.bind(this),this.onTransitionEnd=this.onTransitionEnd.bind(this),this.update=this.update.bind(this);const t=document,i=t.documentElement,s=t.getElementsByTagName("body")[0];this.innerWidth=window.innerWidth||i.clientWidth||s.clientWidth,this.initialTranslateX=this.getTranslateX(this.sideNavContainerEl),this.startX=this.orientation==="right"?this.innerWidth:0,this.currentX=this.orientation==="right"?this.innerWidth:0,this.touchingSideNav=!1,this.transitionEndProperty=null,this.transitionEndTime=0,this.supportsPassive=void 0,this.addEventListeners()}applyPassive(){if(this.supportsPassive!==void 0)return this.supportsPassive?{passive:!0}:!1;let t=!1;try{document.addEventListener("test",null,{get passive(){t=!0}})}catch{}return this.supportsPassive=t,this.applyPassive()}addEventListeners(){this.showButtonElements.forEach(t=>{t.addEventListener("click",this.showSideNav)}),this.hideButtonElements.forEach(t=>{t.addEventListener("click",this.hideSideNav)}),this.sideNavEl.addEventListener("click",this.hideSideNav),this.sideNavContainerEl.addEventListener("click",this.blockClicks),this.sideNavEl.addEventListener("touchstart",this.onTouchStart,this.applyPassive()),this.sideNavEl.addEventListener("touchmove",this.onTouchMove,this.applyPassive()),this.sideNavEl.addEventListener("touchend",this.onTouchEnd)}onTouchStart(t){this.sideNavEl.classList.contains(this.sideNavClassVisible)&&(this.startX=t.touches[0].pageX,this.currentX=this.startX,this.touchingSideNav=!0,requestAnimationFrame(this.update))}onTouchMove(t){this.touchingSideNav&&(this.currentX=t.touches[0].pageX)}onTouchEnd(t){if(!this.touchingSideNav)return;const i=this.orientation==="right"?this.initialTranslateX:0;this.touchingSideNav=!1,this.sideNavContainerEl.style.transform="",this.updateTranslateX()<i&&this.hideSideNav()}update(){this.touchingSideNav&&(requestAnimationFrame(this.update),this.sideNavContainerEl.style.transform=`translateX(${this.updateTranslateX()}px)`)}blockClicks(t){t.stopPropagation()}onTransitionEnd(t){t.propertyName!==this.transitionEndProperty&&t.elapsedTime!==this.transitionEndTime||(this.transitionEndProperty=null,this.transitionEndTime=0,this.sideNavEl.classList.remove(this.sideNavClassAnimatable),this.sideNavEl.removeEventListener("transitionend",this.onTransitionEnd))}showSideNav(){this.sideNavEl.classList.add(this.sideNavClassAnimatable),this.sideNavEl.classList.add(this.sideNavClassVisible),this.detabinator.inert=!1,this.transitionEndProperty="transform",this.transitionEndTime=.33,this.sideNavEl.addEventListener("transitionend",this.onTransitionEnd)}hideSideNav(){this.sideNavEl.classList.add(this.sideNavClassAnimatable),this.sideNavEl.classList.remove(this.sideNavClassVisible),this.detabinator.inert=!0,this.transitionEndProperty="transform",this.transitionEndTime=.13,this.sideNavEl.addEventListener("transitionend",this.onTransitionEnd)}getTranslateX(t){if(!window.getComputedStyle)return;const i=[],s=getComputedStyle(t),n=s.transform||s.mozTransform||s.msTransform;let e=n.match(/^matrix3d\((.+)\)$/);return e?parseFloat(e[1].split(", ")[13]):(e=n.match(/^matrix\((.+)\)$/),e?i.push(parseFloat(e[1].split(", ")[4])):i.push(0),e?i.push(parseFloat(e[1].split(", ")[5])):i.push(0),i[0])}updateTranslateX(){return this.orientation==="right"?Math.max(0,this.currentX-this.startX):Math.min(0,this.currentX-this.startX)}}const d={name:"DpSlidebar",components:{DpIcon:l},data(){return{sideNav:{}}},methods:{hideSlideBar(){o(this.sideNav,"hideSideNav")&&(this.sideNav.hideSideNav(),this.$emit("close"))},showSlideBar(){o(this.sideNav,"showSideNav")&&this.sideNav.showSideNav()}},mounted(){this.sideNav=new f,this.$root.$on("hide-slidebar",()=>{this.hideSlideBar()}),this.$root.$on("show-slidebar",()=>{this.showSlideBar()})}},N={class:"c-slidebar u-pr-0","data-slidebar":"right"},S={class:"c-slidebar__container","data-slidebar-container":"","data-cy":"sidebarModal"},T={class:"u-ml-1_5"};function _(a,t,i,s,n,e){const h=m("dp-icon");return p(),c("div",N,[r("div",S,[r("div",T,[r("button",{type:"button",class:"btn--blank o-link--default u-mt-0_5 u-n-ml u-mb","data-slidebar-hide":"",onClick:t[0]||(t[0]=g=>a.$emit("close"))},[v(h,{icon:"close",size:"large"})]),u(a.$slots,"default")])])])}const k=b(d,[["render",_]]);d.__docgenInfo={displayName:"DpSlidebar",exportName:"default",description:"",tags:{},events:[{name:"close"}],slots:[{name:"default"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpSlidebar/DpSlidebar.vue"]};export{k as D};

package/storybook-static/assets/DpSlidebar.stories-DKSwFYzN.js

@@ -1,23 +0,0 @@
-import{D as t}from"./DpSlidebar-DtAyUisB.js";const s={title:"Components/Slidebar",component:t,render:o=>({components:{DpSlidebar:t},setup(){return{args:o}},template:`
-      <dp-slidebar 
-        style="position: static !important; left: 0 !important;" 
-        v-bind="args"
-        @close="args.close">
-        Example slidebar content
-      </dp-slidebar>
-    `})},e={args:{},argTypes:{close:{action:"close",description:"Event emitted when close button is clicked"}},parameters:{docs:{description:{story:"Default slidebar configuration with a close button"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {},
-  argTypes: {
-    close: {
-      action: 'close',
-      description: 'Event emitted when close button is clicked'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default slidebar configuration with a close button'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};const n=["Default"],a=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:n,default:s},Symbol.toStringTag,{value:"Module"}));export{a as D,e as a};

package/storybook-static/assets/DpSlidingPagination-BCXUgS46.js

@@ -1 +0,0 @@
-import{d as u}from"./translations-DDOZrg-p.js";import"./dayjs.min-C3DHb-Vr.js";import{p as _}from"./prefixClass-BBJiSKc2.js";import{a as x,g as C}from"./_commonjsHelpers-CE1G-McA.js";import{U as y,e as L,d as w,o as N}from"./iframe-KFxwsBtW.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";var h={exports:{}};const D=x(y);var P;function W(){return P||(P=1,function(r,b){(function(o,p){r.exports=p(D)})(self,function(o){return function(){var p={380:function(e){e.exports=o}},s={};function a(e){var i=s[e];if(i!==void 0)return i.exports;var t=s[e]={exports:{}};return p[e](t,t.exports,a),t.exports}a.d=function(e,i){for(var t in i)a.o(i,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:i[t]})},a.o=function(e,i){return Object.prototype.hasOwnProperty.call(e,i)},a.r=function(e){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};a.r(l),a.d(l,{default:function(){return S},range:function(){return g}});var v=JSON.parse('{"componentClass":"c-sliding-pagination","list":"c-sliding-pagination__list","element":"c-sliding-pagination__list-element","elementDisabled":"c-sliding-pagination__list-element--disabled","elementActive":"c-sliding-pagination__list-element--active","page":"c-sliding-pagination__page"}'),n=a(380),f={name:"SlidingPaginationDefaultPage",props:{ariaPageLabel:{type:String,required:!0},isCurrent:{type:Boolean,required:!0},page:{type:Number,required:!0},pageClass:{type:String,required:!0}},computed:{pageClasses:function(){var e=this.pageClass;return this.isCurrent&&(e+=" c-sliding-pagination__page--current"),e}},methods:{goToPage:function(e){e.preventDefault(),e.stopPropagation(),this.$emit("page-click",this.page)}},render:function(){return(0,n.h)("a",{class:this.pageClasses,href:"#","aria-label":this.ariaPageLabel,onClick:this.goToPage},this.page)}};function g(e,i){var t=[];if(typeof e!="number"||typeof i!="number")return t;if(e>i){var c=e;e=i,i=c}for(var d=e;d<=i;d++)t.push(d);return t}var S={name:"SlidingPagination",props:{ariaPaginationLabel:{type:String,required:!1,default:"Pagination Navigation"},ariaGotoPageLabel:{type:String,required:!1,default:"Go to page %page% of %total%"},ariaPreviousPageLabel:{type:String,required:!1,default:"Go to previous page"},ariaNextPageLabel:{type:String,required:!1,default:"Go to next page"},ariaCurrentPageLabel:{type:String,required:!1,default:"Page %page% of %total%, current page"},classMap:{type:Object,required:!1,default:function(){return v}},current:{required:!0,type:Number},total:{required:!0,type:Number},slidingEndingSize:{required:!1,type:Number,default:2},slidingWindowSize:{required:!1,type:Number,default:3},nonSlidingSize:{required:!1,type:Number,default:9},pageComponent:{required:!1,type:Object,default:function(){return f}}},components:{SlidingPaginationDefaultPage:f},computed:{isSliding:function(){return this.total>this.nonSlidingSize},hasBeginningGap:function(){return!!this.isSliding&&this.lastBeginningPage+1!==this.firstWindowPage},hasEndingGap:function(){return!!this.isSliding&&this.lastWindowPage+1!==this.firstEndingPage},beginningPages:function(){return g(1,this.isSliding?this.slidingEndingSize:this.total)},lastBeginningPage:function(){return this.beginningPages[this.beginningPages.length-1]},endingPages:function(){return this.isSliding?g(this.total-this.slidingEndingSize+1,this.total):[]},firstEndingPage:function(){return this.endingPages[0]},slidingWindowHalf:function(){var e=this.slidingWindowSize/2;return this.slidingWindowSize%2==1&&(e-=.5),e},slidingWindowPages:function(){if(!this.isSliding)return[];var e=this.lastBeginningPage+this.slidingWindowHalf,i=this.firstEndingPage-this.slidingWindowHalf;if(this.current<=e)return g(this.lastBeginningPage+1,this.lastBeginningPage+this.slidingWindowSize);if(this.current>e&&this.current<i){var t=this.slidingWindowHalf;return this.slidingWindowSize%2==0&&(t/=2),g(-this.slidingWindowHalf+this.current,t+this.current)}return g(this.firstEndingPage-this.slidingWindowSize,this.firstEndingPage-1)},firstWindowPage:function(){return this.slidingWindowPages[0]},lastWindowPage:function(){return this.slidingWindowPages[this.slidingWindowPages.length-1]},showPreviousPageAction:function(){return this.total>this.nonSlidingSize},showNextPageAction:function(){return this.total>this.nonSlidingSize}},methods:{replaceLabelVars:function(e,i){return e.replace("%total%",this.total).replace("%page%",i)},isCurrentPage:function(e){return this.current===e},currentPageLabel:function(e){return this.replaceLabelVars(this.ariaCurrentPageLabel,e)},goToPage:function(e){this.$emit("page-change",e)},goToNextPage:function(){this.goToPage(this.current+1)},goToPreviousPage:function(){this.goToPage(this.current-1)},goToPageLabel:function(e){return this.replaceLabelVars(this.ariaGotoPageLabel,e)},pageLabel:function(e){return this.isCurrentPage(e)?this.currentPageLabel(e):this.goToPageLabel(e)},slotOrDefault:function(e,i){return this.$slots[e]?this.$slots[e]():i},navigationElement:function(e,i,t,c){return(0,n.h)("li",{class:[this.classMap.element,this.current===e?this.classMap.elementDisabled:""],key:e},[(0,n.h)("a",{class:this.classMap.page,href:"#",ariaLabel:t,disabled:this.current===1,onClick:e===this.total?this.goToNextPage:this.goToPreviousPage},c)])},pageListPage:function(e){return(0,n.h)("li",{class:[this.classMap.element,this.isCurrentPage(e)?this.classMap.elementActive:""]},[(0,n.h)(this.pageComponent,{isCurrent:this.isCurrentPage(e),ariaPageLabel:this.pageLabel(e),page:e,pageClass:this.classMap.page,onPageClick:this.goToPage})])},gap:function(e){return(0,n.h)("li",{ariaHidden:!0,class:[this.classMap.element,this.classMap.elementDisabled]},[(0,n.h)("a",{class:this.classMap.page,href:"#",disabled:!0},e)])}},render:function(){var e=this,i=[];return this.showPreviousPageAction&&i.push(this.navigationElement(1,-1,this.ariaPreviousPageLabel,this.slotOrDefault("previousPage","«"))),i=i.concat(this.beginningPages.map(function(t){return e.pageListPage(t)})),this.hasBeginningGap&&i.push(this.gap(this.slotOrDefault("gapLeft","…"))),i=i.concat(this.slidingWindowPages.map(function(t){return e.pageListPage(t)})),this.hasEndingGap&&i.push(this.gap(this.slotOrDefault("gapRight","…"))),i=i.concat(this.endingPages.map(function(t){return e.pageListPage(t)})),this.showNextPageAction&&i.push(this.navigationElement(this.total,1,this.ariaNextPageLabel,this.slotOrDefault("nextPage","»"))),(0,n.h)("nav",{ariaLabel:this.ariaPaginationLabel,class:this.classMap.component},[(0,n.h)("ul",{class:this.classMap.list},i)])}};return l}()})}(h)),h.exports}var O=W();const T=C(O),m={name:"DpSlidingPagination",components:{SlidingPagination:T},props:{current:{type:Number,required:!0},total:{type:Number,required:!0}},data(){return{translations:{gotoPageFromPages:u.pager.goToPageOfPages({page:this.current,total:this.total}),currentPageOfPages:u.pager.currentPageOfPages({page:this.current,total:this.total}),pageNavigation:u.pager.pageNavigation,pagerPrevious:u.pager.previous,pagerNext:u.pager.next}}},methods:{pageChange(r){r>=1&&r<=this.total&&this.$emit("page-change",r)},prefixClass(r){return _(r)}}};function E(r,b,o,p,s,a){const l=w("sliding-pagination");return N(),L(l,{"aria-pagination-label":s.translations.pageNavigation,"aria-goto-page-label":s.translations.goToPageOfPages,"aria-previous-page-label":s.translations.pagerPrevious,"aria-next-page-label":s.translations.pagerNext,"aria-current-page-label":s.translations.currentPageOfPages,"class-map":{componentClass:a.prefixClass("c-sliding-pagination"),list:a.prefixClass("c-sliding-pagination__list"),element:a.prefixClass("c-sliding-pagination__list-element"),elementDisabled:a.prefixClass("c-sliding-pagination__list-element--disabled"),elementActive:a.prefixClass("c-sliding-pagination__list-element--active"),page:a.prefixClass("c-sliding-pagination__page")},current:o.current,total:o.total,onPageChange:a.pageChange},null,8,["aria-pagination-label","aria-goto-page-label","aria-previous-page-label","aria-next-page-label","aria-current-page-label","class-map","current","total","onPageChange"])}const k=q(m,[["render",E]]);m.__docgenInfo={displayName:"DpSlidingPagination",exportName:"default",description:"",tags:{},props:[{name:"current",type:{name:"number"},required:!0},{name:"total",type:{name:"number"},required:!0}],events:[{name:"page-change",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpSlidingPagination/DpSlidingPagination.vue"]};export{k as D};

package/storybook-static/assets/DpSlidingPagination-CfkT9VBg.js

@@ -1,21 +0,0 @@
-import{j as n,M as s,C as a}from"./blocks-kyJuz3C5.js";import{useMDXComponents as o}from"./index-BbC7EF1e.js";import{D as r,a as d,L as l}from"./DpSlidingPagination.stories-DZ80NUNd.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpSlidingPagination-BCXUgS46.js";import"./translations-DDOZrg-p.js";import"./dayjs.min-C3DHb-Vr.js";import"./prefixClass-BBJiSKc2.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function t(i){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...o(),...i.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{of:r}),`
-`,n.jsx(e.h1,{id:"slidingpagination",children:"SlidingPagination"}),`
-`,n.jsx(e.p,{children:"The SlidingPagination component is an ARIA-friendly pagination component with a sliding window that adapts to the number of pages. This component ensures that pagination remains usable and accessible even with a large number of pages."}),`
-`,n.jsx(e.h2,{id:"features",children:"Features"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsx(e.li,{children:"Sliding window pagination with adjustable size"}),`
-`,n.jsx(e.li,{children:"ARIA-compliant for accessibility"}),`
-`,n.jsx(e.li,{children:"Previous and next page navigation"}),`
-`,n.jsx(e.li,{children:"Visual indication of current page"}),`
-`,n.jsx(e.li,{children:"Customizable through props"}),`
-`]}),`
-`,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
-`,n.jsx(e.p,{children:"The SlidingPagination component provides intuitive navigation through paged content."}),`
-`,n.jsx(e.h3,{id:"default",children:"Default"}),`
-`,n.jsx(e.p,{children:"Default pagination with basic configuration."}),`
-`,n.jsx(a,{of:d}),`
-`,n.jsx(e.h3,{id:"large-page-count",children:"Large Page Count"}),`
-`,n.jsx(e.p,{children:"When dealing with many pages, the component shows a sliding window."}),`
-`,n.jsx(a,{of:l}),`
-`,n.jsx(e.h2,{id:"implementation-notes",children:"Implementation Notes"}),`
-`,n.jsxs(e.p,{children:["The pagination component does not handle page changes internally. Instead, you need to provide a page change handler that contains your page changing logic (e.g., a Vuex store dispatch) and updates the current page. In future releases, a v-model approach to ",n.jsx(e.code,{children:"currentPage"})," may be offered."]})]})}function b(i={}){const{wrapper:e}={...o(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(t,{...i})}):t(i)}export{b as default};

package/storybook-static/assets/DpSlidingPagination.stories-DZ80NUNd.js

@@ -1,35 +0,0 @@
-import{D as a}from"./DpSlidingPagination-BCXUgS46.js";const t={component:a,title:"Components/SlidingPagination",argTypes:{current:{control:{type:"number",min:1},description:"Current active page",table:{type:{summary:"Number"},defaultValue:{summary:"1"}}},total:{control:{type:"number",min:1},description:"Total number of pages",table:{type:{summary:"Number"}}},"page-change":{description:"Event emitted when page is changed",table:{type:{summary:"event"}}}}},e={args:{current:2,total:10},argTypes:{"page-change":{action:"page-change"}},parameters:{docs:{description:{story:"Default pagination component showing pages 1-10 with current page set to 2"}}}},n={args:{current:7,total:30},argTypes:{"page-change":{action:"page-change"}},parameters:{docs:{description:{story:"Pagination with a large number of pages demonstrating the sliding window functionality"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    current: 2,
-    total: 10
-  },
-  argTypes: {
-    'page-change': {
-      action: 'page-change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default pagination component showing pages 1-10 with current page set to 2'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    current: 7,
-    total: 30
-  },
-  argTypes: {
-    'page-change': {
-      action: 'page-change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Pagination with a large number of pages demonstrating the sliding window functionality'
-      }
-    }
-  }
-}`,...n.parameters?.docs?.source}}};const r=["Default","LargePageCount"],s=Object.freeze(Object.defineProperty({__proto__:null,Default:e,LargePageCount:n,__namedExportsOrder:r,default:t},Symbol.toStringTag,{value:"Module"}));export{s as D,n as L,e as a};

package/storybook-static/assets/DpSplitButton-Cft5u7Pe.js

@@ -1,4 +0,0 @@
-import{j as t,M as i}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";function o(e){const n={code:"code",h1:"h1",p:"p",strong:"strong",...s(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(i,{title:"Components/SplitButton"}),`
-`,t.jsx(n.h1,{id:"split-button",children:"Split Button"}),`
-`,t.jsx(n.p,{children:t.jsxs(n.strong,{children:["The ",t.jsx(n.code,{children:"DpSplitButton"})," component is deprecated."]})}),`
-`,t.jsxs(n.p,{children:["Instead, show all available actions in ",t.jsx(n.code,{children:"DpFlyout"}),"."]})]})}function d(e={}){const{wrapper:n}={...s(),...e.components};return n?t.jsx(n,{...e,children:t.jsx(o,{...e})}):o(e)}export{d as default};

package/storybook-static/assets/DpStickyElement-Biohssqu.js

@@ -1,21 +0,0 @@
-import{j as t,M as r,C as i}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as l,a as c,B as a}from"./DpStickyElement.stories-RayTMlXk.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpStickyElement-ClzY3p1-.js";import"./DpApi-BU9X0WT6.js";import"./hasOwnProp-B0vmwdLB.js";import"./Stickier-DyqV0rTn.js";import"./getScrollTop-CXy7CyEd.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function o(n){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(r,{of:l}),`
-`,t.jsx(e.h1,{id:"stickyelement",children:"StickyElement"}),`
-`,t.jsx(e.p,{children:"The StickyElement component is used to create elements that stick to a specific position (top or bottom) while scrolling. This component is particularly useful for creating persistent UI elements like headers, navigation bars, or action buttons that remain visible as users scroll through content."}),`
-`,t.jsx(e.h2,{id:"features",children:"Features"}),`
-`,t.jsxs(e.ul,{children:[`
-`,t.jsx(e.li,{children:"Sticky positioning at either top or bottom of the viewport"}),`
-`,t.jsx(e.li,{children:"Configurable offset distance"}),`
-`,t.jsx(e.li,{children:"Optional border for visual separation"}),`
-`,t.jsx(e.li,{children:"Context-aware sticking behavior"}),`
-`,t.jsx(e.li,{children:"Z-index control for proper layering"}),`
-`]}),`
-`,t.jsx(e.h2,{id:"usage",children:"Usage"}),`
-`,t.jsx(e.p,{children:"The StickyElement wraps content that should remain fixed during scrolling."}),`
-`,t.jsx(e.h3,{id:"default",children:"Default"}),`
-`,t.jsx(e.p,{children:"Default sticky element that sticks to the top of the viewport."}),`
-`,t.jsx(i,{of:c}),`
-`,t.jsx(e.h3,{id:"bottom-position",children:"Bottom Position"}),`
-`,t.jsx(e.p,{children:"Sticky element that sticks to the bottom of the viewport, useful for persistent action buttons."}),`
-`,t.jsx(i,{of:a}),`
-`,t.jsx(e.h2,{id:"implementation-notes",children:"Implementation Notes"}),`
-`,t.jsxs(e.p,{children:["The component uses the internal Stickier library to manage sticky positioning, which provides more consistent behavior than relying solely on CSS ",t.jsx(e.code,{children:"position: sticky"}),"."]})]})}function b(n={}){const{wrapper:e}={...s(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(o,{...n})}):o(n)}export{b as default};

package/storybook-static/assets/DpStickyElement-ClzY3p1-.js

@@ -1,4 +0,0 @@
-import"./DpApi-BU9X0WT6.js";import{S as n}from"./Stickier-DyqV0rTn.js";import{c as a,r as l,n as s,o as r}from"./iframe-KFxwsBtW.js";import{_ as i}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={name:"DpStickyElement",props:{applyZIndex:{required:!1,type:Boolean,default:!0},border:{required:!1,type:Boolean,default:!1},context:{type:HTMLElement,required:!1,default:void 0},direction:{required:!1,type:String,default:"top"},observeContext:{required:!1,type:Boolean,default:!0},offset:{required:!1,type:Number,default:0}},mounted(){this.stickyElement=new n(this.$el,this.context,this.offset,this.direction,"palm",!1,this.observeContext)}};function d(o,f,e,u,c,p){return r(),a("div",{class:s([{"o-sticky--border":e.border,"z-fixed":e.applyZIndex},"o-sticky bg-color--white"])},[l(o.$slots,"default")],2)}const k=i(t,[["render",d]]);t.__docgenInfo={displayName:"DpStickyElement",exportName:"default",description:"",tags:{},props:[{name:"applyZIndex",description:"If set to false, no z-index is applied to the element.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"border",description:`Whether the element should show an 1px border when being sticky.
-When enabled, the border is always displayed on the side of the
-element opposite to the direction the element sticks to.`,type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"context",description:`Reference to the HTMLElement that should serve as the context for the sticky element.
-If omitted, the Stickier lib will default to this.$el.offsetParent`,type:{name:"HTMLElement"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"direction",description:"The direction the element should stick to.",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'top'"}},{name:"observeContext",description:"Whether context changes should trigger a refresh of stickier positions.",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"offset",description:"The offset from context the element should go into/out of sticky mode.",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}}],slots:[{name:"default"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpStickyElement/DpStickyElement.vue"]};export{k as D};

package/storybook-static/assets/DpStickyElement.stories-RayTMlXk.js

@@ -1,42 +0,0 @@
-import{D as o}from"./DpStickyElement-ClzY3p1-.js";const n={component:o,title:"Components/StickyElement",render:r=>({components:{DpStickyElement:o},setup(){return{args:r}},template:`
-      <div style="height: 100px; position: relative; overflow: auto; border: 1px solid #ccc; padding: 1rem;">
-        <dp-sticky-element v-bind="args">
-          <div style="background-color: #f0f0f0; padding: 1rem;">
-            Sticky content
-          </div>
-        </dp-sticky-element>
-        <div style="height: 300px; padding-top: 120px;">
-          Scroll to see sticky behavior
-        </div>
-      </div>
-    `}),argTypes:{applyZIndex:{control:"boolean",description:"Whether to apply z-index to the sticky element",table:{type:{summary:"Boolean"},defaultValue:{summary:"true"}}},border:{control:"boolean",description:"Whether to show a border on the sticky element",table:{type:{summary:"Boolean"},defaultValue:{summary:"false"}}},context:{control:!1,description:"The HTML element that serves as context for the sticky element",table:{type:{summary:"HTMLElement"},defaultValue:{summary:"undefined"}}},direction:{control:{type:"inline-radio"},options:["top","bottom"],description:"The direction the element should stick to",table:{type:{summary:"String"},defaultValue:{summary:"top"}}},observeContext:{control:"boolean",description:"Whether context changes should trigger a refresh of sticky positions",table:{type:{summary:"Boolean"},defaultValue:{summary:"true"}}},offset:{control:{type:"range",min:0,max:100,step:1},description:"The offset from context the element should enter/exit sticky mode",table:{type:{summary:"Number"},defaultValue:{summary:"0"}}}}},e={args:{direction:"top",border:!0,offset:0,applyZIndex:!0,observeContext:!0},parameters:{docs:{description:{story:"Default sticky element that sticks to the top with a border"}}}},t={args:{direction:"bottom",border:!0,offset:0,applyZIndex:!0,observeContext:!0},parameters:{docs:{description:{story:"Sticky element that sticks to the bottom, useful for action buttons or persistent UI elements at the bottom of the viewport"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    direction: 'top',
-    border: true,
-    offset: 0,
-    applyZIndex: true,
-    observeContext: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default sticky element that sticks to the top with a border'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    direction: 'bottom',
-    border: true,
-    offset: 0,
-    applyZIndex: true,
-    observeContext: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Sticky element that sticks to the bottom, useful for action buttons or persistent UI elements at the bottom of the viewport'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};const s=["Default","Bottom"],i=Object.freeze(Object.defineProperty({__proto__:null,Bottom:t,Default:e,__namedExportsOrder:s,default:n},Symbol.toStringTag,{value:"Module"}));export{t as B,i as D,e as a};

package/storybook-static/assets/DpTabs-BGgWBJ_5.js

@@ -1,23 +0,0 @@
-import{j as i,M as s,C as o}from"./blocks-kyJuz3C5.js";import{useMDXComponents as n}from"./index-BbC7EF1e.js";import{D as a,a as p,W as m,M as c}from"./DpTabs.stories-BNe9rHxl.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpAccordion-CKgNMMg7.js";import"./DpIcon-dOAQoUKG.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpVideoPlayer-CnldmoEy.js";import"./Tooltip-flnpMaRO.js";import"./translations-DDOZrg-p.js";import"./CleanHtml-CeG3Pc5D.js";import"./DpButtonRow-DRRw4r4F.js";import"./DpButton-BLywaapW.js";import"./DpCheckbox-BdZqABk4.js";import"./DpLabel-DFauD5I2.js";import"./DpContextualHelp-DnsCCoZB.js";import"./dayjs.min-C3DHb-Vr.js";import"./prefixClass-BBJiSKc2.js";import"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./DpInput-cN-WEvOL.js";import"./lengthHint-zGawKYxB.js";import"./DpModal-oGkhZvzT.js";import"./hasOwnProp-B0vmwdLB.js";import"./DpMultiselect-Bm5hUadB.js";import"./DpDataTable-f7CVMPNi.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpLoading-rM7osZHK.js";import"./DpApi-BU9X0WT6.js";import"./index-CTxdm8FW.js";import"./DpAutocomplete-Ds8IvIaM.js";import"./DpBulkEditHeader-qNgl3Gdq.js";import"./DpBadge-mgPu9WO8.js";import"./DpCard-CNBkliZ1.js";import"./DpCheckboxGroup-CFaFEzrL.js";import"./DpColumnSelector-BjRvX20u.js";import"./DpFlyout-Dsx6KYUl.js";import"./DpDataTableExtended-mDxHCvB0.js";import"./DpSlidingPagination-BCXUgS46.js";import"./DpStickyElement-ClzY3p1-.js";import"./Stickier-DyqV0rTn.js";import"./DpDatepicker-CFlgW3DB.js";import"./DpDateRangePicker-D5652u0C.js";import"./DpDatetimePicker-DQokm861.js";import"./DpTimePicker-9Qy_qVnW.js";import"./DpResettableInput-nox0ihQv.js";import"./DpDetails-Do--n1SK.js";import"./DpConfirmDialog-CQYtFW-3.js";import"./DpEditableList-5FqvJbtx.js";import"./DpFormRow-BsMZgRL2.js";import"./DpInlineNotification-CEzn4Pqd.js";import"./DpMultistepNav-AnSXdU2J.js";import"./DpNotification-C1QXVdor.js";import"./DpPager-BaoMw4uo.js";import"./DpProgressBar-C0dbsdgz.js";import"./DpRadio-D2xw34qI.js";import"./DpSearchField-CFqegLRV.js";import"./DpSelect-BzmpttTu.js";import"./DpSkeletonBox-a5wBcRN-.js";import"./DpSlidebar-DtAyUisB.js";import"./DpTextArea-DoA63rHr.js";import"./DpToggle-BPqlzXQH.js";import"./DpTooltip-D8SOODgR.js";import"./DpTreeList-Cciwf3YU.js";function r(e){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...n(),...e.components};return i.jsxs(i.Fragment,{children:[i.jsx(s,{of:a}),`
-`,i.jsx(t.h1,{id:"tabs",children:"Tabs"}),`
-`,i.jsx(t.p,{children:`The DpTabs component provides a structured and interactive way to organize and navigate related content,
-allowing users to switch between different views while maintaining context.`}),`
-`,i.jsx(t.h2,{id:"usage",children:"Usage"}),`
-`,i.jsxs(t.p,{children:["The Tabs component consists of ",i.jsx(t.code,{children:"DpTabs"})," as the container and ",i.jsx(t.code,{children:"DpTab"})," for individual tab panels."]}),`
-`,i.jsx(t.h3,{id:"default",children:"Default"}),`
-`,i.jsx(t.p,{children:"Basic tabs with two panels."}),`
-`,i.jsx(o,{of:p}),`
-`,i.jsx(t.h3,{id:"with-url-fragment",children:"With URL Fragment"}),`
-`,i.jsx(t.p,{children:"Tabs that update the URL fragment when switching between tabs, allowing for direct linking."}),`
-`,i.jsx(o,{of:m}),`
-`,i.jsx(t.h3,{id:"medium-size",children:"Medium Size"}),`
-`,i.jsx(t.p,{children:"Tabs with medium-sized labels for more compact interfaces."}),`
-`,i.jsx(o,{of:c}),`
-`,i.jsx(t.h2,{id:"implementation-notes",children:"Implementation Notes"}),`
-`,i.jsxs(t.ul,{children:[`
-`,i.jsx(t.li,{children:"DpTabs and DpTab both provide a default slot"}),`
-`,i.jsxs(t.li,{children:["For each tab, a ",i.jsx(t.code,{children:"DpTab"})," instance is placed inside the default slot of ",i.jsx(t.code,{children:"DpTabs"})]}),`
-`,i.jsxs(t.li,{children:["The content of each tab is placed inside the default slot of the respective ",i.jsx(t.code,{children:"DpTab"})," instance"]}),`
-`,i.jsx(t.li,{children:"Tab panels are automatically associated with their tab headers for accessibility"}),`
-`,i.jsx(t.li,{children:"When using URL fragments, browser navigation (back/forward) will switch tabs accordingly"}),`
-`]})]})}function vi(e={}){const{wrapper:t}={...n(),...e.components};return t?i.jsx(t,{...e,children:i.jsx(r,{...e})}):r(e)}export{vi as default};

package/storybook-static/assets/DpTabs.stories-BNe9rHxl.js

@@ -1,85 +0,0 @@
-import"./DpAccordion-CKgNMMg7.js";import{a as s,_ as o}from"./DpVideoPlayer-CnldmoEy.js";import"./DpAutocomplete-Ds8IvIaM.js";import"./DpBulkEditHeader-qNgl3Gdq.js";import"./DpButton-BLywaapW.js";import"./DpButtonRow-DRRw4r4F.js";import"./DpBadge-mgPu9WO8.js";import"./DpCard-CNBkliZ1.js";import"./DpCheckbox-BdZqABk4.js";import"./DpCheckboxGroup-CFaFEzrL.js";import"./DpColumnSelector-BjRvX20u.js";import"./DpContextualHelp-DnsCCoZB.js";import"./DpDataTable-f7CVMPNi.js";import"./DpDataTableExtended-mDxHCvB0.js";import"./DpDatepicker-CFlgW3DB.js";import"./DpDateRangePicker-D5652u0C.js";import"./DpDatetimePicker-DQokm861.js";import"./DpDetails-Do--n1SK.js";import"./DpConfirmDialog-CQYtFW-3.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpEditableList-5FqvJbtx.js";import"./DpFlyout-Dsx6KYUl.js";import"./DpFormRow-BsMZgRL2.js";import"./DpApi-BU9X0WT6.js";import"./DpIcon-dOAQoUKG.js";import"./DpInlineNotification-CEzn4Pqd.js";import"./DpInput-cN-WEvOL.js";import"./DpLabel-DFauD5I2.js";import"./DpLoading-rM7osZHK.js";import"./DpModal-oGkhZvzT.js";import"./DpMultiselect-Bm5hUadB.js";import"./DpMultistepNav-AnSXdU2J.js";import"./DpNotification-C1QXVdor.js";import"./DpPager-BaoMw4uo.js";import"./DpProgressBar-C0dbsdgz.js";import"./DpRadio-D2xw34qI.js";import"./DpResettableInput-nox0ihQv.js";import"./DpSearchField-CFqegLRV.js";import"./DpSelect-BzmpttTu.js";import"./DpSkeletonBox-a5wBcRN-.js";import"./DpSlidebar-DtAyUisB.js";import"./DpSlidingPagination-BCXUgS46.js";import"./DpStickyElement-ClzY3p1-.js";import"./DpTextArea-DoA63rHr.js";import"./DpTimePicker-9Qy_qVnW.js";import"./DpToggle-BPqlzXQH.js";import"./DpTooltip-D8SOODgR.js";import"./DpTreeList-Cciwf3YU.js";import{l as p}from"./iframe-KFxwsBtW.js";const m={component:o,title:"Components/Tabs",render:r=>({components:{DpTabs:o,DpTab:s},setup(){const i=p(r.activeId||"idTab1");return{args:r,activeTab:i,handleChange:n=>{i.value=n,r.change&&r.change(n)}}},template:`
-      <div style="width: 100%; padding: 16px; border: 1px solid #eee;">
-        <dp-tabs 
-          :active-id="activeTab"
-          :tab-size="args.tabSize"
-          :use-url-fragment="args.useUrlFragment"
-          @change="handleChange">
-          <dp-tab
-            id="idTab1"
-            label="Tab Title 1">
-            <div style="padding: 20px;">
-              Tab content 1. This is the first tab panel with some sample content.
-            </div>
-          </dp-tab>
-          <dp-tab
-            id="idTab2"
-            label="Tab Title 2">
-            <div style="padding: 20px;">
-              Tab content 2. This is the second tab panel with different content.
-            </div>
-          </dp-tab>
-          <dp-tab
-            id="idTab3"
-            label="Tab Title 3">
-            <div style="padding: 20px;">
-              Tab content 3. This is the third tab panel with even more content.
-            </div>
-          </dp-tab>
-        </dp-tabs>
-      </div>
-    `}),argTypes:{activeId:{control:"text",description:"ID of the initially active tab",table:{type:{summary:"String"},defaultValue:{summary:"null"}}},tabSize:{control:{type:"radio"},options:["medium","large"],description:"Size of the tab headers",table:{type:{summary:"String"},defaultValue:{summary:"large"}}},useUrlFragment:{control:"boolean",description:"Whether to update URL fragment when changing tabs",table:{type:{summary:"Boolean"},defaultValue:{summary:"false"}}},change:{description:"Event emitted when active tab changes",table:{type:{summary:"event"}}}}},e={args:{activeId:"idTab1",tabSize:"large",useUrlFragment:!1},argTypes:{change:{action:"change"}},parameters:{docs:{description:{story:"Default tab configuration with large tab size"}}}},t={args:{activeId:"idTab1",tabSize:"large",useUrlFragment:!0},argTypes:{change:{action:"change"}},parameters:{docs:{description:{story:"Tabs with URL fragment integration for deep linking"}}}},a={args:{activeId:"idTab1",tabSize:"medium",useUrlFragment:!1},argTypes:{change:{action:"change"}},parameters:{docs:{description:{story:"Tabs with medium-sized headers for more compact interfaces"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    activeId: 'idTab1',
-    tabSize: 'large',
-    useUrlFragment: false
-  },
-  argTypes: {
-    change: {
-      action: 'change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default tab configuration with large tab size'
-      }
-    }
-  }
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    activeId: 'idTab1',
-    tabSize: 'large',
-    useUrlFragment: true
-  },
-  argTypes: {
-    change: {
-      action: 'change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Tabs with URL fragment integration for deep linking'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    activeId: 'idTab1',
-    tabSize: 'medium',
-    useUrlFragment: false
-  },
-  argTypes: {
-    change: {
-      action: 'change'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Tabs with medium-sized headers for more compact interfaces'
-      }
-    }
-  }
-}`,...a.parameters?.docs?.source}}};const d=["Default","WithUrlFragment","MediumSize"],se=Object.freeze(Object.defineProperty({__proto__:null,Default:e,MediumSize:a,WithUrlFragment:t,__namedExportsOrder:d,default:m},Symbol.toStringTag,{value:"Module"}));export{se as D,a as M,t as W,e as a};

package/storybook-static/assets/DpTextArea-BtrBIQP_.js

@@ -1,49 +0,0 @@
-import{j as e,M as a,C as t}from"./blocks-kyJuz3C5.js";import{useMDXComponents as s}from"./index-BbC7EF1e.js";import{D as o,a as d,W as l,b as h,R as c,c as x,d as j,e as p,f as m}from"./DpTextArea.stories-c3BZqrsh.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpTextArea-DoA63rHr.js";import"./dayjs.min-C3DHb-Vr.js";import"./lengthHint-zGawKYxB.js";import"./translations-DDOZrg-p.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function r(n){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(a,{of:o}),`
-`,e.jsx(i.h1,{id:"textarea",children:"TextArea"}),`
-`,e.jsxs(i.p,{children:["The ",e.jsx(i.code,{children:"DpTextArea"})," component provides a multi-line text input control for forms. It supports various features like validation, character limiting, and customizable display options."]}),`
-`,e.jsx(i.h2,{id:"features",children:"Features"}),`
-`,e.jsxs(i.ul,{children:[`
-`,e.jsx(i.li,{children:"Support for labels with required field indicator"}),`
-`,e.jsx(i.li,{children:"Hint text for providing additional information"}),`
-`,e.jsx(i.li,{children:"Character count with maxlength validation"}),`
-`,e.jsx(i.li,{children:"Form validation integration"}),`
-`,e.jsx(i.li,{children:"Customizable height options"}),`
-`,e.jsx(i.li,{children:"Ability to grow to parent container height"}),`
-`,e.jsx(i.li,{children:"Disabled state support"}),`
-`]}),`
-`,e.jsx(i.h2,{id:"usage",children:"Usage"}),`
-`,e.jsx(i.h3,{id:"default",children:"Default"}),`
-`,e.jsx(i.p,{children:"Basic textarea with label."}),`
-`,e.jsx(t,{of:d}),`
-`,e.jsx(i.h3,{id:"with-hint",children:"With Hint"}),`
-`,e.jsx(i.p,{children:"Textarea with additional descriptive text."}),`
-`,e.jsx(t,{of:l}),`
-`,e.jsx(i.h3,{id:"character-counter",children:"Character Counter"}),`
-`,e.jsx(i.p,{children:"Textarea with maximum character limit and remaining character counter."}),`
-`,e.jsx(t,{of:h}),`
-`,e.jsx(i.h3,{id:"required-field",children:"Required Field"}),`
-`,e.jsx(i.p,{children:"Textarea marked as required with an asterisk on the label."}),`
-`,e.jsx(t,{of:c}),`
-`,e.jsx(i.h3,{id:"disabled",children:"Disabled"}),`
-`,e.jsx(i.p,{children:"Textarea that cannot be edited."}),`
-`,e.jsx(t,{of:x}),`
-`,e.jsx(i.h3,{id:"reduced-height",children:"Reduced Height"}),`
-`,e.jsx(i.p,{children:"Textarea with smaller vertical size (60px height)."}),`
-`,e.jsx(t,{of:j}),`
-`,e.jsx(i.h3,{id:"custom-attributes",children:"Custom Attributes"}),`
-`,e.jsx(i.p,{children:"Textarea with HTML attributes like rows and columns."}),`
-`,e.jsx(t,{of:p}),`
-`,e.jsx(i.h2,{id:"form-validation",children:"Form Validation"}),`
-`,e.jsx(i.p,{children:"The TextArea component integrates with the form validation system through several props:"}),`
-`,e.jsx(i.h3,{id:"conditional-validation",children:"Conditional Validation"}),`
-`,e.jsxs(i.p,{children:["Use the ",e.jsx(i.code,{children:"dataDpValidateIf"})," prop to conditionally validate a required textarea based on other form field values."]}),`
-`,e.jsx(t,{of:m}),`
-`,e.jsx(i.h3,{id:"custom-field-names-in-error-messages",children:"Custom Field Names in Error Messages"}),`
-`,e.jsxs(i.p,{children:["The ",e.jsx(i.code,{children:"dataDpValidateErrorFieldname"})," prop allows customizing how the field is referenced in validation error messages."]}),`
-`,e.jsx(i.h2,{id:"height-control",children:"Height Control"}),`
-`,e.jsx(i.p,{children:"The component offers different ways to control the height:"}),`
-`,e.jsxs(i.ul,{children:[`
-`,e.jsxs(i.li,{children:[e.jsx(i.code,{children:"reducedHeight"}),": Uses a predefined smaller height (60px)"]}),`
-`,e.jsxs(i.li,{children:[e.jsx(i.code,{children:"growToParent"}),": Makes the textarea grow to fill its parent container height"]}),`
-`,e.jsxs(i.li,{children:[e.jsx(i.code,{children:"attributes"}),": Allows setting specific dimensions with ",e.jsx(i.code,{children:"rows"})]}),`
-`]})]})}function A(n={}){const{wrapper:i}={...s(),...n.components};return i?e.jsx(i,{...n,children:e.jsx(r,{...n})}):r(n)}export{A as default};

package/storybook-static/assets/DpTextArea-DoA63rHr.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DpLabel-DFauD5I2.js","./iframe-KFxwsBtW.js","./iframe-DH2OFsM2.css","./DpContextualHelp-DnsCCoZB.js","./translations-DDOZrg-p.js","./DpIcon-dOAQoUKG.js","./CleanHtml-CeG3Pc5D.js","./Tooltip-flnpMaRO.js","./_commonjsHelpers-CE1G-McA.js","./dayjs.min-C3DHb-Vr.js","./prefixClass-BBJiSKc2.js"])))=>i.map(i=>d[i]);
-import{O as f,c as m,e as c,f as p,g,m as u,P as h,a as y,n as v,_ as q,d as b,o as d}from"./iframe-KFxwsBtW.js";import"./dayjs.min-C3DHb-Vr.js";import{m as x}from"./lengthHint-zGawKYxB.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const _={type:[Boolean,String],required:!1,default:null,validator:a=>a!==!0&&Number(a)%1===0},w=a=>{const t={textarea:["cols","rows"]};return{type:Array,required:!1,default:()=>[],validator:e=>{const n=e.filter(l=>{const r=l.split("=");return t[a].includes(r[0])&&r.length===2});if(e.length===0||n.length===e.length)return!0;console.error(`A Vue form component of type "${a}" is used with the "attributes" prop containing a disallowed attr.`)}}},s={name:"DpTextArea",components:{DpLabel:f(async()=>await q(()=>import("./DpLabel-DFauD5I2.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url))},props:{attributes:w("textarea"),dataDpValidateErrorFieldname:{type:String,required:!1,default:""},dataDpValidateIf:{type:[Boolean,String],required:!1,default:!1},dataCy:{type:String,required:!1,default:"textAreaElement"},disabled:{type:Boolean,required:!1,default:!1},growToParent:{type:Boolean,required:!1,default:!1},hint:{type:String,required:!1,default:""},id:{type:String,required:!1,default:""},label:{type:String,required:!1,default:""},maxlength:_,name:{type:String,required:!1,default:""},reducedHeight:{type:Boolean,required:!1,default:!1},required:{type:Boolean,required:!1,default:!1},value:{type:String,required:!1,default:""}},data(){return{currentValue:this.value}},computed:{allowedAttributes(){const a={};return this.attributes.forEach(t=>{const[e,n]=t.split("=");a[e]=n}),a},labelProps(){return{for:this.id,hint:this.maxlength?[this.hint,x(this.currentValue.length,this.maxlength)]:this.hint,required:this.required,text:this.label,tooltip:this.tooltip}}},watch:{value(){this.currentValue=this.value}}},D=["id","name","data-dp-validate-if","data-dp-validate-error-fieldname","data-cy","disabled","maxlength","required"];function A(a,t,e,n,l,r){const o=b("dp-label");return d(),m("div",{class:v({"flex flex-col":e.growToParent})},[e.label!==""?(d(),c(o,u({key:0},r.labelProps,{class:"mb-0.5"}),null,16)):p("",!0),g(y("textarea",u(r.allowedAttributes,{id:e.id,"onUpdate:modelValue":t[0]||(t[0]=i=>l.currentValue=i),name:e.name,class:["o-form__control-textarea",{grow:e.growToParent,"h-7":e.reducedHeight}],"data-dp-validate-if":e.dataDpValidateIf?!0:null,"data-dp-validate-error-fieldname":e.dataDpValidateErrorFieldname||e.label||null,"data-cy":e.dataCy,disabled:e.disabled,maxlength:e.maxlength,required:e.required,onInput:t[1]||(t[1]=i=>a.$emit("input",l.currentValue))}),null,16,D),[[h,l.currentValue]])],2)}const S=V(s,[["render",A]]);s.__docgenInfo={displayName:"DpTextArea",exportName:"default",description:"",tags:{},props:[{name:"attributes",type:{name:"attributes('textarea')",func:!0}},{name:"dataDpValidateErrorFieldname",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"dataDpValidateIf",description:"Use to conditionally validate a required textarea field.",type:{name:"boolean|string"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'textAreaElement'"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"growToParent",description:"If enabled, classes are applied to let element grow to 100% height of its parent element.",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:!1,defaultValue:{func:!1,value:"''"}},{name:"label",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"maxlength",type:{name:"length"}},{name:"name",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"reducedHeight",description:"Display the form field with reduced height (60px).",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:"''"}}],events:[{name:"input"}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpTextArea/DpTextArea.vue"]};export{S as D};

package/storybook-static/assets/DpTextArea.stories-c3BZqrsh.js

@@ -1,155 +0,0 @@
-import{D as d}from"./DpTextArea-DoA63rHr.js";const l={component:d,title:"Components/TextArea",argTypes:{id:{control:"text",description:"ID attribute for the textarea element",table:{type:{summary:"String"},defaultValue:{summary:""}}},label:{control:"text",description:"Label text for the textarea",table:{type:{summary:"String"},defaultValue:{summary:""}}},hint:{control:"text",description:"Hint text displayed below the label",table:{type:{summary:"String"},defaultValue:{summary:""}}},value:{control:"text",description:"Current value of the textarea",table:{type:{summary:"String"},defaultValue:{summary:""}}},maxlength:{control:"number",description:"Maximum number of characters allowed",table:{type:{summary:"Number"},defaultValue:{summary:"undefined"}}},disabled:{control:"boolean",description:"Whether the textarea is disabled",table:{type:{summary:"Boolean"},defaultValue:{summary:"false"}}},required:{control:"boolean",description:"Whether the textarea is required",table:{type:{summary:"Boolean"},defaultValue:{summary:"false"}}},reducedHeight:{control:"boolean",description:"Display the textarea with reduced height (60px)",table:{type:{summary:"Boolean"},defaultValue:{summary:"false"}}},growToParent:{control:"boolean",description:"If enabled, makes the textarea grow to 100% height of its parent",table:{type:{summary:"Boolean"},defaultValue:{summary:"false"}}},attributes:{control:"object",description:"Additional HTML attributes to apply to the textarea, like rows and cols",table:{type:{summary:"Array<string>"},defaultValue:{summary:"[]"}}},dataDpValidateIf:{control:"text",description:"Conditional validation expression",table:{type:{summary:"Boolean | String"},defaultValue:{summary:"false"}}},dataDpValidateErrorFieldname:{control:"text",description:"Custom field name for validation error messages",table:{type:{summary:"String"},defaultValue:{summary:""}}},input:{description:"Event emitted when the input value changes",table:{type:{summary:"event"}}}},tags:["autodocs","!dev"]},e={args:{id:"textAreaId",label:"Enter some text",value:""},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Basic textarea with label"}}},tags:["!autodocs","dev"]},t={args:{id:"textAreaId",label:"Enter some text",hint:"A hint explaining what to enter in the textarea",value:""},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Textarea with additional descriptive hint text"}}}},a={args:{id:"textAreaId",label:"Enter some text",maxlength:100,value:"This is some sample text that demonstrates the maxlength feature"},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Textarea with character limit and remaining character counter"}}}},r={args:{id:"textAreaId",label:"Enter some text",required:!0,value:""},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Required textarea with an asterisk on the label"}}}},n={args:{id:"textAreaId",label:"Enter some text",disabled:!0,value:"This textarea is disabled and cannot be edited"},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Disabled textarea that cannot be edited"}}}},s={args:{id:"textAreaId",label:"Enter some text",reducedHeight:!0,value:"This textarea has reduced height (60px)"},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Textarea with smaller vertical size (60px height)"}}}},i={args:{id:"textAreaId",label:"Enter some text",attributes:["rows=5","cols=40"],value:"This textarea has custom rows and columns attributes"},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Textarea with custom HTML attributes (rows=5, cols=40)"}}}},o={args:{id:"textAreaId",label:"Your Comments",required:!0,dataDpValidateIf:"#someOtherField",dataDpValidateErrorFieldname:"Comments",value:""},argTypes:{input:{action:"input"}},parameters:{docs:{description:{story:"Textarea with conditional validation that activates when another field is filled"}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Enter some text',
-    value: ''
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Basic textarea with label'
-      }
-    }
-  },
-  tags: ['!autodocs', 'dev']
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Enter some text',
-    hint: 'A hint explaining what to enter in the textarea',
-    value: ''
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Textarea with additional descriptive hint text'
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Enter some text',
-    maxlength: 100,
-    value: 'This is some sample text that demonstrates the maxlength feature'
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Textarea with character limit and remaining character counter'
-      }
-    }
-  }
-}`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Enter some text',
-    required: true,
-    value: ''
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Required textarea with an asterisk on the label'
-      }
-    }
-  }
-}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Enter some text',
-    disabled: true,
-    value: 'This textarea is disabled and cannot be edited'
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Disabled textarea that cannot be edited'
-      }
-    }
-  }
-}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Enter some text',
-    reducedHeight: true,
-    value: 'This textarea has reduced height (60px)'
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Textarea with smaller vertical size (60px height)'
-      }
-    }
-  }
-}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Enter some text',
-    attributes: ['rows=5', 'cols=40'],
-    value: 'This textarea has custom rows and columns attributes'
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Textarea with custom HTML attributes (rows=5, cols=40)'
-      }
-    }
-  }
-}`,...i.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  args: {
-    id: 'textAreaId',
-    label: 'Your Comments',
-    required: true,
-    dataDpValidateIf: '#someOtherField',
-    dataDpValidateErrorFieldname: 'Comments',
-    value: ''
-  },
-  argTypes: {
-    input: {
-      action: 'input'
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Textarea with conditional validation that activates when another field is filled'
-      }
-    }
-  }
-}`,...o.parameters?.docs?.source}}};const u=["Default","WithHint","WithMaxlength","Required","Disabled","ReducedHeight","WithAttributes","WithValidation"],p=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Disabled:n,ReducedHeight:s,Required:r,WithAttributes:i,WithHint:t,WithMaxlength:a,WithValidation:o,__namedExportsOrder:u,default:l},Symbol.toStringTag,{value:"Module"}));export{p as D,r as R,t as W,e as a,a as b,n as c,s as d,i as e,o as f};

package/storybook-static/assets/DpTimePicker-9Qy_qVnW.js

@@ -1 +0,0 @@
-import{_ as K}from"./DpInput-cN-WEvOL.js";import N from"./DpLabel-DFauD5I2.js";import{D as U}from"./DpResettableInput-nox0ihQv.js";import{v as z}from"./index-CTxdm8FW.js";import{g as W,h as j,c as d,e as m,f as G,a as c,F as b,i as g,n as h,s as w,d as p,o as r,w as k,t as F}from"./iframe-KFxwsBtW.js";import{_ as J}from"./_plugin-vue_export-helper-DlAUqK2U.js";var v=/iPhone/i,_=/iPod/i,I=/iPad/i,M=/\biOS-universal(?:.+)Mac\b/i,y=/\bAndroid(?:.+)Mobile\b/i,D=/Android/i,o=/(?:SD4930UR|\bSilk(?:.+)Mobile\b)/i,f=/Silk/i,l=/Windows Phone/i,T=/\bWindows(?:.+)ARM\b/i,S=/BlackBerry/i,P=/BB10/i,A=/Opera Mini/i,B=/\b(CriOS|Chrome)(?:.+)Mobile/i,H=/Mobile(?:.+)Firefox\b/i,C=function(e){return typeof e<"u"&&e.platform==="MacIntel"&&typeof e.maxTouchPoints=="number"&&e.maxTouchPoints>1&&typeof MSStream>"u"};function Q(e){return function(i){return i.test(e)}}function X(e){var i={userAgent:"",platform:"",maxTouchPoints:0};!e&&typeof navigator<"u"?i={userAgent:navigator.userAgent,platform:navigator.platform,maxTouchPoints:navigator.maxTouchPoints||0}:typeof e=="string"?i.userAgent=e:e&&e.userAgent&&(i={userAgent:e.userAgent,platform:e.platform,maxTouchPoints:e.maxTouchPoints||0});var a=i.userAgent,u=a.split("[FBAN");typeof u[1]<"u"&&(a=u[0]),u=a.split("Twitter"),typeof u[1]<"u"&&(a=u[0]);var t=Q(a),n={apple:{phone:t(v)&&!t(l),ipod:t(_),tablet:!t(v)&&(t(I)||C(i))&&!t(l),universal:t(M),device:(t(v)||t(_)||t(I)||t(M)||C(i))&&!t(l)},amazon:{phone:t(o),tablet:!t(o)&&t(f),device:t(o)||t(f)},android:{phone:!t(l)&&t(o)||!t(l)&&t(y),tablet:!t(l)&&!t(o)&&!t(y)&&(t(f)||t(D)),device:!t(l)&&(t(o)||t(f)||t(y)||t(D))||t(/\bokhttp\b/i)},windows:{phone:t(l),tablet:t(T),device:t(l)||t(T)},other:{blackberry:t(S),blackberry10:t(P),opera:t(A),firefox:t(H),chrome:t(B),device:t(S)||t(P)||t(A)||t(H)||t(B)},any:!1,phone:!1,tablet:!1};return n.any=n.apple.device||n.android.device||n.windows.device||n.other.device,n.phone=n.apple.phone||n.android.phone||n.windows.phone,n.tablet=n.apple.tablet||n.android.tablet||n.windows.tablet,n}const E="00:00",V={name:"DpTimePicker",components:{DpInput:K,DpLabel:N,DpResettableInput:U},directives:{onClickOutside:z},props:{dataCy:{type:String,required:!1,default:"timePicker"},disabled:{type:Boolean,required:!1,default:!1},id:{type:String,required:!0},label:{type:String,required:!1,default:""},minuteSteps:{type:Number,required:!1,default:15},minValue:{type:String,required:!1,default:""},value:{type:String,required:!1,default:E}},data:()=>({currentHour:"00",currentMinutes:"00",isInputFocused:!1,showFlyout:!1}),computed:{availableHours(){if(this.minValue!==""){const i=this.minValue.split(":")[0];return this.hours.filter(a=>this.availableMinutes.length?a>=i:a>i)}return this.hours},availableMinutes(){if(this.minValue!==""){const e=this.minValue.split(":"),i=e[0],a=e[1];return this.currentHour===i?this.minutes.filter(u=>u>=a):this.minutes}return this.minutes},currentTime(){return`${this.currentHour}:${this.currentMinutes}`},hours(){let e=Array.from({length:24},(i,a)=>a);return e=e.map(i=>i.toString().padStart(2,"0")),e},isHour(){return e=>e.target.id.includes("hour")},isMinute(){return e=>e.target.id.includes("minute")},isMobileDevice(){return X(window.navigator).any},inputAttributes(){return this.isMobileDevice?{disabled:this.disabled,autocomplete:"off",type:"time"}:{disabled:this.disabled,autocomplete:"off"}},minutes(){let e=Array.from({length:60},(i,a)=>a);return e=e.filter(i=>!(i%this.minuteSteps)),e=e.map(i=>i.toString().padStart(2,"0")),e}},watch:{isInputFocused(){const e=this.$refs[`timeInput:${this.id}`].$el;this.isInputFocused?e.addEventListener("keydown",this.handleShiftDown):e.removeEventListener("keydown",this.handleShiftDown)},showFlyout(){this.showFlyout?document.body.addEventListener("keydown",this.handleKeyDown):document.body.removeEventListener("keydown",this.handleKeyDown)},value(){this.updateTime(this.value)}},methods:{closeFlyout(){this.showFlyout&&this.toggleFlyout()},focusHour(){const e=`hour:${this.currentHour}`;document.getElementById(e).focus()},handleBlur(){this.isInputFocused&&this.toggleInputFocus()},handleCurrentMinutesUnavailable(e,i){if(this.minValue!==""){const u=this.minValue.split(":")[0];e===u&&!this.availableMinutes.includes(i)&&(i=this.availableMinutes[0])}return i},handleEnter(e){e.target?(this.isHour(e)&&this.handleInput(this.currentMinutes,"minute"),this.isMinute(e)&&this.handleInput(this.currentHour,"hour")):this.handleInput(e),this.showFlyout&&this.toggleFlyout()},handleFocus(){this.showFlyout||this.toggleFlyout(),this.isInputFocused||this.toggleInputFocus()},handleInput(e,i=""){i===""&&this.updateTime(e),i==="hour"&&this.setHour(e),i==="minute"&&this.setMinutes(e),this.$emit("input",this.currentTime)},handleKeyDown(e){e.key==="Escape"&&this.toggleFlyout(),e.key===" "&&(e.preventDefault(),this.handleEnter())},handleReset(){this.handleInput(E)},handleShiftDown(e){e.shiftKey&&(e.key==="Down"||e.key==="ArrowDown")&&this.focusHour()},setHour(e){this.currentHour=e},setMinutes(e){this.currentMinutes=e},toggleFlyout(){this.showFlyout=!this.showFlyout},toggleInputFocus(){this.isInputFocused=!this.isInputFocused},updateTime(e){const i=e.split(":"),a=i[0],u=this.handleCurrentMinutesUnavailable(a,i[1]);this.setHour(a),this.setMinutes(u)}}},Y={class:"u-m-0_25 u-mr-0 u-pr-0_25 overflow-y-scroll h-9"},Z=["id","value","onClick"],$=["id","value","onClick"];function ee(e,i,a,u,t,n){const x=p("dp-label"),q=p("dp-resettable-input"),L=p("dp-input"),O=j("on-click-outside");return W((r(),d("div",{class:"c-timepicker inline-block",onKeydown:[i[3]||(i[3]=w((...s)=>n.closeFlyout&&n.closeFlyout(...s),["esc"])),i[4]||(i[4]=w(s=>n.handleEnter(s),["enter"]))]},[a.label!==""?(r(),m(x,{key:0,for:"timeInput",text:a.label},null,8,["text"])):G("",!0),n.isMobileDevice?(r(),m(L,{key:2,id:`timeInput:${a.id}`,"data-cy":a.dataCy,class:"w-8",type:"time",pattern:"([01]?[0-9]|2[0-3]):[0-5][0-9]",value:n.currentTime,autocomplete:"off",onInput:i[2]||(i[2]=s=>n.handleInput(s))},null,8,["id","data-cy","value"])):(r(),m(q,{key:1,id:`timeInput:${a.id}`,ref:`timeInput:${a.id}`,"data-cy":a.dataCy,class:"w-8","button-variant":"small","default-value":"00:00","input-attributes":{disabled:a.disabled,autocomplete:"off"},pattern:"([01]?[0-9]|2[0-3]):[0-5][0-9]",value:n.currentTime,onReset:n.handleReset,onEnter:i[0]||(i[0]=s=>n.handleEnter(s)),onFocus:n.handleFocus,onBlur:n.handleBlur,onInput:i[1]||(i[1]=s=>n.handleInput(s))},null,8,["id","data-cy","input-attributes","value","onReset","onFocus","onBlur"])),c("div",{ref:"flyout",class:h(["flex items-start justify-evenly c-timepicker__flyout font-size-small",{hidden:!e.showFlyout}]),tabindex:"0"},[c("ul",Y,[(r(!0),d(b,null,g(n.availableHours,s=>(r(),d("li",{key:`${a.id}:hour:${s}`,class:h(["c-timepicker__flyout-item",{"is-selected":e.currentHour===s}])},[c("button",{id:`${a.id}:hour:${s}`,class:"btn--blank u-ph-0_125 u-pv-0_125",tabindex:"0",value:s,onClick:k(R=>n.handleInput(s,"hour"),["prevent"])},F(s),9,Z)],2))),128))]),c("ul",{class:h(["u-m-0_25 h-9",n.minutes.length>5?"overflow-y-scroll":""])},[(r(!0),d(b,null,g(n.availableMinutes,s=>(r(),d("li",{key:`${a.id}:minute:${s}`,class:h(["c-timepicker__flyout-item",{"is-selected":e.currentMinutes===s}])},[c("button",{id:`${a.id}:minute:${s}`,tabindex:"0",class:"btn--blank u-ph-0_125 u-pv-0_125",value:s,onClick:k(R=>n.handleInput(s,"minute"),["prevent"])},F(s),9,$)],2))),128))],2)],2)],32)),[[O,n.closeFlyout]])}const le=J(V,[["render",ee]]);V.__docgenInfo={displayName:"DpTimePicker",exportName:"default",description:"",tags:{},props:[{name:"dataCy",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'timePicker'"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"id",type:{name:"string"},required:!0},{name:"label",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"minuteSteps",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"15"}},{name:"minValue",description:"Minimum allowed value in the format 'hh:mm'",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"value",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"DEFAULT_TIME"}}],events:[{name:"input",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpTimePicker/DpTimePicker.vue"]};export{le as D};