@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpVideoPlayer-b-qaSsV5.css

@@ -1 +0,0 @@
-li{margin-bottom:-1px}

package/storybook-static/assets/DpVideoPlayer-n_ANjh0q.js

@@ -1,29 +0,0 @@
-import{j as i,M as n,C as t}from"./blocks-kyJuz3C5.js";import{useMDXComponents as p}from"./index-BbC7EF1e.js";import{Standard as s,YouTube as m,WithCaptions as l,MultipleSources as d}from"./DpVideoPlayer.stories-BOR2SEz7.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpAccordion-CKgNMMg7.js";import"./DpIcon-dOAQoUKG.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpVideoPlayer-CnldmoEy.js";import"./Tooltip-flnpMaRO.js";import"./translations-DDOZrg-p.js";import"./CleanHtml-CeG3Pc5D.js";import"./DpButtonRow-DRRw4r4F.js";import"./DpButton-BLywaapW.js";import"./DpCheckbox-BdZqABk4.js";import"./DpLabel-DFauD5I2.js";import"./DpContextualHelp-DnsCCoZB.js";import"./dayjs.min-C3DHb-Vr.js";import"./prefixClass-BBJiSKc2.js";import"./prefixClassMixin-FjEzRm2G.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./DpInput-cN-WEvOL.js";import"./lengthHint-zGawKYxB.js";import"./DpModal-oGkhZvzT.js";import"./hasOwnProp-B0vmwdLB.js";import"./DpMultiselect-Bm5hUadB.js";import"./DpDataTable-f7CVMPNi.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpLoading-rM7osZHK.js";import"./DpApi-BU9X0WT6.js";import"./index-CTxdm8FW.js";import"./DpAutocomplete-Ds8IvIaM.js";import"./DpBulkEditHeader-qNgl3Gdq.js";import"./DpBadge-mgPu9WO8.js";import"./DpCard-CNBkliZ1.js";import"./DpCheckboxGroup-CFaFEzrL.js";import"./DpColumnSelector-BjRvX20u.js";import"./DpFlyout-Dsx6KYUl.js";import"./DpDataTableExtended-mDxHCvB0.js";import"./DpSlidingPagination-BCXUgS46.js";import"./DpStickyElement-ClzY3p1-.js";import"./Stickier-DyqV0rTn.js";import"./DpDatepicker-CFlgW3DB.js";import"./DpDateRangePicker-D5652u0C.js";import"./DpDatetimePicker-DQokm861.js";import"./DpTimePicker-9Qy_qVnW.js";import"./DpResettableInput-nox0ihQv.js";import"./DpDetails-Do--n1SK.js";import"./DpConfirmDialog-CQYtFW-3.js";import"./DpEditableList-5FqvJbtx.js";import"./DpFormRow-BsMZgRL2.js";import"./DpInlineNotification-CEzn4Pqd.js";import"./DpMultistepNav-AnSXdU2J.js";import"./DpNotification-C1QXVdor.js";import"./DpPager-BaoMw4uo.js";import"./DpProgressBar-C0dbsdgz.js";import"./DpRadio-D2xw34qI.js";import"./DpSearchField-CFqegLRV.js";import"./DpSelect-BzmpttTu.js";import"./DpSkeletonBox-a5wBcRN-.js";import"./DpSlidebar-DtAyUisB.js";import"./DpTextArea-DoA63rHr.js";import"./DpToggle-BPqlzXQH.js";import"./DpTooltip-D8SOODgR.js";import"./DpTreeList-Cciwf3YU.js";function e(r){const o={a:"a",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...p(),...r.components};return i.jsxs(i.Fragment,{children:[i.jsx(n,{title:"Components/VideoPlayer"}),`
-`,i.jsx(o.h1,{id:"videoplayer",children:"VideoPlayer"}),`
-`,i.jsxs(o.p,{children:[`The VideoPlayer component is used to add Video content. It includes controls for play/pause, sound volume,
-playback speed, a download link, and a fullscreen view. The player uses `,i.jsx(o.a,{href:"https://github.com/sampotts/plyr",rel:"nofollow",children:"Plyr"})," under the hood."]}),`
-`,i.jsx(o.h2,{id:"features",children:"Features"}),`
-`,i.jsxs(o.ul,{children:[`
-`,i.jsx(o.li,{children:"Supports both embedded videos (YouTube, Vimeo) and HTML5 video sources"}),`
-`,i.jsx(o.li,{children:"Video playback controls (play, pause, volume, mute)"}),`
-`,i.jsx(o.li,{children:"Progress bar with duration display"}),`
-`,i.jsx(o.li,{children:"Support for captions/subtitles"}),`
-`,i.jsx(o.li,{children:"Playback settings (speed)"}),`
-`,i.jsx(o.li,{children:"Download option"}),`
-`,i.jsx(o.li,{children:"Fullscreen mode"}),`
-`,i.jsx(o.li,{children:"Support for multiple video sources with fallbacks"}),`
-`,i.jsx(o.li,{children:"Poster image support for video preview"}),`
-`]}),`
-`,i.jsx(o.h2,{id:"examples",children:"Examples"}),`
-`,i.jsx(o.h3,{id:"standard-html5-video",children:"Standard HTML5 Video"}),`
-`,i.jsx(o.p,{children:"Basic video player with an MP4 source."}),`
-`,i.jsx(t,{of:s}),`
-`,i.jsx(o.h3,{id:"embedded-video-youtube",children:"Embedded Video (YouTube)"}),`
-`,i.jsx(o.p,{children:"Video player using an embedded YouTube source."}),`
-`,i.jsx(t,{of:m}),`
-`,i.jsx(o.h3,{id:"with-captions",children:"With Captions"}),`
-`,i.jsx(o.p,{children:"Video player with subtitle/caption tracks."}),`
-`,i.jsx(t,{of:l}),`
-`,i.jsx(o.h3,{id:"multiple-sources",children:"Multiple Sources"}),`
-`,i.jsx(o.p,{children:"Video player with multiple source formats for browser compatibility."}),`
-`,i.jsx(t,{of:d})]})}function Vi(r={}){const{wrapper:o}={...p(),...r.components};return o?i.jsx(o,{...r,children:i.jsx(e,{...r})}):e(r)}export{Vi as default};

