@citizenplane/pimp 8.13.0 → 8.14.1

package/dist/assets/CpTooltip.stories-acOxur2H.js

@@ -1,121 +0,0 @@
-import{_ as p}from"./CpTooltip-CD0Q4ym2.js";import"./vue.esm-bundler-DmHyoj4Y.js";const b={title:"CpTooltip",component:p,argTypes:{content:{control:"text",description:"The content to display in the tooltip"},placement:{control:"select",options:["top","right","bottom","left"],description:"The placement of the tooltip"},distance:{control:"number",description:"The distance between the tooltip and the target"}}},o={args:{content:"Tooltip content",placement:"top",distance:8},render:t=>({components:{CpTooltip:p},setup(){return{args:t}},template:`
-      <div style="padding: 100px; text-align: center;">
-        <CpTooltip v-bind="args">
-          <button>Hover me</button>
-        </CpTooltip>
-      </div>
-    `})},n={render:t=>({components:{CpTooltip:p},setup(){return{args:t}},template:`
-      <div style="display: flex; flex-direction: column; gap: 20px; padding: 100px;">
-        <div>
-          <CpTooltip content="Top tooltip" placement="top">
-            <button>Top</button>
-          </CpTooltip>
-        </div>
-        <div>
-          <CpTooltip content="Right tooltip" placement="right">
-            <button>Right</button>
-          </CpTooltip>
-        </div>
-        <div>
-          <CpTooltip content="Bottom tooltip" placement="bottom">
-            <button>Bottom</button>
-          </CpTooltip>
-        </div>
-        <div>
-          <CpTooltip content="Left tooltip" placement="left">
-            <button>Left</button>
-          </CpTooltip>
-        </div>
-      </div>
-    `})},e={args:{placement:"top"},render:t=>({components:{CpTooltip:p},setup(){return{args:t}},template:`
-      <div style="padding: 100px; text-align: center;">
-        <CpTooltip v-bind="args">
-          <button type="button">Trigger HTML content</button>
-          <template #content>
-            <p>HTML <b>Content</b> and <u>underlined</u></p>
-          </template>
-        </CpTooltip>
-      </div>
-    `})};var i,l,r;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
-  args: {
-    content: 'Tooltip content',
-    placement: 'top',
-    distance: 8
-  },
-  render: args => ({
-    components: {
-      CpTooltip
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="padding: 100px; text-align: center;">
-        <CpTooltip v-bind="args">
-          <button>Hover me</button>
-        </CpTooltip>
-      </div>
-    \`
-  })
-}`,...(r=(l=o.parameters)==null?void 0:l.docs)==null?void 0:r.source}}};var a,c,s;n.parameters={...n.parameters,docs:{...(a=n.parameters)==null?void 0:a.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      CpTooltip
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="display: flex; flex-direction: column; gap: 20px; padding: 100px;">
-        <div>
-          <CpTooltip content="Top tooltip" placement="top">
-            <button>Top</button>
-          </CpTooltip>
-        </div>
-        <div>
-          <CpTooltip content="Right tooltip" placement="right">
-            <button>Right</button>
-          </CpTooltip>
-        </div>
-        <div>
-          <CpTooltip content="Bottom tooltip" placement="bottom">
-            <button>Bottom</button>
-          </CpTooltip>
-        </div>
-        <div>
-          <CpTooltip content="Left tooltip" placement="left">
-            <button>Left</button>
-          </CpTooltip>
-        </div>
-      </div>
-    \`
-  })
-}`,...(s=(c=n.parameters)==null?void 0:c.docs)==null?void 0:s.source}}};var d,m,u;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  args: {
-    placement: 'top'
-  },
-  render: args => ({
-    components: {
-      CpTooltip
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="padding: 100px; text-align: center;">
-        <CpTooltip v-bind="args">
-          <button type="button">Trigger HTML content</button>
-          <template #content>
-            <p>HTML <b>Content</b> and <u>underlined</u></p>
-          </template>
-        </CpTooltip>
-      </div>
-    \`
-  })
-}`,...(u=(m=e.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};const C=["Default","AllPlacements","WithHTMLContent"];export{n as AllPlacements,o as Default,e as WithHTMLContent,C as __namedExportsOrder,b as default};