manolis-ui 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +6 -3
- package/.github/workflows/deploy_and_publish.yml +0 -113
- package/.storybook/main.ts +0 -34
- package/.storybook/preview.ts +0 -17
- package/.vscode/extensions.json +0 -3
- package/index.html +0 -13
- package/postcss.config.js +0 -2
- package/public/vite.svg +0 -1
- package/src/App.vue +0 -19
- package/src/assets/vue.svg +0 -1
- package/src/components/actions/ButtonComponent.vue +0 -80
- package/src/components/actions/dropdown.vue +0 -46
- package/src/components/actions/modal.vue +0 -52
- package/src/components/actions/swap.vue +0 -15
- package/src/components/actions/theme-controller.vue +0 -52
- package/src/components/data-display/accordion.vue +0 -29
- package/src/components/data-display/avatar.vue +0 -36
- package/src/components/data-display/badge.vue +0 -35
- package/src/components/data-display/card.vue +0 -60
- package/src/components/data-display/carousel.vue +0 -34
- package/src/components/data-input/advancedSearch.vue +0 -227
- package/src/components/data-input/datetimePicker.vue +0 -402
- package/src/components/data-input/input.vue +0 -98
- package/src/components/data-input/rating.vue +0 -60
- package/src/components/feedback/loader.vue +0 -25
- package/src/components/layout/footer.vue +0 -38
- package/src/components/layout/hero.vue +0 -15
- package/src/components/navigation/categoryNavigation.vue +0 -40
- package/src/components/navigation/navigationBar.vue +0 -107
- package/src/components/navigation/tab.vue +0 -62
- package/src/composables/useLocalStorage.ts +0 -24
- package/src/index.ts +0 -30
- package/src/main.ts +0 -5
- package/src/stories/actions/Button.stories.ts +0 -47
- package/src/stories/actions/Dropdown.stories.ts +0 -70
- package/src/stories/actions/Modal.stories.ts +0 -56
- package/src/stories/actions/Swap.stories.ts +0 -56
- package/src/stories/actions/ThemeSwitcher.stories.ts +0 -41
- package/src/stories/data-display/accordion.stories.ts +0 -49
- package/src/stories/data-display/avatar.stories.ts +0 -75
- package/src/stories/data-display/badge.stories.ts +0 -76
- package/src/stories/data-display/card.stories.ts +0 -79
- package/src/stories/data-input/rating.stories.ts +0 -73
- package/src/stories/feedback/Loader.stories.ts +0 -34
- package/src/stories/layout/footer.stories.ts +0 -63
- package/src/style.css +0 -57
- package/src/vite-env.d.ts +0 -1
- package/storybook-static/assets/Button.stories-B5Gg7Ski.js +0 -6
- package/storybook-static/assets/Color-YHDXOIA2-Cy_mA6cn.js +0 -1
- package/storybook-static/assets/DocsRenderer-CFRXHY34-wSGN0bIp.js +0 -610
- package/storybook-static/assets/Dropdown.stories-Bth3_21L.js +0 -32
- package/storybook-static/assets/Loader.stories-BnqtyQP_.js +0 -5
- package/storybook-static/assets/Modal.stories-CxOA4msz.js +0 -46
- package/storybook-static/assets/Swap.stories-Cpc9q_kE.js +0 -54
- package/storybook-static/assets/ThemeSwitcher.stories-BwHcHihM.js +0 -45
- package/storybook-static/assets/accordion.stories-B6yDsDXk.js +0 -7
- package/storybook-static/assets/avatar.stories-BDN93iYh.js +0 -39
- package/storybook-static/assets/badge.stories-CXQpnu0e.js +0 -39
- package/storybook-static/assets/card.stories-1gVWO2fs.js +0 -48
- package/storybook-static/assets/entry-preview-Cfvj9hgI.js +0 -1
- package/storybook-static/assets/entry-preview-docs-BJQT5BWv.js +0 -16
- package/storybook-static/assets/footer.stories-DPXqApht.js +0 -23
- package/storybook-static/assets/iframe-BNdG_Qtn.js +0 -211
- package/storybook-static/assets/index-Bx-go_-4.js +0 -8
- package/storybook-static/assets/index-CiNYFPF0.js +0 -1
- package/storybook-static/assets/index-DrFu-skq.js +0 -6
- package/storybook-static/assets/preview-4lzcCKUM.css +0 -1
- package/storybook-static/assets/preview-B8lJiyuQ.js +0 -34
- package/storybook-static/assets/preview-BBWR9nbA.js +0 -1
- package/storybook-static/assets/preview-BWzBA1C2.js +0 -396
- package/storybook-static/assets/preview-CvbIS5ZJ.js +0 -1
- package/storybook-static/assets/preview-DD_OYowb.js +0 -1
- package/storybook-static/assets/preview-DGUiP6tS.js +0 -7
- package/storybook-static/assets/preview-DHQbi4pV.js +0 -1
- package/storybook-static/assets/preview-DMNI4LCC.js +0 -15
- package/storybook-static/assets/preview-DnqJFqn_.js +0 -2
- package/storybook-static/assets/preview-Dsq_8SDT.js +0 -240
- package/storybook-static/assets/preview-hHK5u5_Q.js +0 -1
- package/storybook-static/assets/rating.stories-BX0Pzp5i.js +0 -27
- package/storybook-static/assets/vue.esm-bundler-C-YazFc_.js +0 -36
- package/storybook-static/favicon.svg +0 -1
- package/storybook-static/iframe.html +0 -666
- package/storybook-static/index.html +0 -181
- package/storybook-static/index.json +0 -1
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +0 -1
- package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js +0 -331
- package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +0 -51
- package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +0 -12
- package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +0 -402
- package/storybook-static/sb-addons/essentials-docs-3/manager-bundle.js +0 -242
- package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/interactions-10/manager-bundle.js +0 -222
- package/storybook-static/sb-addons/links-11/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/storybook-static/sb-common-assets/favicon.svg +0 -1
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-module-info.js +0 -1046
- package/storybook-static/sb-manager/globals-runtime.js +0 -41239
- package/storybook-static/sb-manager/globals.js +0 -48
- package/storybook-static/sb-manager/runtime.js +0 -12048
- package/storybook-static/vite.svg +0 -1
- package/tsconfig.app.json +0 -27
- package/tsconfig.build.json +0 -3
- package/tsconfig.json +0 -7
- package/tsconfig.node.json +0 -25
- package/vite.config.ts +0 -43
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import{d as b,e as a,g as m,k as r,F as g,l as v,n as h,o as d,t as y}from"./vue.esm-bundler-C-YazFc_.js";const O={tabindex:"0",class:"z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"},x=["href"],i=b({__name:"dropdown",props:{items:{},position:{default:"bottom"},floatPosition:{default:"start"},openOnHover:{type:Boolean,default:!1},forceOpen:{type:Boolean,default:!1}},setup(t){const n={left:"dropdown-left",right:"dropdown-right",bottom:"dropdown-bottom",top:"dropdown-top"},w={start:"",end:"dropdown-end"},o=t;return(s,l)=>(d(),a("div",{class:h(["dropdown",n[o.position],w[o.floatPosition],{"dropdown-open":o.forceOpen},{"dropdown-hover":o.openOnHover}])},[m(s.$slots,"default",{tabindex:"0",role:"button"},()=>[l[0]||(l[0]=r("div",{class:"m-1 btn"},"Open dropdown",-1))]),r("ul",O,[(d(!0),a(g,null,v(s.items,p=>(d(),a("li",null,[r("a",{href:p.link},y(p.text),9,x)]))),256)),m(s.$slots,"additional")])],2))}});i.__docgenInfo={exportName:"default",displayName:"dropdown",description:"",tags:{},props:[{name:"items",required:!1,type:{name:"Array",elements:[{name:"dropdownItem"}]}},{name:"position",required:!1,type:{name:"TSTypeOperator"},defaultValue:{func:!1,value:'"bottom"'}},{name:"floatPosition",required:!1,type:{name:"TSTypeOperator"},defaultValue:{func:!1,value:'"start"'}},{name:"openOnHover",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"forceOpen",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"tabindex",title:"binding"},{name:"role",title:"binding"}]},{name:"additional"}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/actions/dropdown.vue"]};const k={title:"Actions/Dropdown",component:i,tags:["autodocs"],argTypes:{items:{control:"object",description:"Array of dropdown items with `text` and `link`."},position:{control:"select",options:["left","right","bottom","top"],description:"Controls the position of the dropdown relative to the button."},floatPosition:{control:"select",options:["start","end"],description:"Determines the float position (start or end)."},openOnHover:{control:"boolean",description:"If true, the dropdown opens on hover."},forceOpen:{control:"boolean",description:"If true, the dropdown remains open."}}},D=(t,{slots:n})=>({components:{Dropdown:i},setup(){return{args:t,slots:n}},template:`
|
|
2
|
-
<Dropdown v-bind="args">
|
|
3
|
-
<template #default>
|
|
4
|
-
<div class="btn m-1"><button>Custom Trigger</button></div>
|
|
5
|
-
</template>
|
|
6
|
-
<template #additional>
|
|
7
|
-
<div class="p-2 text-sm">Additional Slot Content</div>
|
|
8
|
-
</template>
|
|
9
|
-
</Dropdown>
|
|
10
|
-
`}),e=D.bind({});e.args={items:[{text:"Item 1",link:"#"},{text:"Item 2",link:"#"},{text:"Item 3",link:"#"}],position:"bottom",floatPosition:"start",openOnHover:!1,forceOpen:!1};e.parameters={docs:{description:{component:"A dropdown component with configurable props and slots for customization. Be sure to put a button in the default slot to get the desired results!"}}};var u,c,f;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`(args, {
|
|
11
|
-
slots
|
|
12
|
-
}) => ({
|
|
13
|
-
components: {
|
|
14
|
-
Dropdown
|
|
15
|
-
},
|
|
16
|
-
setup() {
|
|
17
|
-
return {
|
|
18
|
-
args,
|
|
19
|
-
slots
|
|
20
|
-
};
|
|
21
|
-
},
|
|
22
|
-
template: \`
|
|
23
|
-
<Dropdown v-bind="args">
|
|
24
|
-
<template #default>
|
|
25
|
-
<div class="btn m-1"><button>Custom Trigger</button></div>
|
|
26
|
-
</template>
|
|
27
|
-
<template #additional>
|
|
28
|
-
<div class="p-2 text-sm">Additional Slot Content</div>
|
|
29
|
-
</template>
|
|
30
|
-
</Dropdown>
|
|
31
|
-
\`
|
|
32
|
-
})`,...(f=(c=e.parameters)==null?void 0:c.docs)==null?void 0:f.source}}};const T=["Default"];export{e as Default,T as __namedExportsOrder,k as default};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import{d as c,m as i,w as u,e as m,f as p,o as g}from"./vue.esm-bundler-C-YazFc_.js";const f={key:0,class:"loading loading-spinner loading-md mx-auto"},d=c({__name:"loader",props:{loading:{type:Boolean,default:!0}},setup(l){const a=l,o=i(a.loading);return u(()=>a.loading,n=>{o.value=n}),(n,_)=>o.value?(g(),m("span",f)):p("",!0)}});d.__docgenInfo={exportName:"default",displayName:"loader",description:"",tags:{},props:[{name:"loading",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/feedback/loader.vue"]};const x={title:"feedback/Loader",component:d,tags:["autodocs"],argTypes:{loading:{control:"boolean"}},args:{}},e={args:{loading:!0}};var r,t,s;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
loading: true
|
|
4
|
-
}
|
|
5
|
-
}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const y=["LoadingState"];export{e as LoadingState,y as __namedExportsOrder,x as default};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import{d as g,m as h,e as k,k as o,g as a,n as d,F as y,o as C}from"./vue.esm-bundler-C-YazFc_.js";const M={class:"modal-box"},v={class:"modal-action"},i=g({__name:"modal",props:{position:{default:"center"},withBackdrop:{type:Boolean,default:!1}},setup(s){const l=s,u={top:"modal-top",bottom:"modal-bottom",center:"modal-middle"},r=h(null),b=()=>{var t;(t=r.value)==null||t.showModal()},f=()=>{var t;(t=r.value)==null||t.close()};return(t,n)=>(C(),k(y,null,[o("span",{class:"w-fit cursor-pointer",onClick:b},[a(t.$slots,"trigger",{role:"button"},()=>[n[0]||(n[0]=o("button",{class:"btn"},"Open",-1))])]),o("dialog",{ref_key:"dialog",ref:r,class:d(["modal",u[l.position]])},[o("div",M,[a(t.$slots,"default"),o("div",v,[a(t.$slots,"actions"),o("form",{method:"dialog",onSubmit:f,class:d(t.withBackdrop?"modal-backdrop":"")},[a(t.$slots,"close-button",{},()=>[n[1]||(n[1]=o("button",{class:"btn"},"Close",-1))])],34)])])],2)],64))}});i.__docgenInfo={exportName:"default",displayName:"modal",description:"",tags:{},props:[{name:"position",required:!1,type:{name:"TSTypeOperator"},defaultValue:{func:!1,value:'"center"'}},{name:"withBackdrop",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"trigger",scoped:!0,bindings:[{name:"role",title:"binding"}]},{name:"default"},{name:"actions"},{name:"close-button"}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/actions/modal.vue"]};const T={title:"Actions/Modal",component:i,tags:["autodocs"],argTypes:{position:{control:"select",options:["top","bottom","center"],description:"Controls the position of the modal."},withBackdrop:{control:"boolean",description:"If true, a backdrop is displayed behind the modal."}}},w=(s,{slots:l})=>({components:{Modal:i},setup(){return{args:s,slots:l}},template:`
|
|
2
|
-
<Modal v-bind="args">
|
|
3
|
-
<template #trigger>
|
|
4
|
-
<button class="btn">Custom Trigger</button>
|
|
5
|
-
</template>
|
|
6
|
-
<template #default>
|
|
7
|
-
<h2 class="text-xl font-bold">Modal Content</h2>
|
|
8
|
-
<p>This is an example modal.</p>
|
|
9
|
-
</template>
|
|
10
|
-
<template #actions>
|
|
11
|
-
<button class="btn btn-primary">Confirm</button>
|
|
12
|
-
</template>
|
|
13
|
-
<template #close-button>
|
|
14
|
-
<button class="btn btn-secondary">Dismiss</button>
|
|
15
|
-
</template>
|
|
16
|
-
</Modal>
|
|
17
|
-
`}),e=w.bind({});e.args={position:"center",withBackdrop:!0};e.parameters={docs:{description:{component:"A customizable modal component with slots for trigger, content, actions, and a close button."}}};var m,p,c;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`(args, {
|
|
18
|
-
slots
|
|
19
|
-
}) => ({
|
|
20
|
-
components: {
|
|
21
|
-
Modal
|
|
22
|
-
},
|
|
23
|
-
setup() {
|
|
24
|
-
return {
|
|
25
|
-
args,
|
|
26
|
-
slots
|
|
27
|
-
};
|
|
28
|
-
},
|
|
29
|
-
template: \`
|
|
30
|
-
<Modal v-bind="args">
|
|
31
|
-
<template #trigger>
|
|
32
|
-
<button class="btn">Custom Trigger</button>
|
|
33
|
-
</template>
|
|
34
|
-
<template #default>
|
|
35
|
-
<h2 class="text-xl font-bold">Modal Content</h2>
|
|
36
|
-
<p>This is an example modal.</p>
|
|
37
|
-
</template>
|
|
38
|
-
<template #actions>
|
|
39
|
-
<button class="btn btn-primary">Confirm</button>
|
|
40
|
-
</template>
|
|
41
|
-
<template #close-button>
|
|
42
|
-
<button class="btn btn-secondary">Dismiss</button>
|
|
43
|
-
</template>
|
|
44
|
-
</Modal>
|
|
45
|
-
\`
|
|
46
|
-
})`,...(c=(p=e.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const _=["Default"];export{e as Default,_ as __namedExportsOrder,T as default};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import{d as g,e as v,k as a,g as l,n as b,o as S}from"./vue.esm-bundler-C-YazFc_.js";const _={class:"swap-on"},h={class:"swap-off"},p=g({__name:"swap",props:{effect:{}},setup(n){const s=n;return(o,r)=>(S(),v("label",{class:b(["swap",s.effect?`swap-${o.effect}`:""])},[r[0]||(r[0]=a("input",{type:"checkbox"},null,-1)),a("div",_,[l(o.$slots,"on")]),a("div",h,[l(o.$slots,"off")])],2))}});p.__docgenInfo={exportName:"default",displayName:"swap",description:"",tags:{},props:[{name:"effect",required:!1,type:{name:"union",elements:[{name:'"rotate"'},{name:'"flip"'}]}}],slots:[{name:"on"},{name:"off"}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/actions/swap.vue"]};const O={title:"Actions/Swap",component:p,tags:["autodocs"],argTypes:{effect:{control:"select",options:["rotate","flip"],description:"The effect applied to the swap component."}}},w=(n,{slots:s})=>({components:{Swap:p},setup(){return{args:n,slots:s}},template:`
|
|
2
|
-
<Swap v-bind="args">
|
|
3
|
-
<template #on>
|
|
4
|
-
<div class="text-green-500 font-bold">On</div>
|
|
5
|
-
</template>
|
|
6
|
-
<template #off>
|
|
7
|
-
<div class="text-red-500 font-bold">Off</div>
|
|
8
|
-
</template>
|
|
9
|
-
</Swap>
|
|
10
|
-
`}),e=w.bind({});e.args={effect:"rotate"};e.parameters={docs:{description:{component:'A swap component with optional effects and customizable slots for "on" and "off" states.'}}};const t=w.bind({});t.args={effect:"flip"};t.parameters={docs:{description:{story:'This variant applies the "flip" effect to the swap component.'}}};var c,f,i;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`(args, {
|
|
11
|
-
slots
|
|
12
|
-
}) => ({
|
|
13
|
-
components: {
|
|
14
|
-
Swap
|
|
15
|
-
},
|
|
16
|
-
setup() {
|
|
17
|
-
return {
|
|
18
|
-
args,
|
|
19
|
-
slots
|
|
20
|
-
};
|
|
21
|
-
},
|
|
22
|
-
template: \`
|
|
23
|
-
<Swap v-bind="args">
|
|
24
|
-
<template #on>
|
|
25
|
-
<div class="text-green-500 font-bold">On</div>
|
|
26
|
-
</template>
|
|
27
|
-
<template #off>
|
|
28
|
-
<div class="text-red-500 font-bold">Off</div>
|
|
29
|
-
</template>
|
|
30
|
-
</Swap>
|
|
31
|
-
\`
|
|
32
|
-
})`,...(i=(f=e.parameters)==null?void 0:f.docs)==null?void 0:i.source}}};var d,m,u;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`(args, {
|
|
33
|
-
slots
|
|
34
|
-
}) => ({
|
|
35
|
-
components: {
|
|
36
|
-
Swap
|
|
37
|
-
},
|
|
38
|
-
setup() {
|
|
39
|
-
return {
|
|
40
|
-
args,
|
|
41
|
-
slots
|
|
42
|
-
};
|
|
43
|
-
},
|
|
44
|
-
template: \`
|
|
45
|
-
<Swap v-bind="args">
|
|
46
|
-
<template #on>
|
|
47
|
-
<div class="text-green-500 font-bold">On</div>
|
|
48
|
-
</template>
|
|
49
|
-
<template #off>
|
|
50
|
-
<div class="text-red-500 font-bold">Off</div>
|
|
51
|
-
</template>
|
|
52
|
-
</Swap>
|
|
53
|
-
\`
|
|
54
|
-
})`,...(u=(m=t.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};const k=["Default","FlipEffect"];export{e as Default,t as FlipEffect,k as __namedExportsOrder,O as default};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import{h as i,m as S,p as g,w as k,d as b,e as x,q as _,s as u,v as M,u as c,k as N,x as I,o as V}from"./vue.esm-bundler-C-YazFc_.js";/**
|
|
2
|
-
* @license lucide-vue-next v0.468.0 - ISC
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the ISC license.
|
|
5
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const A=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();/**
|
|
7
|
-
* @license lucide-vue-next v0.468.0 - ISC
|
|
8
|
-
*
|
|
9
|
-
* This source code is licensed under the ISC license.
|
|
10
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
-
*/var l={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};/**
|
|
12
|
-
* @license lucide-vue-next v0.468.0 - ISC
|
|
13
|
-
*
|
|
14
|
-
* This source code is licensed under the ISC license.
|
|
15
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/const C=({size:e,strokeWidth:n=2,absoluteStrokeWidth:t,color:o,iconNode:a,name:s,class:d,...y},{slots:m})=>i("svg",{...l,width:e||l.width,height:e||l.height,stroke:o||l.stroke,"stroke-width":t?Number(n)*24/Number(e):n,class:["lucide",`lucide-${A(s??"icon")}`],...y},[...a.map(T=>i(...T)),...m.default?[m.default()]:[]]);/**
|
|
17
|
-
* @license lucide-vue-next v0.468.0 - ISC
|
|
18
|
-
*
|
|
19
|
-
* This source code is licensed under the ISC license.
|
|
20
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
-
*/const v=(e,n)=>(t,{slots:o})=>i(C,{...t,iconNode:n,name:e},o);/**
|
|
22
|
-
* @license lucide-vue-next v0.468.0 - ISC
|
|
23
|
-
*
|
|
24
|
-
* This source code is licensed under the ISC license.
|
|
25
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
-
*/const D=v("MoonIcon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/**
|
|
27
|
-
* @license lucide-vue-next v0.468.0 - ISC
|
|
28
|
-
*
|
|
29
|
-
* This source code is licensed under the ISC license.
|
|
30
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
31
|
-
*/const E=v("SunIcon",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]),q=(e,n)=>{const t=S(null);return g(()=>{if(typeof window<"u"){const o=window.localStorage.getItem(e);t.value=o?JSON.parse(o):n}}),k(t,o=>{typeof window<"u"&&window.localStorage.setItem(e,JSON.stringify(o))}),t},B={class:"swap-rotate swap"},j=["true-value","false-value"],h=b({__name:"theme-controller",props:{lightTheme:{default:"light"},darkTheme:{default:"dark"}},setup(e){const n=e,t=q("theme",n.lightTheme);function o(a){typeof window<"u"&&window.document&&document.documentElement.setAttribute("data-theme",a)}return g(()=>o(t.value?t.value:"")),k(t,a=>{o(a)}),(a,s)=>(V(),x("label",B,[_(N("input",{type:"checkbox",class:"theme-controller","onUpdate:modelValue":s[0]||(s[0]=d=>I(t)?t.value=d:null),"true-value":n.lightTheme,"false-value":n.darkTheme},null,8,j),[[M,c(t)]]),u(c(E),{class:"swap-off fill-current"}),u(c(D),{class:"swap-on fill-current"})]))}});h.__docgenInfo={exportName:"default",displayName:"theme-controller",description:"",tags:{},props:[{name:"lightTheme",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'light'"}},{name:"darkTheme",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'dark'"}}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/actions/theme-controller.vue"]};const $={title:"Actions/ThemeSwitcher",component:h,tags:["autodocs"],argTypes:{darkTheme:{control:"text",description:"Define the name of your dark theme here"},lightTheme:{control:"text",description:"Define the name of your light theme here"}}},L=e=>({components:{ThemeSwitcher:h},setup(){return{args:e}},template:`
|
|
32
|
-
<ThemeSwitcher v-bind="args" />
|
|
33
|
-
`}),r=L.bind({});r.args={darkTheme:"reserveren-dark",lightTheme:"reserveren-light"};r.parameters={docs:{description:{component:"A theme switcher component that toggles between light and dark themes with localStorage support."}}};var p,f,w;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`args => ({
|
|
34
|
-
components: {
|
|
35
|
-
ThemeSwitcher
|
|
36
|
-
},
|
|
37
|
-
setup() {
|
|
38
|
-
return {
|
|
39
|
-
args
|
|
40
|
-
};
|
|
41
|
-
},
|
|
42
|
-
template: \`
|
|
43
|
-
<ThemeSwitcher v-bind="args" />
|
|
44
|
-
\`
|
|
45
|
-
})`,...(w=(f=r.parameters)==null?void 0:f.docs)==null?void 0:w.source}}};const J=["Default"];export{r as Default,J as __namedExportsOrder,$ as default};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{d as u,e as s,l as y,F as f,o as a,n as g,k as t,t as _}from"./vue.esm-bundler-C-YazFc_.js";const j=["name"],h={class:"collapse-title font-bold text-2xl lg:text-4xl"},w={class:"collapse-content"},x=["innerHTML"],c=u({__name:"accordion",props:{name:{},items:{},joinItems:{type:Boolean,default:!1},icon:{}},setup(m){const d=m;return(e,v)=>(a(!0),s(f,null,y(d.items,(n,p)=>(a(),s("div",{class:g(["collapse border border-base-300",[e.icon?`collapse-${e.icon}`:"",{"join-item":e.joinItems}]]),key:p},[t("input",{type:"radio",name:e.name,value:"true"},null,8,j),t("div",h,_(n.title),1),t("div",w,[t("span",{innerHTML:n.content},null,8,x)])],2))),128))}});c.__docgenInfo={exportName:"default",displayName:"accordion",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"items",required:!0,type:{name:"Array",elements:[{name:"Accordion"}]}},{name:"joinItems",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"icon",required:!1,type:{name:"union",elements:[{name:'"arrow"'},{name:'"plus"'}]}}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/data-display/accordion.vue"]};const b={title:"Data Display/Accordion",component:c,parameters:{slots:{}},tags:["autodocs"],argTypes:{name:{control:"text",type:"string"},items:{control:"object"},joinItems:{control:"boolean",description:"Glue every item together or seperate every item."},icon:{control:"radio",options:["arrow","plus"]}},args:{joinItems:!1,items:[{title:"item 1",content:"this is some text you can adjust with a wysiwyg editor or just in plain text"},{title:"item 2",content:"this is also some text you can adjust with a <strong>wysiwyg</strong> editor or just in plain text/html"}]}},o={args:{name:"demo-accordion",joinItems:!1,icon:"plus"}};var r,i,l;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
name: "demo-accordion",
|
|
4
|
-
joinItems: false,
|
|
5
|
-
icon: "plus"
|
|
6
|
-
}
|
|
7
|
-
}`,...(l=(i=o.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};const k=["Primary"];export{o as Primary,k as __namedExportsOrder,b as default};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import{d as A,m as b,w as x,e as r,k as c,t as k,n as O,o}from"./vue.esm-bundler-C-YazFc_.js";const w={key:0,class:"rounded-sm"},D=["src"],j={key:1,class:"flex justify-center bg-neutral p-[25%] rounded-full w-16 text-neutral-content text-center"},T={class:"text-xl"},i=A({__name:"avatar",props:{image:{},onlineStatus:{default:"none"},initials:{}},setup(s){const p=s,_=b(p.onlineStatus);return x(()=>p.onlineStatus,e=>{e&&(_.value=e)}),(e,q)=>(o(),r("div",{class:O(["avatar",`avatar-${e.onlineStatus}`])},[e.image?(o(),r("div",w,[c("img",{src:e.image,class:"w-full h-full"},null,8,D)])):(o(),r("div",j,[c("p",T,k(e.initials),1)]))],2))}});i.__docgenInfo={exportName:"default",displayName:"avatar",description:"",tags:{},props:[{name:"image",required:!0,type:{name:"string"}},{name:"onlineStatus",required:!1,type:{name:"union",elements:[{name:'"online"'},{name:'"offline"'},{name:'"none"'}]},defaultValue:{func:!1,value:'"none"'}},{name:"initials",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/data-display/avatar.vue"]};const N={title:"Data Display/Avatar",component:i,tags:["autodocs"],argTypes:{image:{control:"text",description:"URL of the avatar image."},onlineStatus:{control:"select",options:["online","offline","none"],description:"Online status of the avatar."},initials:{control:"text",description:"The Initials of the user"}}},l=s=>({components:{Avatar:i},setup(){return{args:s}},template:`
|
|
2
|
-
<Avatar v-bind="args" />
|
|
3
|
-
`}),a=l.bind({});a.args={image:"https://randomuser.me/api/portraits/men/32.jpg",onlineStatus:"none",initials:"JM"};a.parameters={docs:{description:{component:"An avatar component that displays an online/offline status based on the `online` prop."}}};const n=l.bind({});n.args={image:"https://randomuser.me/api/portraits/men/32.jpg",onlineStatus:"online",initials:"SYP"};n.parameters={docs:{description:{component:"An avatar component that displays an online/offline status based on the `online` prop."}}};const t=l.bind({});t.args={image:"https://randomuser.me/api/portraits/men/32.jpg",onlineStatus:"offline",initials:"SS"};t.parameters={docs:{description:{story:"This variant displays the avatar with an offline status."}}};var m,u,d;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`args => ({
|
|
4
|
-
components: {
|
|
5
|
-
Avatar
|
|
6
|
-
},
|
|
7
|
-
setup() {
|
|
8
|
-
return {
|
|
9
|
-
args
|
|
10
|
-
};
|
|
11
|
-
},
|
|
12
|
-
template: \`
|
|
13
|
-
<Avatar v-bind="args" />
|
|
14
|
-
\`
|
|
15
|
-
})`,...(d=(u=a.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var f,g,v;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => ({
|
|
16
|
-
components: {
|
|
17
|
-
Avatar
|
|
18
|
-
},
|
|
19
|
-
setup() {
|
|
20
|
-
return {
|
|
21
|
-
args
|
|
22
|
-
};
|
|
23
|
-
},
|
|
24
|
-
template: \`
|
|
25
|
-
<Avatar v-bind="args" />
|
|
26
|
-
\`
|
|
27
|
-
})`,...(v=(g=n.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,S,y;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`args => ({
|
|
28
|
-
components: {
|
|
29
|
-
Avatar
|
|
30
|
-
},
|
|
31
|
-
setup() {
|
|
32
|
-
return {
|
|
33
|
-
args
|
|
34
|
-
};
|
|
35
|
-
},
|
|
36
|
-
template: \`
|
|
37
|
-
<Avatar v-bind="args" />
|
|
38
|
-
\`
|
|
39
|
-
})`,...(y=(S=t.parameters)==null?void 0:S.docs)==null?void 0:y.source}}};const C=["Default","Online","Offline"];export{a as Default,t as Offline,n as Online,C as __namedExportsOrder,N as default};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import{d as w,e as B,g as z,n as v,o as _}from"./vue.esm-bundler-C-YazFc_.js";const o=w({__name:"badge",props:{color:{default:"neutral"},outline:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const r=s,b={"extra small":"badge-xs",small:"badge-sm",medium:"badge-md",large:"badge-lg"},y={neutral:"badge-neutral",primary:"badge-primary",secondary:"badge-secondary",accent:"badge-accent",ghost:"badge-ghost",info:"badge-info",success:"badge-success",warning:"badge-warning",error:"badge-error"};return(h,x)=>(_(),B("span",{class:v(["badge",b[r.size],y[r.color],{"badge-outline":r.outline}])},[z(h.$slots,"default")],2))}});o.__docgenInfo={exportName:"default",displayName:"badge",description:"",tags:{},props:[{name:"color",required:!1,type:{name:"union",elements:[{name:'"neutral"'},{name:'"primary"'},{name:'"secondary"'},{name:'"accent"'},{name:'"ghost"'},{name:'"info"'},{name:'"success"'},{name:'"warning"'},{name:'"error"'}]},defaultValue:{func:!1,value:'"neutral"'}},{name:"outline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"size",required:!1,type:{name:"union",elements:[{name:'"extra small"'},{name:'"small"'},{name:'"medium"'},{name:'"large"'}]},defaultValue:{func:!1,value:'"medium"'}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/data-display/badge.vue"]};const S={title:"Data Display/Badge",component:o,tags:["autodocs"],argTypes:{color:{control:"select",options:["neutral","primary","secondary","accent","ghost","info","success","warning","error"],description:"Sets the color of the badge."},outline:{control:"boolean",description:"If true, the badge will have an outline style."},size:{control:"select",options:["extra small","small","medium","large"],description:"Sets the size of the badge."}}},t=s=>({components:{Badge:o},setup(){return{args:s}},template:`
|
|
2
|
-
<Badge v-bind="args">New</Badge>
|
|
3
|
-
`}),e=t.bind({});e.args={color:"primary",outline:!1,size:"medium"};e.parameters={docs:{description:{component:"A customizable badge component with different colors, sizes, and outline styles."}}};const a=t.bind({});a.args={color:"success",outline:!0,size:"small"};a.parameters={docs:{description:{story:"This variant demonstrates a badge with the outline style enabled."}}};const n=t.bind({});n.args={color:"warning",outline:!1,size:"large"};n.parameters={docs:{description:{story:"This variant shows a large-sized badge with a warning color."}}};var l,d,i;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`args => ({
|
|
4
|
-
components: {
|
|
5
|
-
Badge
|
|
6
|
-
},
|
|
7
|
-
setup() {
|
|
8
|
-
return {
|
|
9
|
-
args
|
|
10
|
-
};
|
|
11
|
-
},
|
|
12
|
-
template: \`
|
|
13
|
-
<Badge v-bind="args">New</Badge>
|
|
14
|
-
\`
|
|
15
|
-
})`,...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};var c,m,u;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`args => ({
|
|
16
|
-
components: {
|
|
17
|
-
Badge
|
|
18
|
-
},
|
|
19
|
-
setup() {
|
|
20
|
-
return {
|
|
21
|
-
args
|
|
22
|
-
};
|
|
23
|
-
},
|
|
24
|
-
template: \`
|
|
25
|
-
<Badge v-bind="args">New</Badge>
|
|
26
|
-
\`
|
|
27
|
-
})`,...(u=(m=a.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var g,p,f;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:`args => ({
|
|
28
|
-
components: {
|
|
29
|
-
Badge
|
|
30
|
-
},
|
|
31
|
-
setup() {
|
|
32
|
-
return {
|
|
33
|
-
args
|
|
34
|
-
};
|
|
35
|
-
},
|
|
36
|
-
template: \`
|
|
37
|
-
<Badge v-bind="args">New</Badge>
|
|
38
|
-
\`
|
|
39
|
-
})`,...(f=(p=n.parameters)==null?void 0:p.docs)==null?void 0:f.source}}};const D=["Default","Outlined","LargeWarning"];export{e as Default,n as LargeWarning,a as Outlined,D as __namedExportsOrder,S as default};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import{d as w,m as T,w as U,e as t,k as s,f as n,n as p,g as m,t as f,o as a}from"./vue.esm-bundler-C-YazFc_.js";const V=["src","alt"],B={key:1,class:"w-full h-32 skeleton"},q={key:0,class:"card-body"},A={key:0,class:"group-hover:text-primary text-left text-lg cursor-pointer card-title"},_={key:1,class:"text-left"},x={class:"flex-col flex-nowrap mt-auto card-actions"},D={key:1,class:"card-body"},i=w({__name:"card",props:{imgUrl:{default:""},alt:{default:"A beautiful picture that says something about this card"},title:{default:""},description:{default:""},outlined:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},class:{default:""}},setup(r){const d=r,u=T(d.outlined);return U(()=>d.outlined,e=>{u.value=e}),(e,c)=>(a(),t("div",{class:p(["bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact group",u.value?"border-4 border-primary":""])},[s("figure",null,[e.imgUrl||e.imgUrl&&!e.loading?(a(),t("img",{key:0,src:e.imgUrl,alt:e.alt,class:p(["rounded-sm w-full h-44 object-cover",{hidden:e.loading}])},null,10,V)):n("",!0),e.loading&&e.imgUrl?(a(),t("div",B)):n("",!0)]),e.loading?n("",!0):(a(),t("div",q,[e.title?(a(),t("h2",A,f(e.title),1)):n("",!0),m(e.$slots,"details"),e.description?(a(),t("p",_,f(e.description),1)):n("",!0),s("div",x,[m(e.$slots,"actions")])])),e.loading?(a(),t("div",D,c[0]||(c[0]=[s("div",{class:"flex flex-col gap-4 w-52"},[s("div",{class:"w-28 h-4 skeleton"}),s("div",{class:"w-full h-4 skeleton"}),s("div",{class:"w-full h-4 skeleton"})],-1)]))):n("",!0)],2))}});i.__docgenInfo={exportName:"default",displayName:"card",description:"",tags:{},props:[{name:"imgUrl",required:!0,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"alt",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"A beautiful picture that says something about this card"'}},{name:"title",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"description",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"outlined",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"loading",required:!0,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"class",required:!0,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"details"},{name:"actions"}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/data-display/card.vue"]};const O={title:"Data Display/Card",component:i,tags:["autodocs"],argTypes:{imgUrl:{control:"text",description:"URL of the image to display on the card."},alt:{control:"text",description:"Alt text for the image."},title:{control:"text",description:"Title displayed on the card."},description:{control:"text",description:"Description text for the card."},outlined:{control:"boolean",description:"If true, applies an outline style to the card."}}},k=r=>({components:{Card:i},setup(){return{args:r}},template:`
|
|
2
|
-
<Card v-bind="args">
|
|
3
|
-
<template #details>
|
|
4
|
-
<p>This is additional content passed through the details slot.</p>
|
|
5
|
-
</template>
|
|
6
|
-
<template #actions>
|
|
7
|
-
<button class="btn btn-primary">Action Button</button>
|
|
8
|
-
</template>
|
|
9
|
-
</Card>
|
|
10
|
-
`}),l=k.bind({});l.args={imgUrl:"https://via.placeholder.com/300x200",alt:"Placeholder image",title:"Card Title",description:"This is a description of the card.",outlined:!1};l.parameters={docs:{description:{component:"A card component that can display an image, title, description, and has an optional outlined style."}}};const o=k.bind({});o.args={imgUrl:"https://via.placeholder.com/300x200",alt:"Placeholder image",title:"Outlined Card Title",description:"This card has an outline style applied.",outlined:!0};o.parameters={docs:{description:{story:"This variant demonstrates a card with the outline style enabled."}}};var h,g,y;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`args => ({
|
|
11
|
-
components: {
|
|
12
|
-
Card
|
|
13
|
-
},
|
|
14
|
-
setup() {
|
|
15
|
-
return {
|
|
16
|
-
args
|
|
17
|
-
};
|
|
18
|
-
},
|
|
19
|
-
template: \`
|
|
20
|
-
<Card v-bind="args">
|
|
21
|
-
<template #details>
|
|
22
|
-
<p>This is additional content passed through the details slot.</p>
|
|
23
|
-
</template>
|
|
24
|
-
<template #actions>
|
|
25
|
-
<button class="btn btn-primary">Action Button</button>
|
|
26
|
-
</template>
|
|
27
|
-
</Card>
|
|
28
|
-
\`
|
|
29
|
-
})`,...(y=(g=l.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var b,v,C;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`args => ({
|
|
30
|
-
components: {
|
|
31
|
-
Card
|
|
32
|
-
},
|
|
33
|
-
setup() {
|
|
34
|
-
return {
|
|
35
|
-
args
|
|
36
|
-
};
|
|
37
|
-
},
|
|
38
|
-
template: \`
|
|
39
|
-
<Card v-bind="args">
|
|
40
|
-
<template #details>
|
|
41
|
-
<p>This is additional content passed through the details slot.</p>
|
|
42
|
-
</template>
|
|
43
|
-
<template #actions>
|
|
44
|
-
<button class="btn btn-primary">Action Button</button>
|
|
45
|
-
</template>
|
|
46
|
-
</Card>
|
|
47
|
-
\`
|
|
48
|
-
})`,...(C=(v=o.parameters)==null?void 0:v.docs)==null?void 0:C.source}}};const S=["Default","OutlinedCard"];export{l as Default,o as OutlinedCard,S as __namedExportsOrder,O as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as p,a as y,i as h,b as w,r as d}from"./vue.esm-bundler-C-YazFc_.js";var b=Object.defineProperty,v=(r,t)=>{for(var e in t)b(r,e,{get:t[e],enumerable:!0})};const{sanitizeStoryContextUpdate:P}=__STORYBOOK_MODULE_PREVIEW_API__;var U={};v(U,{applyDecorators:()=>z,mount:()=>A,parameters:()=>C,render:()=>j,renderToCanvas:()=>N});var j=(r,t)=>{let{id:e,component:i}=t;if(!i)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return()=>p(i,r,E(r,t))},I=async(r,t)=>{globalThis&&globalThis.PLUGINS_SETUP_FUNCTIONS&&await Promise.all([...globalThis.PLUGINS_SETUP_FUNCTIONS].map(e=>e(r,t)))},f=new Map;async function N({storyFn:r,forceRemount:t,showMain:e,showException:i,storyContext:n,id:a},s){let o=f.get(s);if(o&&!t){let l=r(),c=S(l,n);return R(o.reactiveArgs,c),()=>{g(o.vueApp,s)}}o&&t&&g(o.vueApp,s);let u=y({setup(){n.args=d(n.args);let l=r(),c=S(l,n),_={vueApp:u,reactiveArgs:d(c)};return f.set(s,_),()=>p(l)}});return u.config.errorHandler=(l,c,_)=>{var m;(m=window.__STORYBOOK_PREVIEW__)!=null&&m.storyRenders.some(O=>O.id===a&&O.phase==="playing")?setTimeout(()=>{throw l},0):i(l)},await I(u,n),u.mount(s),e(),()=>{g(u,s)}}function E(r,t){let{argTypes:e}=t,i=Object.entries(r).filter(([n])=>{var a,s;return((s=(a=e[n])==null?void 0:a.table)==null?void 0:s.category)==="slots"}).map(([n,a])=>[n,typeof a=="function"?a:()=>a]);return Object.fromEntries(i)}function S(r,t){return r.props&&h(r)?r.props:t.args}function R(r,t){if(Object.keys(t).length===0)return;let e=w(r)?r:d(r);Object.keys(e).forEach(i=>{i in t||delete e[i]}),Object.assign(e,t)}function g(r,t){r==null||r.unmount(),f.has(t)&&f.delete(t)}function F(r){return typeof r=="function"?{render:r,name:r.name}:r}function T(r,t){let e=r;return e===null?null:typeof e=="function"?e:t?{...F(e),components:{...e.components||{},story:t}}:{render(){return p(e)}}}function z(r,t){return t.reduce((e,i)=>n=>{let a,s=i(o=>{let u=P(o);return o&&(u.args=Object.assign(n.args,u.args)),a=e({...n,...u}),a},n);return a||(a=e(n)),s===a?a:T(s,()=>p(a))},e=>T(r(e)))}var A=r=>async(t,e)=>(t&&(r.originalStoryFn=()=>()=>p(t,e==null?void 0:e.props,e==null?void 0:e.slots)),await r.renderToCanvas(),r.canvas),C={renderer:"vue3"};export{z as applyDecorators,A as mount,C as parameters,j as render,N as renderToCanvas};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import{c as _,n as C,z as j,o as v,g as $,b as N,y as A}from"./index-Bx-go_-4.js";import{w as E,i as O}from"./vue.esm-bundler-C-YazFc_.js";const{addons:T}=__STORYBOOK_MODULE_PREVIEW_API__;var V=["props","events","slots","exposed","expose"],D=e=>{if(!j(e))return null;let t="exposed"in e.__docgenInfo?"vue-component-meta":"vue-docgen-api",a={};return V.forEach(r=>{v(e,r).forEach(n=>{let l;if(t==="vue-docgen-api"){let u=n.docgenInfo;l=M(u,r,n)}else{let u=n.docgenInfo;l=q(u,r)}!l||a[l.name]||(["events","expose","exposed"].includes(r)&&(l.control={disable:!0}),a[l.name]=l)})}),a},M=(e,t,a)=>{var u,s,i;let r,n;if(t==="events"&&(r=(u=e.type)==null?void 0:u.names.join(),n={name:"other",value:r??"",required:!1}),t==="slots"){let o=(s=e.bindings)==null?void 0:s.filter(m=>!!m.name).map(m=>{var p;return`${m.name}: ${((p=m.type)==null?void 0:p.name)??"unknown"}`}).join("; ");r=o?`{ ${o} }`:void 0,n={name:"other",value:r??"",required:!1}}if(t==="props"){let o=e;if(r=(i=o.type)==null?void 0:i.name,n=a?N(a.docgenInfo):{name:"other",value:r},o.type&&"elements"in o.type&&Array.isArray(o.type.elements)&&o.type.elements.length>0){let m=o.type.elements.map(p=>p.name);r==="Array"&&(r=`${m.length===1?m[0]:`(${m.join(" | ")})`}[]`),r==="union"?r=m.join(" | "):r==="intersection"&&(r=m.join(" & "))}}let l="required"in e?e.required??!1:!1;return{name:e.name,description:e.description,type:n?{...n,required:l}:{name:"other",value:r??""},table:{type:r?{summary:r}:void 0,defaultValue:(a==null?void 0:a.propDef.defaultValue)??void 0,jsDocTags:a==null?void 0:a.propDef.jsDocTags,category:t}}},q=(e,t)=>{if("global"in e&&e.global)return;let a={summary:e.type.replace(" | undefined","")};if(t==="props"){let r=e,n=r.default?{summary:r.default}:void 0;return{name:r.name,description:w(r.description,r.tags),defaultValue:n,type:f(r),table:{type:a,defaultValue:n,category:t}}}else return{name:e.name,description:"description"in e?e.description:"",type:{name:"other",value:e.type},table:{type:a,category:t}}},f=e=>{var l,u;let t=e.schema,a=e.required,r={name:"other",value:e.type,required:a},n=["string","number","function","boolean","symbol"];if(typeof t=="string")return n.includes(t)?{name:t,required:a}:r;switch(t.kind){case"enum":{let s=((l=t.schema)==null?void 0:l.filter(i=>i!=="undefined"))??[];return W(s)?{name:"boolean",required:a}:F(s)||B(s)?{name:"enum",value:s.map(i=>i.replace(/"/g,"")),required:a}:s.length===1?f({schema:s[0],type:e.type,required:a}):(s.length>2&&s.includes("true")&&s.includes("false")&&(s=s.filter(i=>i!=="true"&&i!=="false"),s.push("boolean")),{name:"union",value:s.map(i=>f(typeof i=="object"?{schema:i,type:i.type,required:!1}:{schema:i,type:i,required:!1})),required:a})}case"array":{let s=((u=t.schema)==null?void 0:u.filter(i=>i!=="undefined"))??[];return s.length===0?r:s.length===1?{name:"array",value:f({schema:s[0],type:e.type,required:!1}),required:a}:{name:"union",value:s.map(i=>f(typeof i=="object"?{schema:i,type:i.type,required:!1}:{schema:i,type:i,required:!1})),required:a}}case"object":return{name:"object",value:{},required:a};default:return r}},w=(e,t)=>!(t!=null&&t.length)||!e?e??"":`${t.map(a=>`@${a.name}: ${a.text}`).join("<br>")}<br><br>${e}`,F=e=>e.every(t=>typeof t=="string"&&t.startsWith('"')&&t.endsWith('"')),B=e=>e.every(t=>typeof t=="string"&&t.includes(".")),W=e=>e.length===2&&e.includes("true")&&e.includes("false"),y=Symbol("DEEP_ACCESS_SYMBOL"),k=e=>!!(e&&typeof e=="object"&&y in e),R=(e,t)=>{let a=e();if(Y(t))return a;let r=T.getChannel();return E(()=>t.args,()=>{let n=I(t);r.emit(A,{id:t.id,args:t.args,source:n,format:"vue"})},{immediate:!0,deep:!0}),a},I=e=>{let t={imports:{},scriptVariables:{}},{displayName:a,slotNames:r,eventNames:n}=G(e.component),l=h(e.args,r,n,t),u=b(e.args,r,t),s=a||e.title.split("/").at(-1),i=u?`<${s} ${l}> ${u} </${s}>`:`<${s} ${l} />`,o=Object.entries(t.scriptVariables).map(([d,c])=>`const ${d} = ${c};`).join(`
|
|
2
|
-
|
|
3
|
-
`),m=Object.entries(t.imports).map(([d,c])=>`import { ${Array.from(c.values()).sort().join(", ")} } from "${d}";`).join(`
|
|
4
|
-
`),p=`<template>
|
|
5
|
-
${i}
|
|
6
|
-
</template>`;return!m&&!o?p:`<script lang="ts" setup>
|
|
7
|
-
${m?`${m}
|
|
8
|
-
|
|
9
|
-
${o}`:o}
|
|
10
|
-
<\/script>
|
|
11
|
-
|
|
12
|
-
${p}`},Y=e=>{var a;let t=(a=e==null?void 0:e.parameters.docs)==null?void 0:a.source;return(t==null?void 0:t.type)===$.DYNAMIC?!1:!(e!=null&&e.parameters.__isArgsStory)||(t==null?void 0:t.code)||(t==null?void 0:t.type)===$.CODE},G=e=>{if(!e||!("__docgenInfo"in e)||!e.__docgenInfo||typeof e.__docgenInfo!="object")return{displayName:e==null?void 0:e.__name,eventNames:[],slotNames:[]};let t=e.__docgenInfo,a="displayName"in t&&typeof t.displayName=="string"?t.displayName:void 0,r=n=>!(n in t)||!Array.isArray(t[n])?[]:t[n].map(l=>l&&typeof l=="object"&&"name"in l?l.name:void 0).filter(l=>typeof l=="string");return{displayName:a||e.__name,slotNames:r("slots").sort((n,l)=>n==="default"?-1:l==="default"?1:n.localeCompare(l)),eventNames:r("events")}},h=(e,t,a,r)=>{let n=[];Object.entries(e).forEach(([u,s])=>{if(!t.includes(u)&&s!=null)switch(k(s)&&(s=s.toString()),typeof s){case"string":if(s==="")return;n.push({name:u,value:s.includes('"')?`'${s}'`:`"${s}"`,templateFn:(i,o)=>`${i}=${o}`});break;case"number":n.push({name:u,value:s.toString(),templateFn:(i,o)=>`:${i}="${o}"`});break;case"bigint":n.push({name:u,value:`BigInt(${s.toString()})`,templateFn:(i,o)=>`:${i}="${o}"`});break;case"boolean":n.push({name:u,value:s?"true":"false",templateFn:(i,o)=>o==="true"?i:`:${i}="false"`});break;case"symbol":n.push({name:u,value:`Symbol(${s.description?`'${s.description}'`:""})`,templateFn:(i,o)=>`:${i}="${o}"`});break;case"object":{n.push({name:u,value:U(s??{}),templateFn:void 0});break}}}),n.sort((u,s)=>u.name.localeCompare(s.name));let l=[];return n.forEach(u=>{let s=a.includes(`update:${u.name}`);if(!s&&u.templateFn){l.push(u.templateFn(u.name,u.value));return}let i=u.name;if(i in r.scriptVariables){let o=1;do i=`${u.name}${o}`,o++;while(i in r.scriptVariables)}if(!s){r.scriptVariables[i]=u.value,l.push(`:${u.name}="${i}"`);return}r.scriptVariables[i]=`ref(${u.value})`,r.imports.vue||(r.imports.vue=new Set),r.imports.vue.add("ref"),u.name==="modelValue"?l.push(`v-model="${i}"`):l.push(`v-model:${u.name}="${i}"`)}),l.join(" ")},b=(e,t,a)=>{let r=[];return t.forEach(n=>{let l=e[n];if(!l)return;let u=g([l],a);if(!u)return;let s=typeof l=="function"?S(l):[];n==="default"&&!s.length?r.push(u):r.push(`<template ${J(n,s)}>${u}</template>`)}),r.join(`
|
|
13
|
-
|
|
14
|
-
`)},g=(e,t)=>{let a=[],r=n=>{if(O(n))return K(n,t);switch(typeof n){case"string":case"number":case"boolean":return n.toString();case"object":return n===null?"":Array.isArray(n)?n.map(r).filter(l=>l!=="").join(`
|
|
15
|
-
`):JSON.stringify(n);case"function":{let l=S(n).filter(i=>!["{","}"].includes(i)),u={};l.forEach(i=>{u[i]=new Proxy({[y]:!0},{get:(o,m)=>m===y?o[y]:[Symbol.toPrimitive,Symbol.toStringTag,"toString"].includes(m)?()=>`{{ ${i} }}`:m==="v-bind"?`${i}`:`{{ ${i}.${m.toString()} }}`,ownKeys:()=>["v-bind"],getOwnPropertyDescriptor:()=>({configurable:!0,enumerable:!0,value:i,writable:!0})})});let s=n(u);return g([s],t).replaceAll(/ (\S+)="{{ (\S+) }}"/g,' :$1="$2"')}case"bigint":return`{{ BigInt(${n.toString()}) }}`;default:return""}};return e.forEach(n=>{let l=r(n);l!==""&&a.push(l)}),a.join(`
|
|
16
|
-
`)},K=(e,t)=>{let a=L(e),r="";typeof e.children=="string"?r=e.children:Array.isArray(e.children)?r=g(e.children,t):e.children&&(r=b(e.children,Object.keys(e.children).filter(l=>l!=="$stable"),t));let n=e.props?h(e.props,[],[],t):"";return r?`<${a}${n?` ${n}`:""}>${r}</${a}>`:`<${a}${n?` ${n}`:""} />`},L=e=>{if(typeof e.type=="string")return e.type;if(typeof e.type=="object"){if("name"in e.type&&e.type.name)return e.type.name;if("__name"in e.type&&e.type.__name)return e.type.__name}return"component"},S=e=>{let t=/((\/\/.*$)|(\/\*[\s\S]*?\*\/))/gm,a=/([^\s,]+)/g,r=e.toString().replace(t,""),n=r.slice(r.indexOf("(")+1,r.indexOf(")")).match(a);return n?n.flatMap(l=>{if(["{","}"].includes(l))return l;let u=l.split(":")[0].trim();return u.startsWith("{")?["{",u.substring(1)]:l.endsWith("}")&&!u.endsWith("}")?[u,"}"]:u}):[]},J=(e,t)=>t.length?t.length===1?`#${e}="${t[0]}"`:`#${e}="{ ${t.filter(a=>!["{","}"].includes(a)).join(", ")} }"`:`#${e}`,U=e=>Object.values(e).every(t=>t==null||typeof t!="object")?JSON.stringify(e):JSON.stringify(e,null,2),Q={docs:{story:{inline:!0},extractArgTypes:D,extractComponentDescription:C}},X=[R],Z=[_];export{Z as argTypesEnhancers,X as decorators,Q as parameters};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import{d as b,e as t,o,k as s,F as l,l as c,t as m,g}from"./vue.esm-bundler-C-YazFc_.js";const h={class:"bg-base-200 mx-auto md:px-10 py-10 text-base-content"},k={class:"footer sm:footer-horizontal container"},x={class:"footer-title"},v=["href"],F={class:"ml-auto"},r=b({__name:"footer",props:{items:{}},setup(n){const f=n;return(_,C)=>(o(),t("div",h,[s("footer",k,[(o(!0),t(l,null,c(f.items,a=>(o(),t("nav",null,[s("h6",x,m(a.title),1),(o(!0),t(l,null,c(a.items,i=>(o(),t("a",{class:"link link-hover",href:i.link},m(i.text),9,v))),256))]))),256)),s("aside",F,[g(_.$slots,"default")])])]))}});r.__docgenInfo={exportName:"default",displayName:"footer",description:"",tags:{},props:[{name:"items",required:!0,type:{name:"Array",elements:[{name:"FooterNavigation"}]}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/manolis-ui/manolis-ui/src/components/layout/footer.vue"]};const w={title:"Layout/Footer",component:r,tags:["autodocs"],argTypes:{items:{control:"object",description:"List of footer navigation sections with items."}}},y=n=>({components:{Footer:r},setup(){return{args:n}},template:`
|
|
2
|
-
<Footer v-bind="args">
|
|
3
|
-
<template #default>
|
|
4
|
-
<div class="text-center mt-10">Custom footer content here</div>
|
|
5
|
-
</template>
|
|
6
|
-
</Footer>
|
|
7
|
-
`}),e=y.bind({});e.args={items:[{title:"Company",items:[{text:"About Us",link:"/about-us",enabled:!0},{text:"Careers",link:"/careers",enabled:!0},{text:"Contact",link:"/contact",enabled:!1}]},{title:"Support",items:[{text:"FAQ",link:"/faq",enabled:!0},{text:"Help Center",link:"/help",enabled:!0}]},{title:"Social",items:[{text:"Facebook",link:"/facebook",enabled:!0},{text:"Twitter",link:"/twitter",enabled:!0}]}]};e.parameters={docs:{description:{component:"A footer component that supports multiple navigation sections and customizable content."}}};var u,p,d;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`args => ({
|
|
8
|
-
components: {
|
|
9
|
-
Footer
|
|
10
|
-
},
|
|
11
|
-
setup() {
|
|
12
|
-
return {
|
|
13
|
-
args
|
|
14
|
-
};
|
|
15
|
-
},
|
|
16
|
-
template: \`
|
|
17
|
-
<Footer v-bind="args">
|
|
18
|
-
<template #default>
|
|
19
|
-
<div class="text-center mt-10">Custom footer content here</div>
|
|
20
|
-
</template>
|
|
21
|
-
</Footer>
|
|
22
|
-
\`
|
|
23
|
-
})`,...(d=(p=e.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const A=["Default"];export{e as Default,A as __namedExportsOrder,w as default};
|