package/storybook-static/assets/DpVideoPlayer.stories-BOR2SEz7.js

@@ -1,294 +0,0 @@
-import"./DpAccordion-CKgNMMg7.js";import{b as p}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"./iframe-KFxwsBtW.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tooltip-flnpMaRO.js";import"./_commonjsHelpers-CE1G-McA.js";import"./translations-DDOZrg-p.js";import"./CleanHtml-CeG3Pc5D.js";import"./dayjs.min-C3DHb-Vr.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./prefixClass-BBJiSKc2.js";import"./hasOwnProp-B0vmwdLB.js";import"./prefixClassMixin-FjEzRm2G.js";import"./lengthHint-zGawKYxB.js";import"./index-CTxdm8FW.js";import"./Stickier-DyqV0rTn.js";const ye={title:"Components/VideoPlayer",component:p,tags:["autodocs"],parameters:{docs:{description:{component:"Video player component that supports both HTML5 and embedded videos (YouTube, Vimeo) with comprehensive playback controls."}}},argTypes:{sources:{description:"Array of video sources",control:"object"},tracks:{description:"Array of subtitle/caption tracks",control:"object"},iconUrl:{description:"URL to the icons SVG sprite",control:"text"},id:{description:"Unique ID for the video player",control:"text"},poster:{description:"URL to the poster image",control:"text"},isEmbedded:{description:"Whether the video is an embedded source (YouTube, Vimeo)",control:"boolean"},ariaLabelledby:{description:"ID of an element that labels the video player",control:"text"},dataCy:{description:"Data attribute for Cypress testing",control:"text",table:{defaultValue:{summary:"videoPlayer"}}}}},r={render:e=>({components:{DpVideoPlayer:p},setup(){return{args:e}},template:`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    `}),args:{id:"standard-video",iconUrl:"https://cdn.plyr.io/3.6.12/plyr.svg",poster:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg",sources:[{src:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4",type:"video/mp4"}]},parameters:{docs:{source:{code:`
-<dp-video-player
-  id="standard-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
-  :sources="[
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    }
-  ]"
-/>
-`}}}},o={render:e=>({components:{DpVideoPlayer:p},setup(){return{args:e}},template:`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    `}),args:{id:"youtube-video",iconUrl:"https://cdn.plyr.io/3.6.12/plyr.svg",isEmbedded:!0,sources:[{provider:"youtube",embedId:"bTqVqk7FSmY"}]},parameters:{docs:{source:{code:`
-<dp-video-player
-  id="youtube-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  :is-embedded="true"
-  :sources="[
-    {
-      provider: 'youtube',
-      embedId: 'bTqVqk7FSmY'
-    }
-  ]"
-/>
-`}}}},t={render:e=>({components:{DpVideoPlayer:p},setup(){return{args:e}},template:`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    `}),args:{id:"captions-video",iconUrl:"https://cdn.plyr.io/3.6.12/plyr.svg",poster:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg",sources:[{src:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4",type:"video/mp4"}],tracks:[{kind:"captions",label:"English",srclang:"en",src:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt",default:!0},{kind:"captions",label:"French",srclang:"fr",src:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt"}]},parameters:{docs:{source:{code:`
-<dp-video-player
-  id="captions-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
-  :sources="[
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    }
-  ]"
-  :tracks="[
-    {
-      kind: 'captions',
-      label: 'English',
-      srclang: 'en',
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt',
-      default: true
-    },
-    {
-      kind: 'captions',
-      label: 'French',
-      srclang: 'fr',
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt'
-    }
-  ]"
-/>
-`}}}},i={render:e=>({components:{DpVideoPlayer:p},setup(){return{args:e}},template:`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    `}),args:{id:"multi-source-video",iconUrl:"https://cdn.plyr.io/3.6.12/plyr.svg",poster:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg",sources:[{src:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4",type:"video/mp4"},{src:"https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.webm",type:"video/webm"}]},parameters:{docs:{source:{code:`
-<dp-video-player
-  id="multi-source-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
-  :sources="[
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    },
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.webm',
-      type: 'video/webm'
-    }
-  ]"
-/>
-`}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpVideoPlayer
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    \`
-  }),
-  args: {
-    id: 'standard-video',
-    iconUrl: 'https://cdn.plyr.io/3.6.12/plyr.svg',
-    poster: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg',
-    sources: [{
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    }]
-  },
-  parameters: {
-    docs: {
-      source: {
-        code: \`
-<dp-video-player
-  id="standard-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
-  :sources="[
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    }
-  ]"
-/>
-\`
-      }
-    }
-  }
-}`,...r.parameters?.docs?.source},description:{story:"Standard HTML5 video player with an MP4 source.",...r.parameters?.docs?.description}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpVideoPlayer
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    \`
-  }),
-  args: {
-    id: 'youtube-video',
-    iconUrl: 'https://cdn.plyr.io/3.6.12/plyr.svg',
-    isEmbedded: true,
-    sources: [{
-      provider: 'youtube',
-      embedId: 'bTqVqk7FSmY' // Big Buck Bunny trailer
-    }]
-  },
-  parameters: {
-    docs: {
-      source: {
-        code: \`
-<dp-video-player
-  id="youtube-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  :is-embedded="true"
-  :sources="[
-    {
-      provider: 'youtube',
-      embedId: 'bTqVqk7FSmY'
-    }
-  ]"
-/>
-\`
-      }
-    }
-  }
-}`,...o.parameters?.docs?.source},description:{story:"YouTube embedded video player.",...o.parameters?.docs?.description}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpVideoPlayer
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    \`
-  }),
-  args: {
-    id: 'captions-video',
-    iconUrl: 'https://cdn.plyr.io/3.6.12/plyr.svg',
-    poster: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg',
-    sources: [{
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    }],
-    tracks: [{
-      kind: 'captions',
-      label: 'English',
-      srclang: 'en',
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt',
-      default: true
-    }, {
-      kind: 'captions',
-      label: 'French',
-      srclang: 'fr',
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt'
-    }]
-  },
-  parameters: {
-    docs: {
-      source: {
-        code: \`
-<dp-video-player
-  id="captions-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
-  :sources="[
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    }
-  ]"
-  :tracks="[
-    {
-      kind: 'captions',
-      label: 'English',
-      srclang: 'en',
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt',
-      default: true
-    },
-    {
-      kind: 'captions',
-      label: 'French',
-      srclang: 'fr',
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt'
-    }
-  ]"
-/>
-\`
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source},description:{story:"Video player with captions/subtitles.",...t.parameters?.docs?.description}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpVideoPlayer
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="max-width: 640px;">
-        <dp-video-player v-bind="args" />
-      </div>
-    \`
-  }),
-  args: {
-    id: 'multi-source-video',
-    iconUrl: 'https://cdn.plyr.io/3.6.12/plyr.svg',
-    poster: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg',
-    sources: [{
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    }, {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.webm',
-      type: 'video/webm'
-    }]
-  },
-  parameters: {
-    docs: {
-      source: {
-        code: \`
-<dp-video-player
-  id="multi-source-video"
-  icon-url="https://cdn.plyr.io/3.6.12/plyr.svg"
-  poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
-  :sources="[
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4',
-      type: 'video/mp4'
-    },
-    {
-      src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.webm',
-      type: 'video/webm'
-    }
-  ]"
-/>
-\`
-      }
-    }
-  }
-}`,...i.parameters?.docs?.source},description:{story:"Video player with multiple source formats for browser compatibility.",...i.parameters?.docs?.description}}};const ve=["Standard","YouTube","WithCaptions","MultipleSources"];export{i as MultipleSources,r as Standard,t as WithCaptions,o as YouTube,ve as __namedExportsOrder,ye as default};

