@citizenplane/pimp 8.12.0 → 8.13.0
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/dist/assets/BaseInputLabel-B6HBeOYW.css +1 -0
- package/dist/assets/BaseInputLabel-BKfOnmKd.js +1 -0
- package/dist/assets/BaseInputLabel.stories-B3jMVrza.js +28 -0
- package/dist/assets/Color-YHDXOIA2-CfioBzZb.js +1 -0
- package/dist/assets/Colors-mWZwWrlN.js +1 -0
- package/dist/assets/CpAlert-6hd7PZeZ.js +1 -0
- package/dist/assets/CpAlert-BW1Zf1Km.css +1 -0
- package/dist/assets/CpAlert.stories-CcK6sLCO.js +58 -0
- package/dist/assets/CpBadge-BRRUYYEk.js +1 -0
- package/dist/assets/CpBadge-CE420vX2.css +1 -0
- package/dist/assets/CpBadge.stories-Btggeh1U.js +170 -0
- package/dist/assets/CpButton-DQb7zTje.js +1 -0
- package/dist/assets/CpButton-gbl9KLuG.css +1 -0
- package/dist/assets/CpButton.stories-Chy_2ILm.js +86 -0
- package/dist/assets/CpCheckbox-Dalwqglu.js +1 -0
- package/dist/assets/CpCheckbox-DdQW6Gbc.css +1 -0
- package/dist/assets/CpCheckbox.stories-BEtAkjE-.js +167 -0
- package/dist/assets/CpDate-BdnXxnGQ.css +1 -0
- package/dist/assets/CpDate-DdtWXX2Q.js +3 -0
- package/dist/assets/CpDate.stories-C2Jg2QqC.js +59 -0
- package/dist/assets/CpDatepicker-DlzMF4b8.js +5 -0
- package/dist/assets/CpDatepicker-DqugfF5T.css +1 -0
- package/dist/assets/CpDatepicker.stories-CvOQvZYr.js +83 -0
- package/dist/assets/CpDialog-BTJusbSJ.js +1 -0
- package/dist/assets/CpDialog-BeuM9Ffk.css +1 -0
- package/dist/assets/CpDialog.stories-jA8uhNJR.js +43 -0
- package/dist/assets/CpHeading-BfoX1SIY.js +1 -0
- package/dist/assets/CpHeading-DgViCnDE.css +1 -0
- package/dist/assets/CpHeading.stories-DYb8vPG0.js +85 -0
- package/dist/assets/CpIcon-CdMV7BxY.css +1 -0
- package/dist/assets/CpIcon-DjtGpusx.js +5 -0
- package/dist/assets/CpIcon.stories-Cavk2BnC.js +47 -0
- package/dist/assets/CpInput-BT29xZan.js +1 -0
- package/dist/assets/CpInput-CAegPnB6.css +1 -0
- package/dist/assets/CpInput.stories-BbBe4bFT.js +98 -0
- package/dist/assets/CpLoader-B--Vqrhj.js +1 -0
- package/dist/assets/CpLoader.stories-CZ0hlfa2.js +10 -0
- package/dist/assets/CpRadio-C7OtLwPR.js +1 -0
- package/dist/assets/CpRadio-DiUdGJPg.css +1 -0
- package/dist/assets/CpRadio.stories-DPcn2bvJ.js +132 -0
- package/dist/assets/CpSelect-DlLk_-bg.js +1 -0
- package/dist/assets/CpSelect-HpT9AKcz.css +1 -0
- package/dist/assets/CpSelect.stories-C90Kd5cu.js +85 -0
- package/dist/assets/CpSelectMenu-Bpz33Tbp.js +1 -0
- package/dist/assets/CpSelectMenu-Dw4sbiEj.css +1 -0
- package/dist/assets/CpSelectMenu.stories-Bw2sNo0F.js +104 -0
- package/dist/assets/CpSwitch-CIWoB1sY.css +1 -0
- package/dist/assets/CpSwitch-CeGY7EL9.js +1 -0
- package/dist/assets/CpSwitch.stories-DbepH0R0.js +132 -0
- package/dist/assets/CpTable-BN6Amfsc.css +1 -0
- package/dist/assets/CpTable-RA2YDd8h.js +1 -0
- package/dist/assets/CpTable.stories-Dgc6tAkl.js +151 -0
- package/dist/assets/CpTableEmptyState-DLgi2hhT.css +1 -0
- package/dist/assets/CpTableEmptyState-TCjommO_.js +1 -0
- package/dist/assets/CpTableEmptyState.stories-C2oOfeda.js +20 -0
- package/dist/assets/CpTextarea-CzC-Bjsy.css +1 -0
- package/dist/assets/CpTextarea-HUf2FbPC.js +1 -0
- package/dist/assets/CpTextarea.stories-_17UyFSg.js +64 -0
- package/dist/assets/CpToaster-BXpKEwda.css +1 -0
- package/dist/assets/CpToaster-D9ITJUky.js +1 -0
- package/dist/assets/CpToaster.stories-BhEsau9e.js +124 -0
- package/dist/assets/CpTooltip-BIIOHaoi.css +1 -0
- package/dist/assets/CpTooltip-CD0Q4ym2.js +1 -0
- package/dist/assets/CpTooltip.stories-acOxur2H.js +121 -0
- package/dist/assets/DocsRenderer-CFRXHY34-Do1gGJEp.js +623 -0
- package/dist/assets/Intent-UfUixXOL.js +1 -0
- package/dist/assets/ToggleColors-CSr2zujL.js +1 -0
- package/dist/assets/TransitionExpand-BHMSqajW.css +1 -0
- package/dist/assets/TransitionExpand-BLDnMZa8.js +1 -0
- package/dist/assets/TransitionExpand.stories-5x0MQdG_.js +121 -0
- package/dist/assets/_commonjsHelpers-CqkleIqs.js +1 -0
- package/dist/assets/_plugin-vue_export-helper-DlAUqK2U.js +1 -0
- package/dist/assets/anime.esm-RriTVqCw.js +8 -0
- package/dist/assets/entry-preview-CE4fSG5C.js +1 -0
- package/dist/assets/entry-preview-docs-DMfJ0ifx.js +16 -0
- package/dist/assets/iframe-DLKLJnYS.js +211 -0
- package/dist/assets/index-Bx-go_-4.js +8 -0
- package/dist/assets/index-CtrtR6PF.js +1 -0
- package/dist/assets/index-DCv8Njl6.js +1 -0
- package/dist/assets/index-DrFu-skq.js +6 -0
- package/dist/assets/preview-B8lJiyuQ.js +34 -0
- package/dist/assets/preview-BBWR9nbA.js +1 -0
- package/dist/assets/preview-BWzBA1C2.js +396 -0
- package/dist/assets/preview-CHl-kSbv.js +2 -0
- package/dist/assets/preview-CIuMKJn5.js +240 -0
- package/dist/assets/preview-CvbIS5ZJ.js +1 -0
- package/dist/assets/preview-D2UkcbT2.js +3 -0
- package/dist/assets/preview-DD_OYowb.js +1 -0
- package/dist/assets/preview-DGUiP6tS.js +7 -0
- package/dist/assets/preview-OgCpecWL.css +1 -0
- package/dist/assets/vue.esm-bundler-DmHyoj4Y.js +36 -0
- package/dist/favicon.svg +1 -0
- package/dist/iframe.html +666 -0
- package/dist/index.html +177 -0
- package/dist/index.json +1 -0
- package/dist/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/nunito-sans-bold.woff2 +0 -0
- package/dist/nunito-sans-italic.woff2 +0 -0
- package/dist/nunito-sans-regular.woff2 +0 -0
- package/dist/project.json +1 -0
- package/dist/sb-addons/chromatic-com-storybook-9/manager-bundle.js +331 -0
- package/dist/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +51 -0
- package/dist/sb-addons/essentials-actions-2/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-backgrounds-4/manager-bundle.js +12 -0
- package/dist/sb-addons/essentials-controls-1/manager-bundle.js +402 -0
- package/dist/sb-addons/essentials-docs-3/manager-bundle.js +242 -0
- package/dist/sb-addons/essentials-measure-7/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-outline-8/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-toolbars-6/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-viewport-5/manager-bundle.js +3 -0
- package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +3 -0
- package/dist/sb-addons/storybook-experimental-addon-test-10/manager-bundle.js +223 -0
- package/dist/sb-common-assets/favicon.svg +1 -0
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/globals-module-info.js +1052 -0
- package/dist/sb-manager/globals-runtime.js +42127 -0
- package/dist/sb-manager/globals.js +48 -0
- package/dist/sb-manager/runtime.js +12048 -0
- package/package.json +3 -6
- package/dist/pimp.es.js +0 -14994
- package/dist/pimp.umd.js +0 -12
- package/dist/style.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const c={SUCCESS:{value:"success",icon:"check-circle"},CRITICAL:{value:"critical",icon:"alert-octagon"},WARNING:{value:"warning",icon:"alert-triangle"},INFO:{value:"info",icon:"info"}};export{c as I};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as o}from"./Colors-mWZwWrlN.js";const s={BLUE:o.BLUE,PURPLE:o.PURPLE};export{s as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[data-v-126b4013]{will-change:height;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.fade-in-enter-active,.fade-in-leave-active{transition:all .15s ease-in-out}.fade-in-enter-from,.fade-in-leave-to{opacity:0;transform:scale(.9)}@keyframes cp-select-menu-dropdown-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cp-select-menu-dropdown-leave{0%{opacity:1}to{opacity:0}}.u-text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-asterisk{position:relative;top:-.1875rem;font-size:.75em;line-height:normal}.u-asterisk:after{content:" "}legend .u-asterisk,label .u-asterisk{color:#eb0505}html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:100%;color:#3e3e5b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;outline:none;font-family:inherit}body{background-color:transparent}button{border-style:none;padding:0;background-color:transparent}button:hover{cursor:pointer}dialog{color:inherit}ul,li{margin:0;padding:0;list-style:none}svg{color:currentColor}input{font-size:inherit;border:none}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.expand-enter-active,.expand-leave-active{transition-property:opacity,height;transition-duration:.2s;transition-timing-function:ease-out;overflow:hidden}.expand-enter-from,.expand-leave-to{height:0;opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as a,T as n,o as r,g as d,f as l}from"./vue.esm-bundler-DmHyoj4Y.js";import{_ as h}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o={methods:{afterEnter(t){t.style.height="auto"},enter(t){const{width:e}=getComputedStyle(t);t.style.width=e,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto";const{height:i}=getComputedStyle(t);t.style.width=null,t.style.position=null,t.style.visibility=null,t.style.height=0,getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height=i})},leave(t){const{height:e}=getComputedStyle(t);t.style.height=e,getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height=0})}}};function u(t,e,i,p,c,s){return r(),a(n,{name:"expand",onEnter:s.enter,onAfterEnter:s.afterEnter,onLeave:s.leave},{default:d(()=>[l(t.$slots,"default",{},void 0,!0)]),_:3},8,["onEnter","onAfterEnter","onLeave"])}const f=h(o,[["render",u],["__scopeId","data-v-126b4013"]]);o.__docgenInfo={exportName:"default",displayName:"TransitionExpand",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/builds/miscellaneous/pimp/src/components/helpers-utilities/TransitionExpand.vue"]};export{f as T};
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import{r as s}from"./vue.esm-bundler-DmHyoj4Y.js";import{T as a}from"./TransitionExpand-BLDnMZa8.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const E={title:"TransitionExpand",component:a,argTypes:{}},l="display: flex; flex-direction: column; align-items: center; gap: 12px;",e={render:()=>({components:{TransitionExpand:a},setup(){return{isExpanded:s(!1)}},template:`
|
|
2
|
+
<div style="${l}">
|
|
3
|
+
<CpButton
|
|
4
|
+
@click="isExpanded = !isExpanded"
|
|
5
|
+
appearance="primary"
|
|
6
|
+
color="purple"
|
|
7
|
+
>
|
|
8
|
+
{{ isExpanded ? 'Collapse' : 'Expand' }}
|
|
9
|
+
</CpButton>
|
|
10
|
+
|
|
11
|
+
<TransitionExpand>
|
|
12
|
+
<div v-if="isExpanded" style="
|
|
13
|
+
background: #F3F4F6;
|
|
14
|
+
border-radius: 6px;
|
|
15
|
+
">
|
|
16
|
+
<h3 style="margin: 0 0 8px 0;">Expanded Content</h3>
|
|
17
|
+
<p style="margin: 0;">
|
|
18
|
+
This content will smoothly expand and collapse with a nice animation.
|
|
19
|
+
The height transition is handled automatically by the TransitionExpand component.
|
|
20
|
+
</p>
|
|
21
|
+
</div>
|
|
22
|
+
</TransitionExpand>
|
|
23
|
+
</div>
|
|
24
|
+
`})},n={render:()=>({components:{TransitionExpand:a},setup(){return{isExpanded:s(!1)}},template:`
|
|
25
|
+
<div style="${l}">
|
|
26
|
+
<CpButton
|
|
27
|
+
@click="isExpanded = !isExpanded"
|
|
28
|
+
appearance="primary"
|
|
29
|
+
color="purple"
|
|
30
|
+
>
|
|
31
|
+
{{ isExpanded ? 'Collapse' : 'Expand' }}
|
|
32
|
+
</CpButton>
|
|
33
|
+
|
|
34
|
+
<TransitionExpand>
|
|
35
|
+
<div v-if="isExpanded" style="
|
|
36
|
+
background: #F3F4F6;
|
|
37
|
+
border-radius: 6px;
|
|
38
|
+
">
|
|
39
|
+
<h3 style="margin: 0 0 8px 0;">Long Content Example</h3>
|
|
40
|
+
<p v-for="i in 5" :key="i" style="margin: 0 0 8px 0;">
|
|
41
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
|
|
42
|
+
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
|
|
43
|
+
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
44
|
+
</p>
|
|
45
|
+
</div>
|
|
46
|
+
</TransitionExpand>
|
|
47
|
+
</div>
|
|
48
|
+
`})};var i,t,o;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
49
|
+
render: () => ({
|
|
50
|
+
components: {
|
|
51
|
+
TransitionExpand
|
|
52
|
+
},
|
|
53
|
+
setup() {
|
|
54
|
+
const isExpanded = ref(false);
|
|
55
|
+
return {
|
|
56
|
+
isExpanded
|
|
57
|
+
};
|
|
58
|
+
},
|
|
59
|
+
template: \`
|
|
60
|
+
<div style="\${wrapperStyle}">
|
|
61
|
+
<CpButton
|
|
62
|
+
@click="isExpanded = !isExpanded"
|
|
63
|
+
appearance="primary"
|
|
64
|
+
color="purple"
|
|
65
|
+
>
|
|
66
|
+
{{ isExpanded ? 'Collapse' : 'Expand' }}
|
|
67
|
+
</CpButton>
|
|
68
|
+
|
|
69
|
+
<TransitionExpand>
|
|
70
|
+
<div v-if="isExpanded" style="
|
|
71
|
+
background: #F3F4F6;
|
|
72
|
+
border-radius: 6px;
|
|
73
|
+
">
|
|
74
|
+
<h3 style="margin: 0 0 8px 0;">Expanded Content</h3>
|
|
75
|
+
<p style="margin: 0;">
|
|
76
|
+
This content will smoothly expand and collapse with a nice animation.
|
|
77
|
+
The height transition is handled automatically by the TransitionExpand component.
|
|
78
|
+
</p>
|
|
79
|
+
</div>
|
|
80
|
+
</TransitionExpand>
|
|
81
|
+
</div>
|
|
82
|
+
\`
|
|
83
|
+
})
|
|
84
|
+
}`,...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};var p,d,r;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
85
|
+
render: () => ({
|
|
86
|
+
components: {
|
|
87
|
+
TransitionExpand
|
|
88
|
+
},
|
|
89
|
+
setup() {
|
|
90
|
+
const isExpanded = ref(false);
|
|
91
|
+
return {
|
|
92
|
+
isExpanded
|
|
93
|
+
};
|
|
94
|
+
},
|
|
95
|
+
template: \`
|
|
96
|
+
<div style="\${wrapperStyle}">
|
|
97
|
+
<CpButton
|
|
98
|
+
@click="isExpanded = !isExpanded"
|
|
99
|
+
appearance="primary"
|
|
100
|
+
color="purple"
|
|
101
|
+
>
|
|
102
|
+
{{ isExpanded ? 'Collapse' : 'Expand' }}
|
|
103
|
+
</CpButton>
|
|
104
|
+
|
|
105
|
+
<TransitionExpand>
|
|
106
|
+
<div v-if="isExpanded" style="
|
|
107
|
+
background: #F3F4F6;
|
|
108
|
+
border-radius: 6px;
|
|
109
|
+
">
|
|
110
|
+
<h3 style="margin: 0 0 8px 0;">Long Content Example</h3>
|
|
111
|
+
<p v-for="i in 5" :key="i" style="margin: 0 0 8px 0;">
|
|
112
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
|
|
113
|
+
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
|
|
114
|
+
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
115
|
+
</p>
|
|
116
|
+
</div>
|
|
117
|
+
</TransitionExpand>
|
|
118
|
+
</div>
|
|
119
|
+
\`
|
|
120
|
+
})
|
|
121
|
+
}`,...(r=(d=n.parameters)==null?void 0:d.docs)==null?void 0:r.source}}};const y=["Default","WithLongContent"];export{e as Default,n as WithLongContent,y as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}export{e as g};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const s=(t,r)=>{const o=t.__vccOpts||t;for(const[c,e]of r)o[c]=e;return o};export{s as _};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* anime.js - ESM
|
|
3
|
+
* @version v4.0.2
|
|
4
|
+
* @author Julian Garnier
|
|
5
|
+
* @license MIT
|
|
6
|
+
* @copyright (c) 2025 Julian Garnier
|
|
7
|
+
* @see https://animejs.com
|
|
8
|
+
*/const pe=typeof window<"u",mt=pe?window:null,Xe=pe?document:null,N={OBJECT:0,ATTRIBUTE:1,CSS:2,TRANSFORM:3,CSS_VAR:4},m={NUMBER:0,UNIT:1,COLOR:2,COMPLEX:3},te={NONE:0,AUTO:1,FORCE:2},J={replace:0,none:1,blend:2},xt=Symbol(),bt=Symbol(),zt=Symbol(),dt=Symbol(),cs=Symbol(),v=1e-11,Ht=1e12,$e=1e3,St=120,Oe="",Qe=new Map;Qe.set("x","translateX");Qe.set("y","translateY");Qe.set("z","translateZ");const Rt=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],Wt=Rt.reduce((e,t)=>({...e,[t]:t+"("}),{}),ee=()=>{},ds=/(^#([\da-f]{3}){1,2}$)|(^#([\da-f]{4}){1,2}$)/i,fs=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i,hs=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,_s=/hsl\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*\)/i,ps=/hsla\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,Pt=/[-+]?\d*\.?\d+(?:e[-+]?\d)?/gi,ms=/^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i,Ts=/([a-z])([A-Z])/g,gs=/(\w+)(\([^)]+\)+)/g,Zt={id:null,keyframes:null,playbackEase:null,playbackRate:1,frameRate:St,loop:0,reversed:!1,alternate:!1,autoplay:!0,duration:$e,delay:0,loopDelay:0,ease:"out(2)",composition:J.replace,modifier:e=>e,onBegin:ee,onBeforeUpdate:ee,onUpdate:ee,onLoop:ee,onPause:ee,onComplete:ee,onRender:ee},x={defaults:Zt,root:Xe,precision:4,timeScale:1,tickThreshold:200},Kt={version:"4.0.2",engine:null};pe&&(mt.AnimeJS||(mt.AnimeJS=[]),mt.AnimeJS.push(Kt));const ys=e=>e.replace(Ts,"$1-$2").toLowerCase(),ke=(e,t)=>e.indexOf(t)===0,Ye=Date.now,Ge=Array.isArray,Tt=e=>e&&e.constructor===Object,vs=e=>typeof e=="number"&&!isNaN(e),ft=e=>typeof e=="string",ut=e=>typeof e=="function",y=e=>typeof e>"u",gt=e=>y(e)||e===null,Yt=e=>pe&&e instanceof SVGElement,Gt=e=>ds.test(e),Qt=e=>ke(e,"rgb"),jt=e=>ke(e,"hsl"),Ss=e=>Gt(e)||Qt(e)||jt(e),rt=e=>!x.defaults.hasOwnProperty(e),st=e=>ft(e)?parseFloat(e):e,Be=Math.pow,Cs=Math.sqrt,Ns=Math.sin,bs=Math.cos,Rs=Math.abs,Ds=Math.ceil,es=Math.floor,Es=Math.asin,Dt=Math.PI,wt=Math.round,M=(e,t,s)=>e<t?t:e>s?s:e,Ut={},R=(e,t)=>{if(t<0)return e;if(!t)return wt(e);let s=Ut[t];return s||(s=Ut[t]=10**t),wt(e*s)/s},Ae=(e,t,s)=>e+(t-e)*s,Et=e=>e===1/0?Ht:e===-1/0?-1e12:e,Ke=e=>e<=v?v:Et(R(e,11)),F=e=>Ge(e)?[...e]:e,As=(e,t)=>{const s={...e};for(let i in t){const n=e[i];s[i]=y(n)?t[i]:n}return s},E=(e,t,s,i="_prev",n="_next")=>{let o=e._head,r=n;for(s&&(o=e._tail,r=i);o;){const l=o[r];t(o),o=l}},Ze=(e,t,s="_prev",i="_next")=>{const n=t[s],o=t[i];n?n[i]=o:e._head=o,o?o[s]=n:e._tail=n,t[s]=null,t[i]=null},Ve=(e,t,s,i="_prev",n="_next")=>{let o=e._tail;for(;o&&s&&s(o,t);)o=o[i];const r=o?o[n]:e._head;o?o[n]=t:e._head=t,r?r[i]=t:e._tail=t,t[i]=o,t[n]=r};class ts{constructor(t=0){this.deltaTime=0,this._currentTime=t,this._elapsedTime=t,this._startTime=t,this._lastTime=t,this._scheduledTime=0,this._frameDuration=R($e/St,0),this._fps=St,this._speed=1,this._hasChildren=!1,this._head=null,this._tail=null}get fps(){return this._fps}set fps(t){const s=this._frameDuration,i=+t,n=i<v?v:i,o=R($e/n,0);this._fps=n,this._frameDuration=o,this._scheduledTime+=o-s}get speed(){return this._speed}set speed(t){const s=+t;this._speed=s<v?v:s}requestTick(t){const s=this._scheduledTime,i=this._elapsedTime;if(this._elapsedTime+=t-i,i<s)return te.NONE;const n=this._frameDuration,o=i-s;return this._scheduledTime+=o<n?n:o,te.AUTO}computeDeltaTime(t){const s=t-this._lastTime;return this.deltaTime=s,this._lastTime=t,s}}const at=(e,t,s,i,n)=>{const o=e.parent,r=e.duration,l=e.completed,u=e.iterationDuration,a=e.iterationCount,d=e._currentIteration,f=e._loopDelay,T=e._reversed,p=e._alternate,C=e._hasChildren,S=e._delay,se=e._currentTime,me=S+u,Z=t-S,I=M(se,-S,r),ne=M(Z,-S,r),b=Z-se,ie=ne>0,ae=ne>=r,le=r<=v,Se=n===te.FORCE;let be=0,Te=Z,z=0;if(a>1){const Re=~~(ne/(u+(ae?0:f)));e._currentIteration=M(Re,0,a),ae&&e._currentIteration--,be=e._currentIteration%2,Te=ne%(u+f)||0}const xe=T^(p&&be),K=e._ease;let O=ae?xe?0:r:xe?u-Te:Te;K&&(O=u*K(O/u)||0);const oe=(o?o.backwards:Z<se)?!xe:!!xe;if(e._currentTime=Z,e._iterationTime=O,e.backwards=oe,ie&&!e.began?(e.began=!0,!s&&!(o&&(oe||!o.began))&&e.onBegin(e)):Z<=0&&(e.began=!1),!s&&!C&&ie&&e._currentIteration!==d&&e.onLoop(e),Se||n===te.AUTO&&(t>=S&&t<=me||t<=S&&I>S||t>=me&&I!==r)||O>=me&&I!==r||O<=S&&I>0||t<=I&&I===r&&l||ae&&!l&&le){if(ie&&(e.computeDeltaTime(I),s||e.onBeforeUpdate(e)),!C){const Re=Se||(oe?b*-1:b)>=x.tickThreshold,L=e._offset+(o?o._offset:0)+S+O;let c=e._head,P,H,Pe,De,Y=0;for(;c;){const k=c._composition,G=c._currentTime,W=c._changeDuration,ze=c._absoluteStartTime+c._changeDuration,ue=c._nextRep,Q=c._prevRep,ge=k!==J.none;if((Re||(G!==W||L<=ze+(ue?ue._delay:0))&&(G!==0||L>=c._absoluteStartTime))&&(!ge||!c._isOverridden&&(!c._isOverlapped||L<=ze)&&(!ue||ue._isOverridden||L<=ue._absoluteStartTime)&&(!Q||Q._isOverridden||L>=Q._absoluteStartTime+Q._changeDuration+c._delay))){const ye=c._currentTime=M(O-c._startTime,0,W),A=c._ease(ye/c._updateDuration),q=c._modifier,re=c._valueType,B=c._tweenType,X=B===N.OBJECT,we=re===m.NUMBER,ce=we&&X||A===0||A===1?-1:x.precision;let $,Ue;if(we)$=Ue=q(R(Ae(c._fromNumber,c._toNumber,A),ce));else if(re===m.UNIT)Ue=q(R(Ae(c._fromNumber,c._toNumber,A),ce)),$=`${Ue}${c._unit}`;else if(re===m.COLOR){const D=c._fromNumbers,de=c._toNumbers,fe=R(M(q(Ae(D[0],de[0],A)),0,255),0),ve=R(M(q(Ae(D[1],de[1],A)),0,255),0),je=R(M(q(Ae(D[2],de[2],A)),0,255),0),Me=M(q(R(Ae(D[3],de[3],A),ce)),0,1);if($=`rgba(${fe},${ve},${je},${Me})`,ge){const Ee=c._numbers;Ee[0]=fe,Ee[1]=ve,Ee[2]=je,Ee[3]=Me}}else if(re===m.COMPLEX){$=c._strings[0];for(let D=0,de=c._toNumbers.length;D<de;D++){const fe=q(R(Ae(c._fromNumbers[D],c._toNumbers[D],A),ce)),ve=c._strings[D+1];$+=`${ve?fe+ve:fe}`,ge&&(c._numbers[D]=fe)}}if(ge&&(c._number=Ue),!i&&k!==J.blend){const D=c.property;P=c.target,X?P[D]=$:B===N.ATTRIBUTE?P.setAttribute(D,$):(H=P.style,B===N.TRANSFORM?(P!==Pe&&(Pe=P,De=P[dt]),De[D]=$,Y=1):B===N.CSS?H[D]=$:B===N.CSS_VAR&&H.setProperty(D,$)),ie&&(z=1)}else c._value=$}if(Y&&c._renderTransforms){let ye=Oe;for(let A in De)ye+=`${Wt[A]}${De[A]}) `;H.transform=ye,Y=0}c=c._next}!s&&z&&e.onRender(e)}!s&&ie&&e.onUpdate(e)}return o&&le?!s&&(o.began&&!oe&&Z>=r&&!l||oe&&Z<=v&&l)&&(e.onComplete(e),e.completed=!oe):ie&&ae?a===1/0?e._startTime+=e.duration:e._currentIteration>=a-1&&(e.paused=!0,!l&&!C&&(e.completed=!0,!s&&!(o&&(oe||!o.began))&&(e.onComplete(e),e._resolve(e)))):e.completed=!1,z},Fe=(e,t,s,i,n)=>{const o=e._currentIteration;if(at(e,t,s,i,n),e._hasChildren){const r=e,l=r.backwards,u=i?t:r._iterationTime,a=Ye();let d=0,f=!0;if(!i&&r._currentIteration!==o){const T=r.iterationDuration;E(r,p=>{if(!l)!p.completed&&!p.backwards&&p._currentTime<p.iterationDuration&&at(p,T,s,1,te.FORCE),p.began=!1,p.completed=!1;else{const C=p.duration,S=p._offset+p._delay,se=S+C;!s&&C<=v&&(!S||se===T)&&p.onComplete(p)}}),s||r.onLoop(r)}E(r,T=>{const p=R((u-T._offset)*T._speed,12),C=T._fps<r._fps?T.requestTick(a):n;d+=at(T,p,s,i,C),!T.completed&&f&&(f=!1)},l),!s&&d&&r.onRender(r),f&&r._currentTime>=r.duration&&(r.paused=!0,r.completed||(r.completed=!0,s||(r.onComplete(r),r._resolve(r))))}},qe={animation:null,update:ee},Is=e=>{let t=qe.animation;return t||(t={duration:v,computeDeltaTime:ee,_offset:0,_delay:0,_head:null,_tail:null},qe.animation=t,qe.update=()=>{e.forEach(s=>{for(let i in s){const n=s[i],o=n._head;if(o){const r=o._valueType,l=r===m.COMPLEX||r===m.COLOR?F(o._fromNumbers):null;let u=o._fromNumber,a=n._tail;for(;a&&a!==o;){if(l)for(let d=0,f=a._numbers.length;d<f;d++)l[d]+=a._numbers[d];else u+=a._number;a=a._prevAdd}o._toNumber=u,o._toNumbers=l}}}),at(t,1,1,0,te.FORCE)}),t},ss=pe?requestAnimationFrame:setImmediate,Os=pe?cancelAnimationFrame:clearImmediate;class xs extends ts{constructor(t){super(t),this.useDefaultMainLoop=!0,this.pauseOnDocumentHidden=!0,this.defaults=Zt,this.paused=!!(pe&&Xe.hidden),this.reqId=null}update(){const t=this._currentTime=Ye();if(this.requestTick(t)){this.computeDeltaTime(t);const s=this._speed,i=this._fps;let n=this._head;for(;n;){const o=n._next;n.paused?(Ze(this,n),this._hasChildren=!!this._tail,n._running=!1,n.completed&&!n._cancelled&&n.cancel()):Fe(n,(t-n._startTime)*n._speed*s,0,0,n._fps<i?n.requestTick(t):te.AUTO),n=o}qe.update()}}wake(){return this.useDefaultMainLoop&&!this.reqId&&!this.paused&&(this.reqId=ss(ns)),this}pause(){return this.paused=!0,Ps()}resume(){if(this.paused)return this.paused=!1,E(this,t=>t.resetTime()),this.wake()}get speed(){return this._speed*(x.timeScale===1?1:$e)}set speed(t){this._speed=t*x.timeScale,E(this,s=>s.speed=s._speed)}get timeUnit(){return x.timeScale===1?"ms":"s"}set timeUnit(t){const i=t==="s",n=i?.001:1;if(x.timeScale!==n){x.timeScale=n,x.tickThreshold=200*n;const o=i?.001:$e;this.defaults.duration*=o,this._speed*=o}}get precision(){return x.precision}set precision(t){x.precision=t}}const U=(()=>{const e=new xs(Ye());return pe&&(Kt.engine=e,Xe.addEventListener("visibilitychange",()=>{e.pauseOnDocumentHidden&&(Xe.hidden?e.pause():e.resume())})),e})(),ns=()=>{U._head?(U.reqId=ss(ns),U.update()):U.reqId=0},Ps=()=>(Os(U.reqId),U.reqId=0,U),ws=(e,t,s)=>{const i=e.style.transform;let n;if(i){const o=e[dt];let r;for(;r=gs.exec(i);){const l=r[1],u=r[2].slice(1,-1);o[l]=u,l===t&&(n=u,s&&(s[t]=u))}}return i&&!y(n)?n:ke(t,"scale")?"1":ke(t,"rotate")||ke(t,"skew")?"0deg":"0px"};function Mt(e){const t=ft(e)?x.root.querySelectorAll(e):e;if(t instanceof NodeList||t instanceof HTMLCollection)return t}function Us(e){if(gt(e))return[];if(Ge(e)){const s=e.flat(1/0),i=[];for(let n=0,o=s.length;n<o;n++){const r=s[n];if(!gt(r)){const l=Mt(r);if(l)for(let u=0,a=l.length;u<a;u++){const d=l[u];if(!gt(d)){let f=!1;for(let T=0,p=i.length;T<p;T++)if(i[T]===d){f=!0;break}f||i.push(d)}}else{let u=!1;for(let a=0,d=i.length;a<d;a++)if(i[a]===r){u=!0;break}u||i.push(r)}}}return i}if(!pe)return[e];const t=Mt(e);return t?Array.from(t):[e]}function Ms(e){const t=Us(e),s=t.length;if(s)for(let i=0;i<s;i++){const n=t[i];if(!n[xt]){n[xt]=!0;const o=Yt(n);(n.nodeType||o)&&(n[bt]=!0,n[zt]=o,n[dt]={})}}return t}const Ls=["opacity","rotate","overflow","color"],Bs=(e,t)=>{if(Ls.includes(t))return!1;if(e.getAttribute(t)||t in e){if(t==="scale"){const s=e.parentNode;return s&&s.tagName==="filter"}return!0}},Fs=e=>{const t=fs.exec(e)||hs.exec(e),s=y(t[4])?1:+t[4];return[+t[1],+t[2],+t[3],s]},Vs=e=>{const t=e.length,s=t===4||t===5;return[+("0x"+e[1]+e[s?1:2]),+("0x"+e[s?2:3]+e[s?2:4]),+("0x"+e[s?3:5]+e[s?3:6]),t===5||t===9?+(+("0x"+e[s?4:7]+e[s?4:8])/255).toFixed(3):1]},yt=(e,t,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?e+(t-e)*6*s:s<1/2?t:s<2/3?e+(t-e)*(2/3-s)*6:e),ks=e=>{const t=_s.exec(e)||ps.exec(e),s=+t[1]/360,i=+t[2]/100,n=+t[3]/100,o=y(t[4])?1:+t[4];let r,l,u;if(i===0)r=l=u=n;else{const a=n<.5?n*(1+i):n+i-n*i,d=2*n-a;r=R(yt(d,a,s+1/3)*255,0),l=R(yt(d,a,s)*255,0),u=R(yt(d,a,s-1/3)*255,0)}return[r,l,u,o]},qs=e=>Qt(e)?Fs(e):Gt(e)?Vs(e):jt(e)?ks(e):[0,0,0,1],V=(e,t)=>y(e)?t:e,Ce=(e,t,s,i,n)=>{if(ut(e)){const o=()=>{const r=e(t,s,i);return isNaN(+r)?r||0:+r};return n&&(n.func=o),o()}else return e},is=(e,t)=>e[bt]?e[zt]&&Bs(e,t)?N.ATTRIBUTE:Rt.includes(t)||Qe.get(t)?N.TRANSFORM:ke(t,"--")?N.CSS_VAR:t in e.style?N.CSS:t in e?N.OBJECT:N.ATTRIBUTE:N.OBJECT,Lt=(e,t,s)=>{const i=e.style[t];i&&s&&(s[t]=i);const n=i||getComputedStyle(e[cs]||e).getPropertyValue(t);return n==="auto"?"0":n},He=(e,t,s,i)=>{const n=y(s)?is(e,t):s;return n===N.OBJECT?e[t]||0:n===N.ATTRIBUTE?e.getAttribute(t):n===N.TRANSFORM?ws(e,t,i):n===N.CSS_VAR?Lt(e,t,i).trimStart():Lt(e,t,i)},Bt=(e,t,s)=>s==="-"?e-t:s==="+"?e+t:e*t,At=()=>({t:m.NUMBER,n:0,u:null,o:null,d:null,s:null}),he=(e,t)=>{if(t.t=m.NUMBER,t.n=0,t.u=null,t.o=null,t.d=null,t.s=null,!e)return t;const s=+e;if(isNaN(s)){let i=e;i[1]==="="&&(t.o=i[0],i=i.slice(2));const n=i.includes(" ")?!1:ms.exec(i);if(n)return t.t=m.UNIT,t.n=+n[1],t.u=n[2],t;if(t.o)return t.n=+i,t;if(Ss(i))return t.t=m.COLOR,t.d=qs(i),t;{const o=i.match(Pt);return t.t=m.COMPLEX,t.d=o?o.map(Number):[],t.s=i.split(Pt)||[],t}}else return t.n=s,t},Ft=(e,t)=>(t.t=e._valueType,t.n=e._toNumber,t.u=e._unit,t.o=null,t.d=F(e._toNumbers),t.s=F(e._strings),t),Ie=At(),ct={_rep:new WeakMap,_add:new Map},It=(e,t,s="_rep")=>{const i=ct[s];let n=i.get(e);return n||(n={},i.set(e,n)),n[t]?n[t]:n[t]={_head:null,_tail:null}},Xs=(e,t)=>e._isOverridden||e._absoluteStartTime>t._absoluteStartTime,lt=e=>{e._isOverlapped=1,e._isOverridden=1,e._changeDuration=v,e._currentTime=v},os=(e,t)=>{const s=e._composition;if(s===J.replace){const i=e._absoluteStartTime;Ve(t,e,Xs,"_prevRep","_nextRep");const n=e._prevRep;if(n){const o=n.parent,r=n._absoluteStartTime+n._changeDuration;if(e.parent.id!==o.id&&o.iterationCount>1&&r+(o.duration-o.iterationDuration)>i){lt(n);let a=n._prevRep;for(;a&&a.parent.id===o.id;)lt(a),a=a._prevRep}const l=i-e._delay;if(r>l){const a=n._startTime,d=r-(a+n._updateDuration);n._changeDuration=l-d-a,n._currentTime=n._changeDuration,n._isOverlapped=1,n._changeDuration<v&<(n)}let u=!0;if(E(o,a=>{a._isOverlapped||(u=!1)}),u){const a=o.parent;if(a){let d=!0;E(a,f=>{f!==o&&E(f,T=>{T._isOverlapped||(d=!1)})}),d&&a.cancel()}else o.cancel()}}}else if(s===J.blend){const i=It(e.target,e.property,"_add"),n=Is(ct._add);let o=i._head;o||(o={...e},o._composition=J.replace,o._updateDuration=v,o._startTime=0,o._numbers=F(e._fromNumbers),o._number=0,o._next=null,o._prev=null,Ve(i,o),Ve(n,o));const r=e._toNumber;if(e._fromNumber=o._fromNumber-r,e._toNumber=0,e._numbers=F(e._fromNumbers),e._number=0,o._fromNumber=r,e._toNumbers){const l=F(e._toNumbers);l&&l.forEach((u,a)=>{e._fromNumbers[a]=o._fromNumbers[a]-u,e._toNumbers[a]=0}),o._fromNumbers=l}Ve(i,e,null,"_prevAdd","_nextAdd")}return e},$s=e=>{const t=e._composition;if(t!==J.none){const s=e.target,i=e.property,r=ct._rep.get(s)[i];if(Ze(r,e,"_prevRep","_nextRep"),t===J.blend){const l=ct._add,u=l.get(s);if(!u)return;const a=u[i],d=qe.animation;Ze(a,e,"_prevAdd","_nextAdd");const f=a._head;if(f&&f===a._tail){Ze(a,f,"_prevAdd","_nextAdd"),Ze(d,f);let T=!0;for(let p in u)if(u[p]._head){T=!1;break}T&&l.delete(s)}}}return e},Vt=e=>(e.paused=!0,e.began=!1,e.completed=!1,e),Ct=e=>(e._cancelled&&(e._hasChildren?E(e,Ct):E(e,t=>{t._composition!==J.none&&os(t,It(t.target,t.property))}),e._cancelled=0),e);let Js=0;class zs extends ts{constructor(t={},s=null,i=0){super(0);const{id:n,delay:o,duration:r,reversed:l,alternate:u,loop:a,loopDelay:d,autoplay:f,frameRate:T,playbackRate:p,onComplete:C,onLoop:S,onPause:se,onBegin:me,onBeforeUpdate:Z,onUpdate:I}=t,ne=s?0:U._elapsedTime,b=s?s.defaults:x.defaults,ie=ut(o)||y(o)?b.delay:+o,ae=ut(r)||y(r)?1/0:+r,le=V(a,b.loop),Se=V(d,b.loopDelay),be=le===!0||le===1/0||le<0?1/0:le+1;let Te=0;if(s)Te=i;else{let z=Ye();U.paused&&(U.requestTick(z),z=U._elapsedTime),Te=z-U._startTime}this.id=y(n)?++Js:n,this.parent=s,this.duration=Et((ae+Se)*be-Se)||v,this.backwards=!1,this.paused=!0,this.began=!1,this.completed=!1,this.onBegin=me||b.onBegin,this.onBeforeUpdate=Z||b.onBeforeUpdate,this.onUpdate=I||b.onUpdate,this.onLoop=S||b.onLoop,this.onPause=se||b.onPause,this.onComplete=C||b.onComplete,this.iterationDuration=ae,this.iterationCount=be,this._autoplay=s?!1:V(f,b.autoplay),this._offset=Te,this._delay=ie,this._loopDelay=Se,this._iterationTime=0,this._currentIteration=0,this._resolve=ee,this._running=!1,this._reversed=+V(l,b.reversed),this._reverse=this._reversed,this._cancelled=0,this._alternate=V(u,b.alternate),this._prev=null,this._next=null,this._elapsedTime=ne,this._startTime=ne,this._lastTime=ne,this._fps=V(T,b.frameRate),this._speed=V(p,b.playbackRate)}get cancelled(){return!!this._cancelled}set cancelled(t){t?this.cancel():this.reset(1).play()}get currentTime(){return M(R(this._currentTime,x.precision),-this._delay,this.duration)}set currentTime(t){const s=this.paused;this.pause().seek(+t),s||this.resume()}get iterationCurrentTime(){return R(this._iterationTime,x.precision)}set iterationCurrentTime(t){this.currentTime=this.iterationDuration*this._currentIteration+t}get progress(){return M(R(this._currentTime/this.duration,5),0,1)}set progress(t){this.currentTime=this.duration*t}get iterationProgress(){return M(R(this._iterationTime/this.iterationDuration,5),0,1)}set iterationProgress(t){const s=this.iterationDuration;this.currentTime=s*this._currentIteration+s*t}get currentIteration(){return this._currentIteration}set currentIteration(t){this.currentTime=this.iterationDuration*M(+t,0,this.iterationCount-1)}get reversed(){return!!this._reversed}set reversed(t){t?this.reverse():this.play()}get speed(){return super.speed}set speed(t){super.speed=t,this.resetTime()}reset(t=0){return Ct(this),this._reversed&&!this._reverse&&(this.reversed=!1),this._iterationTime=this.iterationDuration,Fe(this,0,1,t,te.FORCE),Vt(this),this._hasChildren&&E(this,Vt),this}init(t=0){this.fps=this._fps,this.speed=this._speed,!t&&this._hasChildren&&Fe(this,this.duration,1,t,te.FORCE),this.reset(t);const s=this._autoplay;return s===!0?this.resume():s&&!y(s.linked)&&s.link(this),this}resetTime(){const t=1/(this._speed*U._speed);return this._startTime=Ye()-(this._currentTime+this._delay)*t,this}pause(){return this.paused?this:(this.paused=!0,this.onPause(this),this)}resume(){return this.paused?(this.paused=!1,this.duration<=v&&!this._hasChildren?Fe(this,v,0,0,te.FORCE):(this._running||(Ve(U,this),U._hasChildren=!0,this._running=!0),this.resetTime(),this._startTime-=12,U.wake()),this):this}restart(){return this.reset(0).resume()}seek(t,s=0,i=0){Ct(this),this.completed=!1;const n=this.paused;return this.paused=!0,Fe(this,t+this._delay,~~s,~~i,te.AUTO),n?this:this.resume()}alternate(){const t=this._reversed,s=this.iterationCount,i=this.iterationDuration,n=s===1/0?es(Ht/i):s;return this._reversed=+(this._alternate&&!(n%2)?t:!t),s===1/0?this.iterationProgress=this._reversed?1-this.iterationProgress:this.iterationProgress:this.seek(i*n-this._currentTime),this.resetTime(),this}play(){return this._reversed&&this.alternate(),this.resume()}reverse(){return this._reversed||this.alternate(),this.resume()}cancel(){return this._hasChildren?E(this,t=>t.cancel(),!0):E(this,$s),this._cancelled=1,this.pause()}stretch(t){const s=this.duration,i=Ke(t);if(s===i)return this;const n=t/s,o=t<=v;return this.duration=o?v:i,this.iterationDuration=o?v:Ke(this.iterationDuration*n),this._offset*=n,this._delay*=n,this._loopDelay*=n,this}revert(){Fe(this,0,1,0,te.AUTO);const t=this._autoplay;return t&&t.linked&&t.linked===this&&t.revert(),this.cancel()}complete(){return this.seek(this.duration).cancel()}then(t=ee){const s=this.then,i=()=>{this.then=null,t(this),this.then=s,this._resolve=ee};return new Promise(n=>(this._resolve=()=>n(i()),this.completed&&this._resolve(),this))}}const Je=e=>e,rs=(e,t,s)=>(((1-3*s+3*t)*e+(3*s-6*t))*e+3*t)*e,Hs=(e,t,s)=>{let i=0,n=1,o,r,l=0;do r=i+(n-i)/2,o=rs(r,t,s)-e,o>0?n=r:i=r;while(Rs(o)>1e-7&&++l<100);return r},Ws=(e=.5,t=0,s=.5,i=1)=>e===t&&s===i?Je:n=>n===0||n===1?n:rs(Hs(n,e,s),t,i),Zs=(e=10,t)=>{const s=t?Ds:es;return i=>s(M(i,0,1)*e)*(1/e)},as=(...e)=>{const t=e.length;if(!t)return Je;const s=t-1,i=e[0],n=e[s],o=[0],r=[st(i)];for(let l=1;l<s;l++){const u=e[l],a=ft(u)?u.trim().split(" "):[u],d=a[0],f=a[1];o.push(y(f)?l/s:st(f)/100),r.push(st(d))}return r.push(st(n)),o.push(1),function(u){for(let a=1,d=o.length;a<d;a++){const f=o[a];if(u<=f){const T=o[a-1],p=r[a-1];return p+(r[a]-p)*(u-T)/(f-T)}}return r[r.length-1]}},Ks=(e=10,t=1)=>{const s=[0],i=e-1;for(let n=1;n<i;n++){const o=s[n-1],r=n/i,l=(n+1)/i,u=r+(l-r)*Math.random(),a=r*(1-t)+u*t;s.push(M(a,o,1))}return s.push(1),as(...s)},Ys=Dt/2,kt=Dt*2,We=(e=1.68)=>t=>Be(t,+e),qt={[Oe]:We,Quad:We(2),Cubic:We(3),Quart:We(4),Quint:We(5),Sine:e=>1-bs(e*Ys),Circ:e=>1-Cs(1-e*e),Expo:e=>e?Be(2,10*e-10):0,Bounce:e=>{let t,s=4;for(;e<((t=Be(2,--s))-1)/11;);return 1/Be(4,3-s)-7.5625*Be((t*3-2)/22-e,2)},Back:(e=1.70158)=>t=>(+e+1)*t*t*t-+e*t*t,Elastic:(e=1,t=.3)=>{const s=M(+e,1,10),i=M(+t,v,2),n=i/kt*Es(1/s),o=kt/i;return r=>r===0||r===1?r:-s*Be(2,-10*(1-r))*Ns((1-r-n)*o)}},Nt={in:e=>t=>e(t),out:e=>t=>1-e(1-t),inOut:e=>t=>t<.5?e(t*2)/2:1-e(t*-2+2)/2,outIn:e=>t=>t<.5?(1-e(1-t*2))/2:(e(t*2-1)+1)/2},Gs=(e,t,s)=>{if(s[e])return s[e];if(e.indexOf("(")<=-1){const n=Nt[e]||e.includes("Back")||e.includes("Elastic")?t[e]():t[e];return n?s[e]=n:Je}else{const i=e.slice(0,-1).split("("),n=t[i[0]];return n?s[e]=n(...i[1].split(",")):Je}},Qs=(()=>{const e={linear:as,irregular:Ks,steps:Zs,cubicBezier:Ws};for(let t in Nt)for(let s in qt){const i=qt[s],n=Nt[t];e[t+s]=s===Oe||s==="Back"||s==="Elastic"?(o,r)=>n(i(o,r)):n(i)}return e})(),js={linear:Je},Xt=e=>ut(e)?e:ft(e)?Gs(e,Qs,js):Je,$t={},en=(e,t,s)=>{if(s===N.TRANSFORM){const i=Qe.get(e);return i||e}else if(s===N.CSS||s===N.ATTRIBUTE&&Yt(t)&&e in t.style){const i=$t[e];if(i)return i;{const n=e&&ys(e);return $t[e]=n,n}}else return e},vt={deg:1,rad:180/Dt,turn:360},Jt={},tn=(e,t,s,i=!1)=>{const n=t.u,o=t.n;if(t.t===m.UNIT&&n===s)return t;const r=o+n+s,l=Jt[r];if(!y(l)&&!i)t.n=l;else{let u;if(n in vt)u=o*vt[n]/vt[s];else{const d=e.cloneNode(),f=e.parentNode,T=f&&f!==Xe?f:Xe.body;T.appendChild(d);const p=d.style;p.width=100+n;const C=d.offsetWidth||100;p.width=100+s;const S=d.offsetWidth||100,se=C/S;T.removeChild(d),u=se*o}t.n=u,Jt[r]=u}return t.t,m.UNIT,t.u=s,t},ls=e=>{if(e._hasChildren)E(e,ls,!0);else{const t=e;t.pause(),E(t,s=>{const i=s.property,n=s.target;if(n[bt]){const o=n.style,r=t._inlineStyles[i];if(s._tweenType===N.TRANSFORM){const l=n[dt];if(y(r)||r===Oe?delete l[i]:l[i]=r,s._renderTransforms)if(!Object.keys(l).length)o.removeProperty("transform");else{let u=Oe;for(let a in l)u+=Wt[a]+l[a]+") ";o.transform=u}}else y(r)||r===Oe?o.removeProperty(i):o[i]=r;t._tail===s&&t.targets.forEach(l=>{l.getAttribute&&l.getAttribute("style")===Oe&&l.removeAttribute("style")})}})}return e},h=At(),_=At(),nt={func:null},it=[null],Le=[null,null],ot={to:null};let sn=0,Ne,_e;const nn=(e,t)=>{const s={};if(Ge(e)){const i=[].concat(...e.map(n=>Object.keys(n))).filter(rt);for(let n=0,o=i.length;n<o;n++){const r=i[n],l=e.map(u=>{const a={};for(let d in u){const f=u[d];rt(d)?d===r&&(a.to=f):a[d]=f}return a});s[r]=l}}else{const i=V(t.duration,x.defaults.duration);Object.keys(e).map(o=>({o:parseFloat(o)/100,p:e[o]})).sort((o,r)=>o.o-r.o).forEach(o=>{const r=o.o,l=o.p;for(let u in l)if(rt(u)){let a=s[u];a||(a=s[u]=[]);const d=r*i;let f=a.length,T=a[f-1];const p={to:l[u]};let C=0;for(let S=0;S<f;S++)C+=a[S].duration;f===1&&(p.from=T.to),l.ease&&(p.ease=l.ease),p.duration=d-(f?C:0),a.push(p)}return o});for(let o in s){const r=s[o];let l;for(let u=0,a=r.length;u<a;u++){const d=r[u],f=d.ease;d.ease=l||void 0,l=f}r[0].duration||r.shift()}}return s};class on extends zs{constructor(t,s,i,n,o=!1,r=0,l=0){super(s,i,n);const u=Ms(t),a=u.length,d=s.keyframes,f=d?As(nn(d,s),s):s,{delay:T,duration:p,ease:C,playbackEase:S,modifier:se,composition:me,onRender:Z}=f,I=i?i.defaults:x.defaults,ne=V(S,I.playbackEase),b=ne?Xt(ne):null,ie=!y(C)&&!y(C.ease),ae=ie?C.ease:V(C,b?"linear":I.ease),le=ie?C.duration:V(p,I.duration),Se=V(T,I.delay),be=se||I.modifier,Te=y(me)&&a>=$e?J.none:y(me)?I.composition:me,z={},xe=this._offset+(i?i._offset:0);let K=NaN,O=NaN,oe=0,Re=0;for(let L=0;L<a;L++){const c=u[L],P=r||L,H=l||a;let Pe=NaN,De=NaN;for(let Y in f)if(rt(Y)){const k=is(c,Y),G=en(Y,c,k);let W=f[Y];const ze=Ge(W);if(o&&!ze&&(Le[0]=W,Le[1]=W,W=Le),ze){const q=W.length,re=!Tt(W[0]);q===2&&re?(ot.to=W,it[0]=ot,Ne=it):q>2&&re?(Ne=[],W.forEach((B,X)=>{X?X===1?(Le[1]=B,Ne.push(Le)):Ne.push(B):Le[0]=B})):Ne=W}else it[0]=W,Ne=it;let ue=null,Q=null,ge=NaN,ye=0,A=0;for(let q=Ne.length;A<q;A++){const re=Ne[A];Tt(re)?_e=re:(ot.to=re,_e=ot),nt.func=null;const B=Ce(_e.to,c,P,H,nt);let X;Tt(B)&&!y(B.to)?(_e=B,X=B.to):X=B;const we=Ce(_e.from,c,P,H),ce=_e.ease,$=!y(ce)&&!y(ce.ease),Ue=$?ce.ease:ce||ae,D=$?ce.duration:Ce(V(_e.duration,q>1?Ce(le,c,P,H)/q:le),c,P,H),de=Ce(V(_e.delay,A?0:Se),c,P,H),fe=Ce(V(_e.composition,Te),c,P,H),ve=vs(fe)?fe:J[fe],je=_e.modifier||be,Me=!y(we),Ee=!y(X),et=Ge(X),us=et||Me&&Ee,ht=Q?ye+de:de,_t=xe+ht;!Re&&(Me||et)&&(Re=1);let j=Q;if(ve!==J.none){ue||(ue=It(c,G));let g=ue._head;for(;g&&!g._isOverridden&&g._absoluteStartTime<=_t;)if(j=g,g=g._nextRep,g&&g._absoluteStartTime>=_t)for(;g;)lt(g),g=g._nextRep}if(us?(he(et?Ce(X[0],c,P,H):we,h),he(et?Ce(X[1],c,P,H,nt):X,_),h.t===m.NUMBER&&(j?j._valueType===m.UNIT&&(h.t=m.UNIT,h.u=j._unit):(he(He(c,G,k,z),Ie),Ie.t===m.UNIT&&(h.t=m.UNIT,h.u=Ie.u)))):(Ee?he(X,_):Q?Ft(Q,_):he(i&&j&&j.parent.parent===i?j._value:He(c,G,k,z),_),Me?he(we,h):Q?Ft(Q,h):he(i&&j&&j.parent.parent===i?j._value:He(c,G,k,z),h)),h.o&&(h.n=Bt(j?j._toNumber:he(He(c,G,k,z),Ie).n,h.n,h.o)),_.o&&(_.n=Bt(h.n,_.n,_.o)),h.t!==_.t){if(h.t===m.COMPLEX||_.t===m.COMPLEX){const g=h.t===m.COMPLEX?h:_,w=h.t===m.COMPLEX?_:h;w.t=m.COMPLEX,w.s=F(g.s),w.d=g.d.map(()=>w.n)}else if(h.t===m.UNIT||_.t===m.UNIT){const g=h.t===m.UNIT?h:_,w=h.t===m.UNIT?_:h;w.t=m.UNIT,w.u=g.u}else if(h.t===m.COLOR||_.t===m.COLOR){const g=h.t===m.COLOR?h:_,w=h.t===m.COLOR?_:h;w.t=m.COLOR,w.s=g.s,w.d=[0,0,0,1]}}if(h.u!==_.u){let g=_.u?h:_;g=tn(c,g,_.u?_.u:h.u,!1)}if(_.d&&h.d&&_.d.length!==h.d.length){const g=h.d.length>_.d.length?h:_,w=g===h?_:h;w.d=g.d.map((an,Ot)=>y(w.d[Ot])?0:w.d[Ot]),w.s=F(g.s)}const pt=R(+D||v,12),tt={parent:this,id:sn++,property:G,target:c,_value:null,_func:nt.func,_ease:Xt(Ue),_fromNumbers:F(h.d),_toNumbers:F(_.d),_strings:F(_.s),_fromNumber:h.n,_toNumber:_.n,_numbers:F(h.d),_number:h.n,_unit:_.u,_modifier:je,_currentTime:0,_startTime:ht,_delay:+de,_updateDuration:pt,_changeDuration:pt,_absoluteStartTime:_t,_tweenType:k,_valueType:_.t,_composition:ve,_isOverlapped:0,_isOverridden:0,_renderTransforms:0,_prevRep:null,_nextRep:null,_prevAdd:null,_nextAdd:null,_prev:null,_next:null};ve!==J.none&&os(tt,ue),isNaN(ge)&&(ge=tt._startTime),ye=R(ht+pt,12),Q=tt,oe++,Ve(this,tt)}(isNaN(O)||ge<O)&&(O=ge),(isNaN(K)||ye>K)&&(K=ye),k===N.TRANSFORM&&(Pe=oe-A,De=oe)}if(!isNaN(Pe)){let Y=0;E(this,k=>{Y>=Pe&&Y<De&&(k._renderTransforms=1,k._composition===J.blend&&E(qe.animation,G=>{G.id===k.id&&(G._renderTransforms=1)})),Y++})}}a||console.warn("No target found. Make sure the element you're trying to animate is accessible before creating your animation."),O?(E(this,L=>{L._startTime-L._delay||(L._delay-=O),L._startTime-=O}),K-=O):O=0,K||(K=v,this.iterationCount=0),this.targets=u,this.duration=K===v?v:Et((K+this._loopDelay)*this.iterationCount-this._loopDelay)||v,this.onRender=Z||I.onRender,this._ease=b,this._delay=O,this.iterationDuration=K,this._inlineStyles=z,!this._autoplay&&Re&&this.onRender(this)}stretch(t){const s=this.duration;if(s===Ke(t))return this;const i=t/s;return E(this,n=>{n._updateDuration=Ke(n._updateDuration*i),n._changeDuration=Ke(n._changeDuration*i),n._currentTime*=i,n._startTime*=i,n._absoluteStartTime*=i}),super.stretch(t)}refresh(){return E(this,t=>{const s=He(t.target,t.property,t._tweenType);he(s,Ie),t._fromNumbers=F(Ie.d),t._fromNumber=Ie.n,t._func&&(he(t._func(),_),t._toNumbers=F(_.d),t._strings=F(_.s),t._toNumber=_.n)}),this}revert(){return super.revert(),ls(this)}then(t){return super.then(t)}}const ln=(e,t)=>new on(e,t,null,0,!1).init(),rn=["x","y","z"];[...rn,...Rt.filter(e=>["X","Y","Z"].some(t=>e.endsWith(t)))];pe&&(y(CSS)||Object.hasOwnProperty.call(CSS,"registerProperty"));export{ln as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as p,W as w,i as N,Z as v,_ as d}from"./vue.esm-bundler-DmHyoj4Y.js";var I=Object.defineProperty,j=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})};const{sanitizeStoryContextUpdate:E}=__STORYBOOK_MODULE_PREVIEW_API__;var F={};j(F,{applyDecorators:()=>U,mount:()=>b,parameters:()=>h,render:()=>P,renderToCanvas:()=>y});var P=(e,t)=>{let{id:r,component:i}=t;if(!i)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return()=>p(i,e,L(e,t))},A=e=>{globalThis.PLUGINS_SETUP_FUNCTIONS??(globalThis.PLUGINS_SETUP_FUNCTIONS=new Set),globalThis.PLUGINS_SETUP_FUNCTIONS.add(e)},C=async(e,t)=>{globalThis&&globalThis.PLUGINS_SETUP_FUNCTIONS&&await Promise.all([...globalThis.PLUGINS_SETUP_FUNCTIONS].map(r=>r(e,t)))},_=new Map;async function y({storyFn:e,forceRemount:t,showMain:r,showException:i,storyContext:n,id:a},s){let o=_.get(s);if(o&&!t){let l=e(),c=O(l,n);return R(o.reactiveArgs,c),()=>{g(o.vueApp,s)}}o&&t&&g(o.vueApp,s);let u=w({setup(){n.args=d(n.args);let l=e(),c=O(l,n),f={vueApp:u,reactiveArgs:d(c)};return _.set(s,f),()=>p(l)}});return u.config.errorHandler=(l,c,f)=>{var S;(S=window.__STORYBOOK_PREVIEW__)!=null&&S.storyRenders.some(T=>T.id===a&&T.phase==="playing")?setTimeout(()=>{throw l},0):i(l)},await C(u,n),u.mount(s),r(),()=>{g(u,s)}}function L(e,t){let{argTypes:r}=t,i=Object.entries(e).filter(([n])=>{var a,s;return((s=(a=r[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 O(e,t){return e.props&&N(e)?e.props:t.args}function R(e,t){if(Object.keys(t).length===0)return;let r=v(e)?e:d(e);Object.keys(r).forEach(i=>{i in t||delete r[i]}),Object.assign(r,t)}function g(e,t){e==null||e.unmount(),_.has(t)&&_.delete(t)}function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function m(e,t){let r=e;return r===null?null:typeof r=="function"?r:t?{...z(r),components:{...r.components||{},story:t}}:{render(){return p(r)}}}function U(e,t){return t.reduce((r,i)=>n=>{let a,s=i(o=>{let u=E(o);return o&&(u.args=Object.assign(n.args,u.args)),a=r({...n,...u}),a},n);return a||(a=r(n)),s===a?a:m(s,()=>p(a))},r=>m(e(r)))}var b=e=>async(t,r)=>(t&&(e.originalStoryFn=()=>()=>p(t,r==null?void 0:r.props,r==null?void 0:r.slots)),await e.renderToCanvas(),e.canvas),h={renderer:"vue3"};const D=Object.freeze(Object.defineProperty({__proto__:null,applyDecorators:U,mount:b,parameters:h,render:P,renderToCanvas:y},Symbol.toStringTag,{value:"Module"}));export{D as a,F as e,A as s};
|
|
@@ -0,0 +1,16 @@
|
|
|
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-DmHyoj4Y.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};
|