package/storybook-static/assets/Notice-FIynXtzj.js

@@ -1 +0,0 @@
-import{e as s}from"./blocks-kyJuz3C5.js";const o=({content:e})=>s.createElement("p",{className:"sb-unstyled my-2 p-3 text-sm text-message-info bg-message-info border border-message-info"},e);export{o as N};

package/storybook-static/assets/Stickier-DyqV0rTn.js

@@ -1 +0,0 @@
-import{g as l}from"./getScrollTop-CXy7CyEd.js";class m{constructor(){this.breakpointToNumber={palm:0,"lap-up":1,"desk-up":2,wide:3}}getCurrentBreakpoint(){return window.getComputedStyle(document.querySelector("body"),":before").getPropertyValue("content").replace(/'/g,"").replace(/"/g,"")}is(t){return this.getCurrentBreakpoint()===t}greater(t){return this.breakpointToNumber[this.getCurrentBreakpoint()]>this.breakpointToNumber[t]}less(t){return this.breakpointToNumber[this.getCurrentBreakpoint()]<this.breakpointToNumber[t]}}class c{constructor(t,i,s=0,o="top",h="palm",e=null,n=!0){this.element=t,this.context=i||this.element.offsetParent,this.container=e||this.element.offsetParent,this.elementOffset=s,this.stickToDirection=o,this.stickFromBreakpoint=h,this.observeContext=n,this.className={top:"is-top",bottom:"is-bottom",fixed:"is-fixed",bound:"is-bound"},this.currentBreakpoint=new m,this.isParentContext=this._isParentContext(),this._savePositions(),this._wrapElement(),this.observeContext&&(this.contextResizeObserver=new ResizeObserver(this._handleContextChange.bind(this)),this.contextResizeObserver.observe(this.context),this.contextMutationObserver=new MutationObserver(this._handleContextChange.bind(this)),this.contextMutationObserver.observe(this.context,{childList:!0,subtree:!0})),this.elementResizeObserver=new ResizeObserver(this._handleElementChange.bind(this)),this.elementResizeObserver.observe(this.element),document.addEventListener("scroll",this._handleScroll.bind(this),{passive:!0})}destroy(){this.observeContext&&(this.contextResizeObserver.disconnect(),this.contextMutationObserver.disconnect()),this.elementResizeObserver.disconnect(),document.removeEventListener("scroll",this._handleScroll),this.wrapped.remove()}_wrapElement(){const t=document.createElement("div");this.element.parentNode.insertBefore(t,this.element),t.appendChild(this.element),this.wrapped=t,this._setMinHeight(this.wrapped)}_handleContextChange(){this._unsetContainerHeight(),this._unsetPosition(),this._StickFromBreakpoint()===!0&&this._savePositions(),this._stickier()}_handleElementChange(){window.requestAnimationFrame(()=>this._updateElementWrapper())}_updateElementWrapper(){const t=this.stored.element.top;this._savePositions(),this.stored.element.top=t,this.stored.element.bottom=t+this.stored.element.height,this._setMinHeight(this.wrapped)}_handleScroll(){window.requestAnimationFrame(this._stickier.bind(this))}_stickier(){if(this._StickFromBreakpoint()===!1)return;const t=this.stored,i=t.fitsViewport===!1,s=t.context,o=t.element,h=t.viewport,e={top:l()+this.elementOffset,bottom:l()+this.elementOffset+h.height},n=t.fitsViewport?0:this._getElementScroll(e.top);this._log(()=>this._isInitial(),this._isInitial(),this._is("top"),this._is("bottom")),this._isInitial()?e.top>=s.bottom?(this._log("element context above viewport - initial position is bottom of context"),this._bindBottom()):e.top>o.top&&(o.height+e.top-n>=s.bottom?(this._log("element ends below context - initial position is bottom of context"),this._bindBottom()):(this._log("element ends above context - initial position is fixed to top"),this._fixTop())):this._is("fixed")?this._is("top")?e.top<=o.top?(this._log("fixed element reached top of container"),this._unsetPosition()):o.height+e.top-n>=s.bottom?(this._log("fixed element reached bottom of container"),this._bindBottom()):i&&(this._log("syncing large element wit scrollPosition"),this._setElementScroll(n),this.stored.scroll=e.top,this.stored.elementScroll=n):this._is("bottom")&&(e.bottom-o.height<=o.top?(this._log("bottom fixed rail has reached top of container"),this._unsetPosition()):e.bottom>=s.bottom?(this._log("bottom fixed rail has reached bottom of container"),this._bindBottom()):i&&(this._log("syncing large element wit scrollPosition"),this._setElementScroll(n),this.stored.scroll=e.top,this.stored.elementScroll=n)):this._is("bottom")&&(e.top<=o.top?(this._log("Jumped from bottom fixed to top fixed"),this._unsetPosition()):this._is("bound")&&e.top<=s.bottom-o.height&&(this._log("Fixing bottom attached element to top of browser."),this._fixTop()))}_fixTop(){this._setElementWidth(),this._setElementOffset(),this.element.classList.remove(this.className.bottom),this.element.classList.remove(this.className.bound),this.element.classList.add(this.className.top),this.element.classList.add(this.className.fixed)}_bindBottom(){this.element.style.top=null,this._unsetElementOffset(),this._setElementWidth(),this._setRail(),this.element.classList.remove(this.className.top),this.element.classList.remove(this.className.fixed),this.element.classList.add(this.className.bottom),this.element.classList.add(this.className.bound)}_unFix(){this._unsetElementStyles(),this.element.classList.remove(this.className.top),this.element.classList.remove(this.className.bottom),this.element.classList.remove(this.className.fixed)}_unBind(){this._unsetElementStyles(),this.element.classList.remove(this.className.top),this.element.classList.remove(this.className.bottom),this.element.classList.remove(this.className.bound)}_unsetPosition(){this._unFix(),this._unBind()}_unsetElementStyles(){this._unsetElementOffset(),this._unsetRail(),this.element.style[this.stickToDirection]=null,this.element.style.width=null}_setContainerHeight(){this.isParentContext||!this.container||this._isHidden(this.container)||(this.container.style["min-height"]=Math.ceil(this.stored.context.height)+"px")}_unsetContainerHeight(){!this.container||this._isHidden(this.container)||(this.container.style["min-height"]=null)}_setElementWidth(){this.element.style.width=this.wrapped.offsetWidth+"px"}_setRail(){this.wrapped.style["min-height"]=Math.ceil(this.stored.context.height)+"px",this.wrapped.style.position="relative"}_unsetRail(){this.wrapped.style["min-height"]=Math.ceil(this.stored.element.height)+"px",this.wrapped.style.position=null}_setElementOffset(){this.element.style[`margin-${this.stickToDirection}`]=this.elementOffset+"px"}_unsetElementOffset(){this.element.style[`margin-${this.stickToDirection}`]=null}_setMinHeight(t){t.style["min-height"]=Math.ceil(this.stored.element.height)+"px"}_StickFromBreakpoint(){return this.currentBreakpoint.is(this.stickFromBreakpoint)||this.currentBreakpoint.greater(this.stickFromBreakpoint)}_savePositions(){const t={height:this._getHeight(this.element),top:this._getOffsetTop(this.element)},i={height:this._getHeight(this.context),top:this._getOffsetTop(this.context)},s={height:Math.max(document.documentElement.clientHeight,window.innerHeight||0)};this.stored={fitsViewport:t.height+this.elementOffset<=s.height,scroll:null,elementScroll:null,element:{top:t.top,height:t.height,bottom:t.top+t.height},context:{top:i.top,height:i.height,bottom:i.top+i.height},viewport:{height:s.height}},this._setContainerHeight()}_setElementScroll(t){this.stored.scroll!==t&&(this._is("top")&&(this.element.style.top=`-${t}px`,this.element.style.bottom=null),this._is("bottom")&&(this.element.style.bottom=`-${t}px`,this.element.style.top=null))}_getElementScroll(t){t=t||l();const i=this.stored.element,s=this.stored.viewport.height,o=this.stored.scroll?t-this.stored.scroll:0,h=i.height-s+this.elementOffset;let e=this._getCurrentElementScroll();const n=e+o;return this.stored.fitsViewport||n<0?e=0:n>h?e=h:e=n,e}_getOffsetTop(t){let i=0;do i+=t.offsetTop||0,t=t.offsetParent;while(t);return i}_getHeight(t){return Math.max(t.offsetHeight,t.clientHeight)}_getCurrentElementScroll(){return this.stored.elementScroll?this.stored.elementScroll:Math.abs(parseInt(this._is("top")?this.element.style.top:this.element.style.bottom,10))||0}_is(t){return this.element.classList.contains(this.className[t])}_isInitial(){return this._is("fixed")===!1&&this._is("bound")===!1}_isParentContext(){let t=this.element;do if(t=t.parentNode,this.context===t)return!0;while(t);return!1}_isHidden(t){return window.getComputedStyle(t).display==="none"}_log(){let t=()=>!0,i="",s=0;if(typeof arguments[0]=="function"&&(t=arguments[0],s=1),t()){for(s;s<arguments.length;s++)i+=arguments[s]+" ";return i}}}export{c as S};

package/storybook-static/assets/Table-DSJ5DLHV.js

@@ -1 +0,0 @@
-import{e}from"./blocks-kyJuz3C5.js";const p=({headers:l,rows:m})=>e.createElement("table",null,e.createElement("thead",null,e.createElement("tr",null,l.map((t,a)=>e.createElement("th",{className:"whitespace-nowrap",key:a},t)))),e.createElement("tbody",null,m.map((t,a)=>e.createElement("tr",{key:a},t.map((r,n)=>e.createElement("td",{className:l[n]!=="Description"?"whitespace-nowrap":null,key:n},r))))));export{p as T};

package/storybook-static/assets/Tooltip-DzpJJoBp.js

@@ -1,25 +0,0 @@
-import{j as t,M as s}from"./blocks-kyJuz3C5.js";import{useMDXComponents as i}from"./index-BbC7EF1e.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";function o(n){const e={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Directives/Tooltip",parameters:{viewMode:"docs",previewTabs:{canvas:{hidden:!0}}}}),`
-`,t.jsx(e.h1,{id:"tooltip",children:"Tooltip"}),`
-`,t.jsx(e.p,{children:"This directive adds a tooltip to the element it is used on."}),`
-`,t.jsx(e.h2,{id:"simple-usage",children:"Simple usage"}),`
-`,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-html",children:`<template>
-  <div>
-    <i
-        class="fa fa-question-circle float-right u-mt-0_125"
-        v-tooltip="\`some text to display in a tooltip\`" />
-  </div>
-</template>
-<script>
-import { Tooltip } from './Tooltip'
-
-export default {
-  name: 'MyComponent',
-
-  directives: {
-    tooltip: Tooltip
-  },
-
-  //...
-}
-<\/script>
-`})})]})}function c(n={}){const{wrapper:e}={...i(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(o,{...n})}):o(n)}export{c as default};