@citizenplane/pimp 8.14.0 → 8.15.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/pimp.es.js +14994 -0
- package/dist/pimp.umd.js +12 -0
- package/dist/style.css +1 -0
- package/package.json +3 -2
- package/src/components/atomic-elements/CpAirlineLogo.vue +41 -0
- package/src/components/atomic-elements/CpPartnerBadge.vue +97 -0
- package/src/components/icons/IconAirline.vue +7 -0
- package/src/components/icons/IconOta.vue +20 -0
- package/src/components/icons/IconSupplier.vue +10 -0
- package/src/components/icons/IconThirdParty.vue +25 -0
- package/src/stories/CpAirlineLogo.stories.ts +93 -0
- package/src/stories/CpPartnerBadge.stories.ts +161 -0
- package/src/utils/constants/index.js +2 -0
- package/src/utils/constants/src/PartnerTypes.js +6 -0
- package/src/utils/constants/src/Sizes.js +5 -0
- package/dist/assets/BaseInputLabel-B6HBeOYW.css +0 -1
- package/dist/assets/BaseInputLabel-BEmdWkeA.js +0 -1
- package/dist/assets/BaseInputLabel.stories-CWggfy0B.js +0 -28
- package/dist/assets/Color-YHDXOIA2-C8yFTRje.js +0 -1
- package/dist/assets/Colors-mWZwWrlN.js +0 -1
- package/dist/assets/CpAlert-BW1Zf1Km.css +0 -1
- package/dist/assets/CpAlert-mkY_4xAf.js +0 -1
- package/dist/assets/CpAlert.stories-bTzsb3QU.js +0 -58
- package/dist/assets/CpBadge-CE420vX2.css +0 -1
- package/dist/assets/CpBadge-DVu8hhXi.js +0 -1
- package/dist/assets/CpBadge.stories-D4jb-Y8N.js +0 -170
- package/dist/assets/CpButton-CriAEAA_.js +0 -1
- package/dist/assets/CpButton-gbl9KLuG.css +0 -1
- package/dist/assets/CpButton.stories-CdI6_XFS.js +0 -86
- package/dist/assets/CpCheckbox-DdQW6Gbc.css +0 -1
- package/dist/assets/CpCheckbox-Dopy8x9B.js +0 -1
- package/dist/assets/CpCheckbox.stories-Df_gEpnZ.js +0 -167
- package/dist/assets/CpDate-BdnXxnGQ.css +0 -1
- package/dist/assets/CpDate-C9Tf--RL.js +0 -3
- package/dist/assets/CpDate.stories-CWvXUGcN.js +0 -59
- package/dist/assets/CpDatepicker-DZqnxLl5.js +0 -5
- package/dist/assets/CpDatepicker-DqugfF5T.css +0 -1
- package/dist/assets/CpDatepicker.stories-ByT4qNrf.js +0 -83
- package/dist/assets/CpDialog-8CGjG9CK.js +0 -1
- package/dist/assets/CpDialog-BeuM9Ffk.css +0 -1
- package/dist/assets/CpDialog.stories-D3qizr1X.js +0 -43
- package/dist/assets/CpHeading-BAq1EOd-.js +0 -1
- package/dist/assets/CpHeading-DgViCnDE.css +0 -1
- package/dist/assets/CpHeading.stories-BbC4yHHt.js +0 -85
- package/dist/assets/CpIcon-CWMZpN60.js +0 -5
- package/dist/assets/CpIcon-CdMV7BxY.css +0 -1
- package/dist/assets/CpIcon.stories-DLk_T_0O.js +0 -47
- package/dist/assets/CpInput-BjnvrsOu.js +0 -1
- package/dist/assets/CpInput-CAegPnB6.css +0 -1
- package/dist/assets/CpInput.stories-_vz5Chnb.js +0 -98
- package/dist/assets/CpLoader-DDgDnagl.js +0 -1
- package/dist/assets/CpLoader.stories-CFCmKQd0.js +0 -10
- package/dist/assets/CpRadio-CfeFgUHl.js +0 -1
- package/dist/assets/CpRadio-DiUdGJPg.css +0 -1
- package/dist/assets/CpRadio.stories-CYHrGXIH.js +0 -132
- package/dist/assets/CpSelect-BOPkEYW_.js +0 -1
- package/dist/assets/CpSelect-HpT9AKcz.css +0 -1
- package/dist/assets/CpSelect.stories-D1y3-8Cb.js +0 -85
- package/dist/assets/CpSelectMenu-DjXR4Uic.js +0 -1
- package/dist/assets/CpSelectMenu-Dw4sbiEj.css +0 -1
- package/dist/assets/CpSelectMenu.stories-Dmoj_z0D.js +0 -104
- package/dist/assets/CpSwitch-0szuwNWX.js +0 -1
- package/dist/assets/CpSwitch-CIWoB1sY.css +0 -1
- package/dist/assets/CpSwitch.stories-DlyBuiCs.js +0 -132
- package/dist/assets/CpTable-BN6Amfsc.css +0 -1
- package/dist/assets/CpTable-yndu3rZB.js +0 -1
- package/dist/assets/CpTable.stories-BexDadF2.js +0 -151
- package/dist/assets/CpTableEmptyState-DLgi2hhT.css +0 -1
- package/dist/assets/CpTableEmptyState-nxS12hcI.js +0 -1
- package/dist/assets/CpTableEmptyState.stories-DJ72SR3h.js +0 -20
- package/dist/assets/CpTextarea-CxUuF1Yp.js +0 -1
- package/dist/assets/CpTextarea-CzC-Bjsy.css +0 -1
- package/dist/assets/CpTextarea.stories-Bd-7bf7X.js +0 -64
- package/dist/assets/CpToaster-BXpKEwda.css +0 -1
- package/dist/assets/CpToaster-upD4XD7h.js +0 -1
- package/dist/assets/CpToaster.stories-BlgqTy_B.js +0 -124
- package/dist/assets/CpTooltip-BIIOHaoi.css +0 -1
- package/dist/assets/CpTooltip-BqbUESX8.js +0 -1
- package/dist/assets/CpTooltip.stories-3ZeKMqX-.js +0 -121
- package/dist/assets/DocsRenderer-CFRXHY34-DKTf6mqp.js +0 -623
- package/dist/assets/Intent-UfUixXOL.js +0 -1
- package/dist/assets/ToggleColors-CSr2zujL.js +0 -1
- package/dist/assets/TransitionExpand-BHMSqajW.css +0 -1
- package/dist/assets/TransitionExpand-Cw-PtMjf.js +0 -1
- package/dist/assets/TransitionExpand.stories-DA_EG21u.js +0 -121
- package/dist/assets/_commonjsHelpers-CqkleIqs.js +0 -1
- package/dist/assets/_plugin-vue_export-helper-DlAUqK2U.js +0 -1
- package/dist/assets/anime.esm-RriTVqCw.js +0 -8
- package/dist/assets/entry-preview-CdRJLUOC.js +0 -1
- package/dist/assets/entry-preview-docs-DlP_tvsd.js +0 -16
- package/dist/assets/iframe-BRP1vbOF.js +0 -211
- package/dist/assets/index-Bx-go_-4.js +0 -8
- package/dist/assets/index-C4sqkTD9.js +0 -1
- package/dist/assets/index-DCv8Njl6.js +0 -1
- package/dist/assets/index-DrFu-skq.js +0 -6
- package/dist/assets/preview-B8lJiyuQ.js +0 -34
- package/dist/assets/preview-BBWR9nbA.js +0 -1
- package/dist/assets/preview-BWzBA1C2.js +0 -396
- package/dist/assets/preview-CFvxDgBX.js +0 -2
- package/dist/assets/preview-CIuMKJn5.js +0 -240
- package/dist/assets/preview-ChekwTuA.js +0 -3
- package/dist/assets/preview-CvbIS5ZJ.js +0 -1
- package/dist/assets/preview-DD_OYowb.js +0 -1
- package/dist/assets/preview-DGUiP6tS.js +0 -7
- package/dist/assets/preview-OgCpecWL.css +0 -1
- package/dist/assets/vue.esm-bundler-DJiS9hE5.js +0 -36
- package/dist/favicon.svg +0 -1
- package/dist/iframe.html +0 -666
- package/dist/index.html +0 -177
- package/dist/index.json +0 -1
- 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 +0 -1
- package/dist/sb-addons/chromatic-com-storybook-9/manager-bundle.js +0 -331
- package/dist/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +0 -51
- package/dist/sb-addons/essentials-actions-2/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-backgrounds-4/manager-bundle.js +0 -12
- package/dist/sb-addons/essentials-controls-1/manager-bundle.js +0 -402
- package/dist/sb-addons/essentials-docs-3/manager-bundle.js +0 -242
- package/dist/sb-addons/essentials-measure-7/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-outline-8/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-toolbars-6/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-viewport-5/manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-experimental-addon-test-10/manager-bundle.js +0 -223
- package/dist/sb-common-assets/favicon.svg +0 -1
- 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 +0 -1052
- package/dist/sb-manager/globals-runtime.js +0 -42127
- package/dist/sb-manager/globals.js +0 -48
- package/dist/sb-manager/runtime.js +0 -12048
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
import{r as d}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as i}from"./CpCheckbox-Dopy8x9B.js";import"./index-DCv8Njl6.js";import"./ToggleColors-CSr2zujL.js";import"./Colors-mWZwWrlN.js";const J={title:"CpCheckbox",component:i,argTypes:{modelValue:{control:"boolean",description:"The checkbox value"},checkboxValue:{control:"text",description:"Value when used in a group"},checkboxLabel:{control:"text",description:"Label text for the checkbox"},isDisabled:{control:"boolean",description:"Whether the checkbox is disabled"},groupName:{control:"text",description:"Name attribute for checkbox group"},capitalizeLabel:{control:"boolean",description:"Whether to capitalize the first letter of the label"},color:{control:"select",options:["blue","purple"],description:"Color variant of the checkbox"},reverseLabel:{control:"boolean",description:"Whether to show label before the checkbox"},autofocus:{control:"boolean",description:"Whether to autofocus the checkbox"},helper:{control:"text",description:"Helper text to display below the label"}}},e={args:{checkboxLabel:"Checkbox Label",modelValue:!1,isDisabled:!1,capitalizeLabel:!0,color:"blue",reverseLabel:!1,autofocus:!1,helper:""},render:o=>({components:{CpCheckbox:i},setup(){const u=d(o.modelValue);return{args:o,value:u}},template:`
|
|
2
|
-
<div style="padding: 20px;">
|
|
3
|
-
<CpCheckbox
|
|
4
|
-
v-model="value"
|
|
5
|
-
v-bind="args"
|
|
6
|
-
/>
|
|
7
|
-
</div>
|
|
8
|
-
`})},a={args:{...e.args,modelValue:!0}},r={args:{...e.args,isDisabled:!0}},s={args:{...e.args,helper:"This is a helper text that provides additional information"}},t={args:{...e.args,color:"purple"}},n={args:{...e.args,reverseLabel:!0}},l={args:{...e.args,capitalizeLabel:!1,checkboxLabel:"checkbox label"}},c={render:()=>({components:{CpCheckbox:i},setup(){return{selectedValues:d(["option1"])}},template:`
|
|
9
|
-
<div style="padding: 20px; display: flex; flex-direction: column; gap: 12px;">
|
|
10
|
-
<CpCheckbox
|
|
11
|
-
v-model="selectedValues"
|
|
12
|
-
checkbox-value="option1"
|
|
13
|
-
checkbox-label="Option 1"
|
|
14
|
-
group-name="group1"
|
|
15
|
-
/>
|
|
16
|
-
<CpCheckbox
|
|
17
|
-
v-model="selectedValues"
|
|
18
|
-
checkbox-value="option2"
|
|
19
|
-
checkbox-label="Option 2"
|
|
20
|
-
group-name="group1"
|
|
21
|
-
/>
|
|
22
|
-
<CpCheckbox
|
|
23
|
-
v-model="selectedValues"
|
|
24
|
-
checkbox-value="option3"
|
|
25
|
-
checkbox-label="Option 3"
|
|
26
|
-
group-name="group1"
|
|
27
|
-
/>
|
|
28
|
-
</div>
|
|
29
|
-
`})},p={args:{...e.args,checkboxLabel:""},render:o=>({components:{CpCheckbox:i},setup(){const u=d(o.modelValue);return{args:o,value:u}},template:`
|
|
30
|
-
<div style="padding: 20px;">
|
|
31
|
-
<CpCheckbox
|
|
32
|
-
v-model="value"
|
|
33
|
-
v-bind="args"
|
|
34
|
-
>
|
|
35
|
-
<div style="display: flex; flex-direction: column; gap: 4px;">
|
|
36
|
-
<span style="font-weight: 500;">Custom Content</span>
|
|
37
|
-
<span style="font-size: 14px; color: #666;">With multiple lines and styling</span>
|
|
38
|
-
</div>
|
|
39
|
-
</CpCheckbox>
|
|
40
|
-
</div>
|
|
41
|
-
`})};var b,m,h;e.parameters={...e.parameters,docs:{...(b=e.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
42
|
-
args: {
|
|
43
|
-
checkboxLabel: 'Checkbox Label',
|
|
44
|
-
modelValue: false,
|
|
45
|
-
isDisabled: false,
|
|
46
|
-
capitalizeLabel: true,
|
|
47
|
-
color: 'blue',
|
|
48
|
-
reverseLabel: false,
|
|
49
|
-
autofocus: false,
|
|
50
|
-
helper: ''
|
|
51
|
-
},
|
|
52
|
-
render: args => ({
|
|
53
|
-
components: {
|
|
54
|
-
CpCheckbox
|
|
55
|
-
},
|
|
56
|
-
setup() {
|
|
57
|
-
const value = ref(args.modelValue);
|
|
58
|
-
return {
|
|
59
|
-
args,
|
|
60
|
-
value
|
|
61
|
-
};
|
|
62
|
-
},
|
|
63
|
-
template: \`
|
|
64
|
-
<div style="padding: 20px;">
|
|
65
|
-
<CpCheckbox
|
|
66
|
-
v-model="value"
|
|
67
|
-
v-bind="args"
|
|
68
|
-
/>
|
|
69
|
-
</div>
|
|
70
|
-
\`
|
|
71
|
-
})
|
|
72
|
-
}`,...(h=(m=e.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};var x,g,v;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
73
|
-
args: {
|
|
74
|
-
...Default.args,
|
|
75
|
-
modelValue: true
|
|
76
|
-
}
|
|
77
|
-
}`,...(v=(g=a.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var C,k,f;r.parameters={...r.parameters,docs:{...(C=r.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
78
|
-
args: {
|
|
79
|
-
...Default.args,
|
|
80
|
-
isDisabled: true
|
|
81
|
-
}
|
|
82
|
-
}`,...(f=(k=r.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};var V,y,L;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
83
|
-
args: {
|
|
84
|
-
...Default.args,
|
|
85
|
-
helper: 'This is a helper text that provides additional information'
|
|
86
|
-
}
|
|
87
|
-
}`,...(L=(y=s.parameters)==null?void 0:y.docs)==null?void 0:L.source}}};var D,z,W;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
88
|
-
args: {
|
|
89
|
-
...Default.args,
|
|
90
|
-
color: 'purple'
|
|
91
|
-
}
|
|
92
|
-
}`,...(W=(z=t.parameters)==null?void 0:z.docs)==null?void 0:W.source}}};var S,O,w;n.parameters={...n.parameters,docs:{...(S=n.parameters)==null?void 0:S.docs,source:{originalSource:`{
|
|
93
|
-
args: {
|
|
94
|
-
...Default.args,
|
|
95
|
-
reverseLabel: true
|
|
96
|
-
}
|
|
97
|
-
}`,...(w=(O=n.parameters)==null?void 0:O.docs)==null?void 0:w.source}}};var _,T,H;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
98
|
-
args: {
|
|
99
|
-
...Default.args,
|
|
100
|
-
capitalizeLabel: false,
|
|
101
|
-
checkboxLabel: 'checkbox label'
|
|
102
|
-
}
|
|
103
|
-
}`,...(H=(T=l.parameters)==null?void 0:T.docs)==null?void 0:H.source}}};var G,N,P;c.parameters={...c.parameters,docs:{...(G=c.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
104
|
-
render: () => ({
|
|
105
|
-
components: {
|
|
106
|
-
CpCheckbox
|
|
107
|
-
},
|
|
108
|
-
setup() {
|
|
109
|
-
const selectedValues = ref(['option1']);
|
|
110
|
-
return {
|
|
111
|
-
selectedValues
|
|
112
|
-
};
|
|
113
|
-
},
|
|
114
|
-
template: \`
|
|
115
|
-
<div style="padding: 20px; display: flex; flex-direction: column; gap: 12px;">
|
|
116
|
-
<CpCheckbox
|
|
117
|
-
v-model="selectedValues"
|
|
118
|
-
checkbox-value="option1"
|
|
119
|
-
checkbox-label="Option 1"
|
|
120
|
-
group-name="group1"
|
|
121
|
-
/>
|
|
122
|
-
<CpCheckbox
|
|
123
|
-
v-model="selectedValues"
|
|
124
|
-
checkbox-value="option2"
|
|
125
|
-
checkbox-label="Option 2"
|
|
126
|
-
group-name="group1"
|
|
127
|
-
/>
|
|
128
|
-
<CpCheckbox
|
|
129
|
-
v-model="selectedValues"
|
|
130
|
-
checkbox-value="option3"
|
|
131
|
-
checkbox-label="Option 3"
|
|
132
|
-
group-name="group1"
|
|
133
|
-
/>
|
|
134
|
-
</div>
|
|
135
|
-
\`
|
|
136
|
-
})
|
|
137
|
-
}`,...(P=(N=c.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var R,E,j;p.parameters={...p.parameters,docs:{...(R=p.parameters)==null?void 0:R.docs,source:{originalSource:`{
|
|
138
|
-
args: {
|
|
139
|
-
...Default.args,
|
|
140
|
-
checkboxLabel: ''
|
|
141
|
-
},
|
|
142
|
-
render: args => ({
|
|
143
|
-
components: {
|
|
144
|
-
CpCheckbox
|
|
145
|
-
},
|
|
146
|
-
setup() {
|
|
147
|
-
const value = ref(args.modelValue);
|
|
148
|
-
return {
|
|
149
|
-
args,
|
|
150
|
-
value
|
|
151
|
-
};
|
|
152
|
-
},
|
|
153
|
-
template: \`
|
|
154
|
-
<div style="padding: 20px;">
|
|
155
|
-
<CpCheckbox
|
|
156
|
-
v-model="value"
|
|
157
|
-
v-bind="args"
|
|
158
|
-
>
|
|
159
|
-
<div style="display: flex; flex-direction: column; gap: 4px;">
|
|
160
|
-
<span style="font-weight: 500;">Custom Content</span>
|
|
161
|
-
<span style="font-size: 14px; color: #666;">With multiple lines and styling</span>
|
|
162
|
-
</div>
|
|
163
|
-
</CpCheckbox>
|
|
164
|
-
</div>
|
|
165
|
-
\`
|
|
166
|
-
})
|
|
167
|
-
}`,...(j=(E=p.parameters)==null?void 0:E.docs)==null?void 0:j.source}}};const K=["Default","Checked","Disabled","WithHelper","Purple","Reversed","WithoutCapitalization","CheckboxGroup","CustomContent"];export{c as CheckboxGroup,a as Checked,p as CustomContent,e as Default,r as Disabled,t as Purple,n as Reversed,s as WithHelper,l as WithoutCapitalization,K as __namedExportsOrder,J as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! 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,.cpDate__month select{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}.cpDate input,.cpDate select{background-color:transparent;color:#3e3e5b}.cpDate input::-webkit-outer-spin-button,.cpDate input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cpDate input[type=number]{-moz-appearance:textfield}.cpDate select{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none}.cpDate input::placeholder,.cpDate__month--isEmpty{color:#3e3e5b}.cpDate__label{display:flex;align-items:center;line-height:1.5rem;margin-bottom:.5rem;font-size:.875em}.cpDate__label>span{margin-left:.125rem}.cpDate__label i{margin-left:.25rem;width:1rem;height:1rem;color:#eb0505}.cpDate__inputs{display:flex;height:2.75em;border:.0625rem solid #d8d8de;border-radius:.625em;overflow:hidden;background-color:#fff;box-shadow:inset 0 .0625em .125em #3e3e5b1f}.cpDate__inputs:hover,.cpDate__inputs:focus-within{border-color:#5341f9;background-color:#fff}.cpDate__inputs:focus-within{box-shadow:#5341f91a 0 0 0 .25rem,#5341f9 0 0 0 .03125rem}.cpDate__divider{flex-shrink:0;width:.0625rem;height:100%;background-color:#d8d8de}.cpDate__month,.cpDate__day,.cpDate__year{min-width:0}.cpDate__month{position:relative;flex:1 1 50%}.cpDate__month:after{position:absolute;top:50%;right:.75em;width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209.68298L12%2015.683L18%209.68298'%20stroke='%233E3E5B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:cover;transform:translateY(-50%);content:"";pointer-events:none}.cpDate__month select{width:100%;padding:.75em 2.5em .75em .75em;color:inherit;cursor:pointer}.cpDate__month select:focus-visible{text-decoration:underline;font-weight:500}.cpDate__month select>option:not(:disabled){color:#3e3e5b}.cpDate__day,.cpDate__year{flex:0 0 25%;padding:.75rem}.cpDate--isInvalid .cpDate__inputs,.cpDate--isInvalid .cpDate__inputs:hover,.cpDate--isInvalid .cpDate__inputs:focus-within{border-color:#eb0505}.cpDate--isInvalid .cpDate__inputs:focus-within{box-shadow:0 0 0 .1875em #fd9595}.cpDate--isInvalid .cpDate__divider{background-color:#eb0505}.cpDate--isDisabled .cpDate__inputs{border-color:#d8d8de;background:#f8faff}.cpDate--isDisabled .cpDate__inputs *{color:#b2b2bd!important;cursor:not-allowed!important}.cpDate--isDisabled .cpDate__month:after{opacity:.4}.cpDate__errorMessage{margin-top:.375rem;color:#eb0505;font-weight:500;font-size:.875em}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{D as s,I as g,c as p,r as V}from"./index-DCv8Njl6.js";import{c as d,d as u,a as r,h as I,k as x,e as S,t as m,p as h,q as y,s as k,n as f,x as O,F as q,y as B,g as Y,j as D,o as l}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";const C=120,_={props:{modelValue:{type:[String,Date],default:""},minDate:{type:[String,Date],default:s.now().minus({year:C}).toISO()},maxDate:{type:[String,Date],default:s.now().toISO()},label:{type:String,default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},isInvalid:{type:Boolean,default:!1},errorMessage:{type:String,default:""},displayErrorMessage:{type:Boolean,default:!0},autocompleteBirthday:{type:Boolean,default:!1},locale:{type:String,default:()=>navigator.language},inputsOptions:{type:Object,default:()=>{}}},emits:["update:modelValue","on-validation"],data(){return{day:this.initDateToken("day"),month:this.initDateToken("month"),year:this.initDateToken("year")}},computed:{capitalizedLabel(){return p(this.label)},cpDateId(){return V()},minYear(){return this.isoMinDate.year},maxYear(){return this.isoMaxDate.year},monthMaxDay(){return s.fromObject({year:this.year&&this.year.length<=4?Number(this.year):s.now().year,month:this.month?Number(this.month):s.now().month,day:1}).daysInMonth},months(){return g.months("long",{locale:this.locale}).map((t,i)=>({label:p(t),value:i+1}))},isoDate(){return s.fromObject({year:Number(this.year),month:Number(this.month),day:Number(this.day)}).toISODate()},isoMinDate(){return s.fromISO(this.minDate)},isoMaxDate(){return s.fromISO(this.maxDate)},isDateAfterMinDate(){return this.isoDate>=this.isoMinDate.toISODate()},isDateBeforeMaxDate(){return this.isoDate<=this.isoMaxDate.toISODate()},areInputsEmpty(){return this.day===""&&this.month===""&&this.year===""},isDateValid(){return this.areInputsEmpty&&!this.required?!0:!this.isInvalid&&this.isDayValid&&this.isMonthValid&&this.isYearValid&&this.isDateBeforeMaxDate&&this.isDateAfterMinDate},isDayValid(){return this.day>=1&&this.day<=this.monthMaxDay},isMonthValid(){return!!this.month},isYearValid(){return this.year>=this.minYear&&this.year<=this.maxYear},advancedErrorMessage(){return this.isDateValid||!this.displayErrorMessage?"":this.errorMessage?this.errorMessage:this.isMonthValid?this.isDayValid?this.isYearValid?this.isDateBeforeMaxDate?this.isDateAfterMinDate?"":`The date can't be before ${this.isoMinDate.toFormat("DDD")}.`:`The date can't be after ${this.isoMaxDate.toFormat("DDD")}.`:`Year must be in the range ${this.minYear} – ${this.maxYear}.`:`Day must be in the range 1 – ${this.monthMaxDay}.`:"Month is required."},dynamicClasses(){return{"cpDate--isInvalid":!this.isDateValid,"cpDate--isDisabled":this.disabled}},selectDynamicClass(){return{"cpDate__month--isEmpty":!this.month}},autocompleteFields(){return this.autocompleteBirthday?{day:"bday-day",month:"bday-month",year:"bday-year"}:"off"},dayInputPlaceholder(){var e;return((e=this.inputsOptions)==null?void 0:e.dayInputPlaceholder)||"DD"},monthInputPlaceholder(){var e;return((e=this.inputsOptions)==null?void 0:e.monthInputPlaceholder)||"Months"},yearInputPlaceholder(){var e;return((e=this.inputsOptions)==null?void 0:e.yearInputPlaceholder)||"YYYY"}},watch:{day(){this.handleUpdate()},month(){this.handleUpdate()},year(){this.handleUpdate()}},methods:{initDateToken(e){return s.fromISO(this.modelValue).invalid?"":s.fromISO(this.modelValue)[e]},handleUpdate(){this.$emit("update:modelValue",this.isoDate),this.$emit("on-validation",this.isDateValid)}}},E=["for"],w={key:0,class:"u-asterisk"},T={class:"cpDate__inputs"},F=["placeholder","required","disabled","autocomplete"],A=["id","required","disabled","autocomplete"],P={value:""},U=["value"],z=["placeholder","disabled","required","autocomplete"],L={key:0,class:"cpDate__errorMessage"};function j(e,t,i,G,o,a){const v=D("cp-icon"),b=D("transition-expand"),c=k("maska");return l(),d("div",{class:f(["cpDate",a.dynamicClasses])},[i.label?(l(),d("label",{key:0,class:"cpDate__label",for:a.cpDateId},[x(m(a.capitalizedLabel)+" ",1),i.required?(l(),d("span",w,"*")):u("",!0),a.isDateValid?u("",!0):(l(),S(v,{key:1,type:"alert-circle"}))],8,E)):u("",!0),r("div",T,[h(r("input",{"onUpdate:modelValue":t[0]||(t[0]=n=>o.day=n),"data-maska":"##",placeholder:a.dayInputPlaceholder,class:"cpDate__day",inputmode:"numeric",maxlength:"2",required:i.required,disabled:i.disabled,autocomplete:a.autocompleteFields.day},null,8,F),[[y,o.day],[c]]),t[3]||(t[3]=r("div",{class:"cpDate__divider"},null,-1)),r("div",{class:f(["cpDate__month",a.selectDynamicClass])},[h(r("select",{id:a.cpDateId,"onUpdate:modelValue":t[1]||(t[1]=n=>o.month=n),required:i.required,disabled:i.disabled,autocomplete:a.autocompleteFields.month},[r("option",P,m(a.monthInputPlaceholder),1),(l(!0),d(q,null,B(a.months,(n,M)=>(l(),d("option",{key:M,value:n.value},m(n.label),9,U))),128))],8,A),[[O,o.month]])],2),t[4]||(t[4]=r("div",{class:"cpDate__divider"},null,-1)),h(r("input",{"onUpdate:modelValue":t[2]||(t[2]=n=>o.year=n),"data-maska":"####",placeholder:a.yearInputPlaceholder,class:"cpDate__year",inputmode:"numeric",maxlength:"4",disabled:i.disabled,required:i.required,autocomplete:a.autocompleteFields.year},null,8,z),[[y,o.year],[c]])]),I(b,null,{default:Y(()=>[a.advancedErrorMessage?(l(),d("div",L,m(a.advancedErrorMessage),1)):u("",!0)]),_:1})],2)}const K=N(_,[["render",j]]);_.__docgenInfo={exportName:"default",displayName:"CpDate",description:"",tags:{},props:[{name:"modelValue",type:{name:"string|date"},defaultValue:{func:!1,value:"''"}},{name:"minDate",type:{name:"string|date"},defaultValue:{func:!1,value:"DateTime.now().minus({ year: HUMAN_MAX_AGE }).toISO()"}},{name:"maxDate",type:{name:"string|date"},defaultValue:{func:!1,value:"DateTime.now().toISO()"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"required",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isInvalid",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"displayErrorMessage",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"autocompleteBirthday",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"locale",type:{name:"string"},defaultValue:{func:!0,value:`() => {
|
|
2
|
-
return navigator.language
|
|
3
|
-
}`}},{name:"inputsOptions",type:{name:"object"},defaultValue:{func:!0,value:"() => {}"}}],events:[{name:"update:modelValue",type:{names:["undefined"]}},{name:"on-validation",type:{names:["undefined"]}}],sourceFiles:["/builds/miscellaneous/pimp/src/components/date-pickers/CpDate.vue"]};export{K as C};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import{r as v}from"./vue.esm-bundler-DJiS9hE5.js";import{C as f}from"./CpDate-C9Tf--RL.js";import"./index-DCv8Njl6.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const M={title:"CpDate",component:f,argTypes:{modelValue:{control:"text",description:"The date value (ISO format)"},label:{control:"text",description:"Label text for the date input"},required:{control:"boolean",description:"Whether the field is required"},disabled:{control:"boolean",description:"Whether the field is disabled"},isInvalid:{control:"boolean",description:"Whether the field is in an invalid state"},errorMessage:{control:"text",description:"Custom error message to display"},displayErrorMessage:{control:"boolean",description:"Whether to display error messages"},autocompleteBirthday:{control:"boolean",description:"Whether to enable birthday autocomplete"},locale:{control:"text",description:"Locale for date formatting"},minDate:{control:"text",description:"Minimum allowed date"},maxDate:{control:"text",description:"Maximum allowed date"}}},e={args:{label:"Date",required:!1,disabled:!1,isInvalid:!1,displayErrorMessage:!0},render:D=>({components:{CpDate:f},setup(){const h=v("");return{args:D,date:h}},template:`
|
|
2
|
-
<div style="max-width: 400px; padding: 20px;">
|
|
3
|
-
<CpDate
|
|
4
|
-
v-model="date"
|
|
5
|
-
v-bind="args"
|
|
6
|
-
@on-validation="(isValid) => console.log('Validation:', isValid)"
|
|
7
|
-
/>
|
|
8
|
-
</div>
|
|
9
|
-
`})},r={args:{...e.args,label:"Required Date",required:!0,displayErrorMessage:!1}},a={args:{...e.args,label:"Date with Error",isInvalid:!0,required:!0,errorMessage:"Please enter a valid date"}},t={args:{...e.args,label:"Disabled Date",disabled:!0}};var s,o,i;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
10
|
-
args: {
|
|
11
|
-
label: 'Date',
|
|
12
|
-
required: false,
|
|
13
|
-
disabled: false,
|
|
14
|
-
isInvalid: false,
|
|
15
|
-
displayErrorMessage: true
|
|
16
|
-
},
|
|
17
|
-
render: args => ({
|
|
18
|
-
components: {
|
|
19
|
-
CpDate
|
|
20
|
-
},
|
|
21
|
-
setup() {
|
|
22
|
-
const date = ref('');
|
|
23
|
-
return {
|
|
24
|
-
args,
|
|
25
|
-
date
|
|
26
|
-
};
|
|
27
|
-
},
|
|
28
|
-
template: \`
|
|
29
|
-
<div style="max-width: 400px; padding: 20px;">
|
|
30
|
-
<CpDate
|
|
31
|
-
v-model="date"
|
|
32
|
-
v-bind="args"
|
|
33
|
-
@on-validation="(isValid) => console.log('Validation:', isValid)"
|
|
34
|
-
/>
|
|
35
|
-
</div>
|
|
36
|
-
\`
|
|
37
|
-
})
|
|
38
|
-
}`,...(i=(o=e.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};var l,d,n;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
39
|
-
args: {
|
|
40
|
-
...Default.args,
|
|
41
|
-
label: 'Required Date',
|
|
42
|
-
required: true,
|
|
43
|
-
displayErrorMessage: false
|
|
44
|
-
}
|
|
45
|
-
}`,...(n=(d=r.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var c,p,u;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
46
|
-
args: {
|
|
47
|
-
...Default.args,
|
|
48
|
-
label: 'Date with Error',
|
|
49
|
-
isInvalid: true,
|
|
50
|
-
required: true,
|
|
51
|
-
errorMessage: 'Please enter a valid date'
|
|
52
|
-
}
|
|
53
|
-
}`,...(u=(p=a.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var m,g,b;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
54
|
-
args: {
|
|
55
|
-
...Default.args,
|
|
56
|
-
label: 'Disabled Date',
|
|
57
|
-
disabled: true
|
|
58
|
-
}
|
|
59
|
-
}`,...(b=(g=t.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};const C=["Default","Required","WithError","Disabled"];export{e as Default,t as Disabled,r as Required,a as WithError,C as __namedExportsOrder,M as default};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import{D as a,I as O,r as B,f as j}from"./index-DCv8Njl6.js";import{_ as P}from"./CpIcon-CWMZpN60.js";import{e as L,g as E,T as J,j as C,s as T,o as r,p as k,c as h,L as H,I as v,n as M,d as I,a as m,f as V,t as y,h as b,F as S,y as _,N as K,x,J as N}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{_ as U}from"./CpInput-BjnvrsOu.js";const X={componentUpdated:F,inserted:F};function F(e){const t=document.createElement("select");t.className=e.className;const s=document.createElement("option");s.textContent=e.value,t.appendChild(s),e.parentNode.appendChild(t),e.style.width=t.offsetWidth+"px",t.parentNode.removeChild(t)}const W={name:"CoreDatepicker",components:{CpIcon:P},directives:{resizeSelect:X},props:{triggerElementId:{type:String,default:"datepicker-trigger"},dateOne:{type:[String,Date],default:""},dateTwo:{type:[String,Date],default:""},minDate:{type:[String,Date],default:()=>a.local().toISODate()},maxDate:{type:[String,Date],default:""},mode:{type:String,default:"single"},offsetY:{type:Number,default:0},offsetX:{type:Number,default:0},monthsToShow:{type:Number,default:2},startOpen:{type:Boolean},fullscreenMobile:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},mobileHeader:{type:String,default:""},disabledDates:{type:Array,default:()=>[]},enabledDates:{type:Array,default:()=>[]},customizedDates:{type:Array,default:()=>[]},showActionButtons:{type:Boolean,default:!1},showShortcutsMenuTrigger:{type:Boolean,default:!1},showMonthYearSelect:{type:Boolean,default:!1},yearsForSelect:{type:Number,default:10},trigger:{type:Boolean,default:!1},closeAfterSelect:{type:Boolean,default:!1},isRecurrent:{type:Boolean,default:!1},closeCalendar:{type:Boolean,default:!1},locale:{type:String,default:()=>navigator.language},isTest:{type:Boolean,default:()=>!1}},emits:["date-one-selected","date-two-selected","is-inline","previous-month","next-month","opened","cancelled","closed","apply"],data(){return{wrapperId:"datepicker-wrapper-"+B(),dateLabelFormat:"dddd, MMMM D, YYYY",showDatepicker:!1,showKeyboardShortcutsMenu:!1,showMonths:2,colors:{selected:"#fffff",inRange:"#66e2da",selectedText:"#fff",text:"#565a5c",inRangeBorder:"#33dacd",disabled:"#fff",hoveredInRange:"#67f6ee"},sundayFirst:!1,monthNames:O.months("long",{locale:this.locale}),days:O.weekdaysFormat("long",{locale:this.locale}),daysShort:O.weekdaysFormat("short",{locale:this.locale}),texts:{apply:"Apply",cancel:"Cancel",keyboardShortcuts:"Keyboard Shortcuts"},startingDate:"",months:[],years:[],width:300,selectedDate1:"",selectedDate2:"",isSelectingDate1:!0,hoverDate:"",focusedDate:"",alignRight:!1,triggerPosition:{},triggerWrapperPosition:{},viewportWidth:void 0,isMobile:void 0,triggerElement:void 0}},computed:{transitionName(){return this.inline?"":"asd__fade"},wrapperClasses(){return[this.$attrs.class,{"asd__wrapper--datepicker-open":this.showDatepicker,"asd__wrapper--full-screen":this.showFullscreen,"asd__wrapper--isInline":this.inline,"asd__wrapper--showOneMonth":this.monthsToShow===1}]},wrapperStyles(){return{width:this.width*this.showMonths+"px",zIndex:this.inline?"":"100"}},innerStyles(){return{"margin-left":this.showFullscreen?"-"+this.viewportWidth:`-${this.width}px`}},monthWidthStyles(){return{width:this.showFullscreen?this.viewportWidth:this.width+"px"}},mobileHeaderFallback(){return this.mode==="range"?"Select dates":"Select date"},showFullscreen(){return this.isMobile&&this.fullscreenMobile},datesSelected(){return!!(this.selectedDate1&&this.selectedDate1!==""||this.selectedDate2&&this.selectedDate2!=="")},allDatesSelected(){return!!(this.selectedDate1&&this.selectedDate1!==""&&this.selectedDate2&&this.selectedDate2!=="")},hasMinDate(){return!!(this.minDate&&this.minDate!=="")},isRangeMode(){return this.mode==="range"},isSingleMode(){return this.mode==="single"},datePropsCompound(){return this.dateOne+this.dateTwo},isDateTwoBeforeDateOne(){if(!this.dateTwo)return!1;const e=a.fromISO(this.dateOne);return a.fromISO(this.dateTwo)<e},visibleMonths(){const e=this.months.filter((s,i)=>i>0),t=[];for(let s=0;s<this.showMonths;s++)t.push(s);return t.map((s,i)=>{if(e[i])return e[i].firstDateOfMonth})}},watch:{selectedDate1(e){const t=!e||e===""?"":e;this.$emit("date-one-selected",t)},selectedDate2(e){const t=!e||e===""?"":e;this.$emit("date-two-selected",t)},mode(){this.setStartDates()},minDate(){this.setStartDates(),this.generateMonths(),this.generateYears()},maxDate(){this.generateYears()},datePropsCompound(){this.dateOne!==this.selectedDate1&&(this.startingDate=this.dateOne,this.setStartDates(),this.generateMonths(),this.generateYears()),this.isDateTwoBeforeDateOne&&(this.selectedDate2="",this.$emit("date-two-selected",""))},trigger(e){e&&setTimeout(()=>{this.openDatepicker()},0)},closeCalendar(){this.closeDatepicker()}},created(){this.setupDatepicker(),this.sundayFirst&&this.setSundayToFirstDayInWeek()},mounted(){this.handleDatepickerSizing(),this.triggerElement=this.isTest?document.createElement("input"):document.getElementById(this.triggerElementId),this.setStartDates(),this.generateMonths(),this.generateYears(),(this.startOpen||this.inline)&&this.openDatepicker(),this.triggerElement.addEventListener("click",this._handleWindowClickEvent)},unmounted(){window.removeEventListener("resize",this._handleWindowResizeEvent),window.removeEventListener("click",this._handleWindowClickEvent),this.triggerElement.removeEventListener("click",this._handleWindowClickEvent)},methods:{handleDatepickerSizing(){this.viewportWidth=window.innerWidth+"px",this._handleWindowResizeEvent=this.debounce(()=>{this.inline?this.openDatepicker():this.closeDatepicker(),this.$emit("is-inline",this.inline),this.positionDatepicker(),this.setStartDates()},200),this._handleWindowClickEvent=e=>{e.target.id===this.triggerElementId&&(e.stopPropagation(),e.preventDefault(),this.toggleDatepicker())},window.addEventListener("resize",this._handleWindowResizeEvent)},getDayClasses(e,t){return[{"asd__day--enabled":e!==0,"asd__day--empty":e===0,"asd__day--disabled":this.isDisabled(t),"asd__day--selected":t&&(this.selectedDate1===t||this.selectedDate2===t)&&!this.isRecurrent,"asd__day--selected-recurrent":t&&(this.selectedDate1===t||this.selectedDate2===t)&&this.isRecurrent,"asd__day--date-one-not-selected":this.mode==="range"&&this.selectedDate1==="","asd__day--date-two-not-selected":this.mode==="range"&&this.selectedDate1!==""&&this.selectedDate2===""&&this.isAfter(t,this.selectedDate1),"asd__day--in-range":this.isInRange(t),"asd__day--end-week":this.isEndWeek(t),"asd__day--start-week":this.isStartWeek(t),"asd__day--start-month":this.isStartMonth(t),"asd__day--end-month":this.isEndMonth(t),"asd__day--today":t&&this.isToday(t),"asd__day--hovered":this.isHoveredInRange(t),"asd__selected-date-one":t&&t===this.selectedDate1&&this.mode==="range","asd__selected-date-two":t&&t===this.selectedDate2&&this.mode==="range"},this.customizedDateClass(t)]},debounce(e,t,s){let i;return function(){const o=this,n=arguments,p=function(){i=null,s||e.apply(o,n)},D=s&&!i;clearTimeout(i),i=setTimeout(p,t),D&&e.apply(o,n)}},copyObject(e){return JSON.parse(JSON.stringify(e))},findAncestor(e,t){if(!e)return null;if(typeof e.closest=="function")return e.closest(t)||null;for(;e;){if(e.matches(t))return e;e=e.parentElement}return null},handleClickOutside(e){e.target.id===this.triggerElementId||!this.showDatepicker||this.inline||this.isRecurrent||this.closeDatepicker()},shouldHandleInput(e,t){return e.keyCode===t&&(!e.shiftKey||e.keyCode===191)&&this.showDatepicker},isMonthDisabled(e,t){const s=a.fromObject({year:e,month:t+1}).toJSDate(),i=a.fromISO(this.minDate).startOf("month");return this.hasMinDate&&s<i?!0:this.isAfterEndDate(s)},generateMonths(){this.months=[];let e=this.startingDate;for(let t=0;t<this.showMonths+2;t++)this.months.push(this.getMonth(e)),e=this.addMonths(e)},generateYears(){if(!this.showMonthYearSelect)return;this.years=[];const e=a.fromISO(this.startingDate).year,t=this.minDate?a.fromISO(this.minDate).year:e-this.yearsForSelect,s=this.maxDate?a.fromISO(this.maxDate).year:e+this.yearsForSelect;for(let i=t;i<=s;i++)this.years.push(i.toString())},setupDatepicker(){if(this.$options.dateLabelFormat&&(this.dateLabelFormat=this.copyObject(this.$options.dateLabelFormat)),this.$options.sundayFirst&&(this.sundayFirst=this.copyObject(this.$options.sundayFirst)),this.$options.colors){const e=this.copyObject(this.$options.colors);this.colors.selected=e.selected||this.colors.selected,this.colors.inRange=e.inRange||this.colors.inRange,this.colors.hoveredInRange=e.hoveredInRange||this.colors.hoveredInRange,this.colors.selectedText=e.selectedText||this.colors.selectedText,this.colors.text=e.text||this.colors.text,this.colors.inRangeBorder=e.inRangeBorder||this.colors.inRangeBorder,this.colors.disabled=e.disabled||this.colors.disabled}if(this.$options.monthNames&&this.$options.monthNames.length===12&&(this.monthNames=this.copyObject(this.$options.monthNames)),this.$options.days&&this.$options.days.length===7&&(this.days=this.copyObject(this.$options.days)),this.$options.daysShort&&this.$options.daysShort.length===7&&(this.daysShort=this.copyObject(this.$options.daysShort)),this.$options.texts){const e=this.copyObject(this.$options.texts);this.texts.apply=e.apply||this.texts.apply,this.texts.cancel=e.cancel||this.texts.cancel}},setStartDates(){this.mode==="range"&&(this.dateOne&&this.selectDate(this.dateOne),this.dateTwo&&this.selectDate(this.dateTwo));let e=this.dateOne?a.fromISO(this.dateOne):a.local();const t=a.fromISO(this.minDate);this.hasMinDate&&e<t&&(e=t),this.startingDate=this.subtractMonths(e.toJSDate()),this.selectedDate1=this.dateOne,this.selectedDate2=this.dateTwo,this.focusedDate=e.toJSDate()},setSundayToFirstDayInWeek(){const e=this.days.pop();this.days.unshift(e);const t=this.daysShort.pop();this.daysShort.unshift(t)},getMonth(e){const t=a.fromISO(e),s=t.toFormat("yyyy-MM-01"),i=t.toFormat("yyyy"),o=parseInt(t.toFormat("M")),n=this.monthNames[o-1];return{year:i,firstDateOfMonth:s,monthName:n,monthNumber:o,weeks:this.getWeeks(s)}},getWeeks(e){const t=a.fromISO(e),s={dayNumber:0},i=t.daysInMonth,o=t.toFormat("yyyy"),n=t.toFormat("MM");let p=parseInt(t.toFormat(this.sundayFirst?"d":"E"));this.sundayFirst&&p++;const D=[];let c=[];for(let l=1;l<p;l++)c.push(s);for(let l=0;l<i;l++){const u=l>=i-1,d=l+1,g=d<10?"0"+d:d;if(c.push({dayNumber:d,dayNumberFull:g,dayDate:o+"-"+n+"-"+g}),c.length===7)D.push(c),c=[];else if(u){for(let f=0;f<7-c.length;f++)c.push(s);D.push(c),c=[]}}return D},selectDate(e){if(this.isBeforeMinDate(e)||this.isAfterEndDate(e)||this.isDateDisabled(e))return;if(this.mode==="single"){this.selectedDate1=e,this.closeAfterSelect&&this.closeDatepicker();return}const t=a.fromISO(e),s=typeof this.selectedDate1=="object"?a.fromJSDate(this.selectedDate1):a.fromISO(this.selectedDate1);this.isSelectingDate1||t<=s?(this.selectedDate1=e,this.isSelectingDate1=!1,(typeof this.selectedDate2=="object"?a.fromJSDate(this.selectedDate2):a.fromISO(this.selectedDate2))<t&&(this.selectedDate2="")):(this.selectedDate2=e,this.isSelectingDate1=!0,s>t?this.selectedDate1="":this.showActionButtons&&this.$refs["apply-button"].focus(),this.allDatesSelected&&this.closeAfterSelect&&this.closeDatepicker())},setHoverDate(e){this.hoverDate=e},setFocusedDate(e){this.focusedDate=e;const t=this.$refs[`date-${e}`];t&&t.length&&setTimeout(function(){t[0].focus()},10)},resetFocusedDate(e){if(this.focusedDate&&!this.isDateVisible(this.focusedDate)){const t=e?0:this.visibleMonths.length-1,s=a.fromISO(this.visibleMonths[t]),i=s.month,o=s.year;this.focusedDate=a.fromISO(this.focusedDate).set({month:i,year:o}).toISODate()}},isToday(e){return a.local().toISODate()===e},isSelected(e){if(e)return this.selectedDate1===e||this.selectedDate2===e},isInRange(e){if(!this.allDatesSelected||this.isSingleMode)return!1;const t=a.fromISO(e),s=typeof this.selectedDate1=="object"?a.fromJSDate(this.selectedDate1):a.fromISO(this.selectedDate1),i=typeof this.selectedDate2=="object"?a.fromJSDate(this.selectedDate2):a.fromISO(this.selectedDate2),o=a.fromISO(this.hoverDate);return t>s&&t<i||t>s&&t<o&&!this.allDatesSelected},isEndWeek(e){if(e)return a.fromISO(e).weekday===7},isStartWeek(e){if(e)return a.fromISO(e).weekday===1},isEndMonth(e){if(!e)return;const t=a.fromISO(e);return t.day===t.daysInMonth},isStartMonth(e){if(e)return a.fromISO(e).day===1},isAfter(e,t){if(!e||!t)return!1;const s=a.fromISO(e),i=a.fromISO(t);return s>i},isHoveredInRange(e){if(this.isSingleMode||this.allDatesSelected)return!1;const t=a.fromISO(e),s=typeof this.selectedDate1=="object"?a.fromJSDate(this.selectedDate1):a.fromISO(this.selectedDate1),i=a.fromISO(this.hoverDate);return t>s&&t<i||t>i&&e<s},isBeforeMinDate(e){if(!this.minDate)return!1;const t=a.fromISO(e),s=a.fromISO(this.minDate);return t<s},isAfterEndDate(e){if(!this.maxDate)return!1;const t=a.fromISO(e),s=a.fromISO(this.maxDate);return t>s},isDateVisible(e){if(!e)return!1;const t=a.fromISO(e),s=a.fromISO(this.visibleMonths[0]).minus({day:1}),i=a.fromISO(this.visibleMonths[this.monthsToShow-1]).plus({month:1}).set({day:0}).plus({day:1});return t>s&&t<i},isDateDisabled(e){return this.enabledDates.length>0?!this.enabledDates.includes(e):this.disabledDates.includes(e)},customizedDateClass(e){let t="";if(this.customizedDates.length>0)for(let s=0;s<this.customizedDates.length;s++)this.customizedDates[s].dates.includes(e)&&(t+=` asd__day--${this.customizedDates[s].cssClass}`);return t},isDisabled(e){return this.isDateDisabled(e)||this.isBeforeMinDate(e)||this.isAfterEndDate(e)},previousMonth(){this.startingDate=this.subtractMonths(this.months[0].firstDateOfMonth),this.months.unshift(this.getMonth(this.startingDate)),this.months.splice(this.months.length-1,1),this.$emit("previous-month",this.visibleMonths),this.resetFocusedDate(!1)},nextMonth(){this.months[this.months.length-1]&&(this.startingDate=this.addMonths(this.months[this.months.length-1].firstDateOfMonth),this.months.push(this.getMonth(this.startingDate)),this.months.splice(0,1),this.$emit("next-month",this.visibleMonths),this.resetFocusedDate(!0))},subtractMonths(e){return(typeof e=="object"?a.fromJSDate(e):a.fromISO(e)).minus({month:1}).toISODate()},addMonths(e){return(typeof e=="object"?a.fromJSDate(e):a.fromISO(e)).plus({month:1}).toISODate()},toggleDatepicker(){this.showDatepicker?this.closeDatepicker():this.openDatepicker()},updateMonth(e,t,s){const i=s.target.value,o=this.monthNames.indexOf(i),n=a.fromISO(this.startingDate);this.startingDate=n.set({month:o,year:t}).toISODate(),this.generateMonths()},updateYear(e,t,s){const i=s.target.value,o=a.fromISO(this.startingDate);this.startingDate=o.set({month:t,year:i}).toISODate(),this.generateMonths()},openDatepicker(){this.positionDatepicker(),this.setStartDates(),this.triggerElement.classList.add("datepicker-open"),this.showDatepicker=!0,this.initialDate1=this.dateOne,this.initialDate2=this.dateTwo,this.$emit("opened"),this.$nextTick(()=>{this.inline||this.setFocusedDate(this.focusedDate)})},closeDatepickerCancel(){this.showDatepicker&&(this.selectedDate1=this.initialDate1,this.selectedDate2=this.initialDate2,this.$emit("cancelled"),this.closeDatepicker())},closeDatepicker(){this.inline||(this.showDatepicker=!1,this.showKeyboardShortcutsMenu=!1,this.triggerElement.classList.remove("datepicker-open"),this.$emit("closed"))},apply(){this.$emit("apply"),this.closeDatepicker()},positionDatepicker(){const e=this.findAncestor(this.triggerElement,".datepicker-trigger");this.triggerPosition=this.triggerElement.getBoundingClientRect(),e?this.triggerWrapperPosition=e.getBoundingClientRect():this.triggerWrapperPosition={left:0,right:0};const t=document.documentElement.clientWidth||window.innerWidth;this.viewportWidth=t+"px",this.isMobile=t<768,this.isMobile?this.showMonths=1:this.monthsToShow>2?this.showMonths=2:this.showMonths=this.monthsToShow,this.$nextTick(function(){const s=document.getElementById(this.wrapperId);if(!this.triggerElement||!s)return;const i=this.triggerElement.getBoundingClientRect().left+s.getBoundingClientRect().width;this.alignRight=i>t})}}},G=["id"],q={key:0,class:"asd__mobile-header asd__mobile-only"},Q={key:1,class:"asd__mobile-close-icon"},Z={class:"asd__datepicker-header"},$={class:"asd__month-name"},ee=["onUpdate:modelValue","tabindex","onChange"],te=["value","disabled"],se={key:1},ae=["onUpdate:modelValue","tabindex","onChange"],ie=["value"],ne=["value"],oe={key:3},le={class:"asd__month-table",role:"presentation"},re=["data-date","onMouseover"],de=["date","disabled","onClick"],he={class:"asd__day-number"};function ce(e,t,s,i,o,n){const p=C("cp-icon"),D=T("resize-select"),c=T("click-outside");return r(),L(J,{name:n.transitionName},{default:E(()=>[k((r(),h("div",{id:o.wrapperId,class:M(["asd__wrapper",n.wrapperClasses]),style:v(n.showFullscreen?void 0:n.wrapperStyles),onKeydown:t[3]||(t[3]=H((...l)=>n.closeDatepicker&&n.closeDatepicker(...l),["esc"]))},[n.showFullscreen?(r(),h("div",q,[m("button",{class:"asd__mobile-close",type:"button",onClick:t[0]||(t[0]=(...l)=>n.closeDatepicker&&n.closeDatepicker(...l))},[e.$slots["close-icon"]?V(e.$slots,"close-icon",{key:0}):(r(),h("div",Q,"X"))]),m("h3",null,y(s.mobileHeader||n.mobileHeaderFallback),1)])):I("",!0),m("div",Z,[m("button",{type:"button",class:"asd__change-month-button asd__change-month-button--previous","aria-label":"previous month",onClick:t[1]||(t[1]=(...l)=>n.previousMonth&&n.previousMonth(...l))},[b(p,{type:"chevron-left"})]),m("button",{type:"button",class:"asd__change-month-button asd__change-month-button--next","aria-label":"next month",onClick:t[2]||(t[2]=(...l)=>n.nextMonth&&n.nextMonth(...l))},[b(p,{type:"chevron-right"})]),(r(!0),h(S,null,_(o.showMonths,(l,u)=>(r(),h("div",{key:l,class:"asd__days-legend",style:v([n.monthWidthStyles,{left:o.width*u+"px"}])},[(r(!0),h(S,null,_(o.daysShort,(d,g)=>(r(),h("div",{key:g,class:"asd__day-title"},y(d),1))),128))],4))),128))]),m("div",{class:"asd__inner-wrapper",style:v(n.innerStyles)},[b(K,{name:"asd__list-complete",tag:"div"},{default:E(()=>[(r(!0),h(S,null,_(o.months,(l,u)=>(r(),h("div",{key:l.firstDateOfMonth,class:M(["asd__month",{"asd__month--hidden":u===0||u>o.showMonths}]),style:v(n.monthWidthStyles)},[m("div",$,[s.showMonthYearSelect?k((r(),h("select",{key:0,"onUpdate:modelValue":d=>l.monthName=d,class:"asd__month-year-select",tabindex:u===0||u>o.showMonths?-1:0,onChange:d=>n.updateMonth(u,l.year,d)},[(r(!0),h(S,null,_(o.monthNames,(d,g)=>(r(),h("option",{key:`month-${u}-${d}`,value:d,disabled:n.isMonthDisabled(l.year,g)},y(d),9,te))),128))],40,ee)),[[x,l.monthName],[D]]):(r(),h("span",se,y(l.monthName),1)),s.showMonthYearSelect?k((r(),h("select",{key:2,"onUpdate:modelValue":d=>l.year=d,class:"asd__month-year-select",tabindex:u===0||u>o.showMonths?-1:0,onChange:d=>n.updateYear(u,l.monthNumber-1,d)},[o.years.indexOf(l.year)===-1?(r(),h("option",{key:`month-${u}-${e.year}`,value:l.year,disabled:!0},y(l.year),9,ie)):I("",!0),(r(!0),h(S,null,_(o.years,d=>(r(),h("option",{key:`month-${u}-${d}`,value:d},y(d),9,ne))),128))],40,ae)),[[x,l.year]]):(r(),h("span",oe,y(l.year),1))]),m("table",le,[m("tbody",null,[(r(!0),h(S,null,_(l.weeks,(d,g)=>(r(),h("tr",{key:g,class:"asd__week"},[(r(!0),h(S,null,_(d,({dayDate:f,dayNumber:w},z)=>(r(),h("td",{key:z+"_"+w,ref_for:!0,ref:`date-${f}`,class:M(["asd__day",n.getDayClasses(w,f)]),"data-date":f,onMouseover:A=>n.setHoverDate(f)},[w?(r(),h("button",{key:0,class:"asd__day-button",type:"button",tabindex:"-1",date:f,disabled:n.isDisabled(f),onClick:A=>n.selectDate(f)},[m("span",he,y(w),1)],8,de)):I("",!0)],42,re))),128))]))),128))])])],6))),128))]),_:1})],4),V(e.$slots,"default")],46,G)),[[N,o.showDatepicker],[c,n.handleClickOutside]])]),_:3},8,["name"])}const ue=R(W,[["render",ce]]);W.__docgenInfo={displayName:"CoreDatepicker",exportName:"default",description:"",tags:{},props:[{name:"triggerElementId",type:{name:"string"},defaultValue:{func:!1,value:"'datepicker-trigger'"}},{name:"dateOne",type:{name:"string|date"},defaultValue:{func:!1,value:"''"}},{name:"dateTwo",type:{name:"string|date"},defaultValue:{func:!1,value:"''"}},{name:"minDate",type:{name:"string|date"},defaultValue:{func:!0,value:"() => DateTime.local().toISODate()"}},{name:"maxDate",type:{name:"string|date"},defaultValue:{func:!1,value:"''"}},{name:"mode",type:{name:"string"},defaultValue:{func:!1,value:"'single'"}},{name:"offsetY",type:{name:"number"},defaultValue:{func:!1,value:"0"}},{name:"offsetX",type:{name:"number"},defaultValue:{func:!1,value:"0"}},{name:"monthsToShow",type:{name:"number"},defaultValue:{func:!1,value:"2"}},{name:"startOpen",type:{name:"boolean"}},{name:"fullscreenMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mobileHeader",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"disabledDates",type:{name:"array"},defaultValue:{func:!1,value:"[]"}},{name:"enabledDates",type:{name:"array"},defaultValue:{func:!1,value:"[]"}},{name:"customizedDates",type:{name:"array"},defaultValue:{func:!1,value:"[]"}},{name:"showActionButtons",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"showShortcutsMenuTrigger",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"showMonthYearSelect",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"yearsForSelect",type:{name:"number"},defaultValue:{func:!1,value:"10"}},{name:"trigger",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"closeAfterSelect",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isRecurrent",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"closeCalendar",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"locale",type:{name:"string"},defaultValue:{func:!0,value:`() => {
|
|
2
|
-
return navigator.language
|
|
3
|
-
}`}},{name:"isTest",type:{name:"boolean"},defaultValue:{func:!0,value:"() => process.env.NODE_ENV === 'test'"}}],events:[{name:"date-one-selected",type:{names:["undefined"]}},{name:"date-two-selected",type:{names:["undefined"]}},{name:"is-inline",type:{names:["undefined"]}},{name:"previous-month",type:{names:["undefined"]}},{name:"next-month",type:{names:["undefined"]}},{name:"opened"},{name:"cancelled"},{name:"closed"},{name:"apply"}],slots:[{name:"close-icon"},{name:"default"}],sourceFiles:["/builds/miscellaneous/pimp/src/libs/CoreDatepicker.vue"]};const Y={name:"CpDatepicker",components:{CoreDatepicker:ue,CpInput:U},props:{triggerElementId:{type:String,default:""},mode:{type:String,default:"single",validator:e=>["range","single"].includes(e)},closeAfterSelect:{type:Boolean,default:!0},label:{type:String,default:""},placeholder:{type:String,default:"Select a date"},inputValue:{type:String,default:""},isError:{type:Boolean,default:!1},errorMessage:{type:String,default:""},initDateOne:{type:String,default:"",validator:e=>e===""||e.length===10},initDateTwo:{type:String,default:"",validator:e=>e===""||e.length===10},minDate:{type:[String,Date],default:()=>a.local().toISODate()},maxDate:{type:[String,Date],default:""},allowPastDates:{type:Boolean,default:!1},isInline:{type:Boolean,default:!1},singleMonth:{type:Boolean,default:!1},locale:{type:String,default:()=>navigator.language}},emits:["dates"],data(){return{calendarFormat:"YYYY-MM-DD",humanFormat:"EEE DD",dateOne:this.initDateOne||"",dateTwo:this.mode==="range"?this.initDateTwo:"",isDisabled:null,datePickerReferenceId:this.triggerElementId||B()}},computed:{inputComputedValue(){return this.inputValue?this.inputValue:j({dateOne:this.dateOne,dateTwo:this.dateTwo,format:this.humanFormat,locale:this.locale})},numberOfMonths(){return this.singleMonth?1:2},computedMinDate(){return this.allowPastDates?"":this.minDate},dynamicClasses(){return{"cpDatepicker__datepicker--isInline":this.isInline}}},watch:{initDateOne(e,t){this.updateDateValue("dateOne",e,t)},initDateTwo(e,t){this.updateDateValue("dateTwo",e,t)}},methods:{selectDate(e,t){this[e]=t,this.$emit("dates",[this.dateOne,...this.dateTwo&&[this.dateTwo]])},updateDateValue(e,t,s){t!==s&&(this[e]=t)}}},fe={class:"cpDatepicker"};function me(e,t,s,i,o,n){const p=C("cp-input"),D=C("core-datepicker");return r(),h("div",fe,[k(b(p,{id:o.datePickerReferenceId,"model-value":n.inputComputedValue,type:"text",placeholder:s.placeholder,"is-invalid":s.isError,"error-message":s.errorMessage,disabled:o.isDisabled,label:s.label,class:"cpDatepicker__input"},null,8,["id","model-value","placeholder","is-invalid","error-message","disabled","label"]),[[N,!s.isInline]]),b(D,{"date-one":o.dateOne,"date-two":o.dateTwo,"trigger-element-id":o.datePickerReferenceId,"close-after-select":s.closeAfterSelect,mode:s.mode,inline:s.isInline,"months-to-show":n.numberOfMonths,"min-date":n.computedMinDate,"max-date":s.maxDate,locale:s.locale,class:M(["cpDatepicker__datepicker",{"cpDatepicker__datepicker--isInline":s.isInline}]),onDateOneSelected:t[0]||(t[0]=c=>n.selectDate("dateOne",c)),onDateTwoSelected:t[1]||(t[1]=c=>n.selectDate("dateTwo",c)),onOpened:t[2]||(t[2]=()=>o.isDisabled=!0),onClosed:t[3]||(t[3]=()=>o.isDisabled=null)},null,8,["date-one","date-two","trigger-element-id","close-after-select","mode","inline","months-to-show","min-date","max-date","locale","class"])])}const _e=R(Y,[["render",me]]);Y.__docgenInfo={displayName:"CpDatepicker",exportName:"default",description:"",tags:{},props:[{name:"triggerElementId",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"mode",type:{name:"string"},defaultValue:{func:!1,value:"'single'"}},{name:"closeAfterSelect",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Select a date'"}},{name:"inputValue",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isError",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"initDateOne",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"initDateTwo",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"minDate",type:{name:"string|date"},defaultValue:{func:!0,value:"() => DateTime.local().toISODate()"}},{name:"maxDate",type:{name:"string|date"},defaultValue:{func:!1,value:"''"}},{name:"allowPastDates",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isInline",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"singleMonth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"locale",type:{name:"string"},defaultValue:{func:!0,value:`() => {
|
|
4
|
-
return navigator.language
|
|
5
|
-
}`}}],events:[{name:"dates",type:{names:["undefined"]}}],sourceFiles:["/builds/miscellaneous/pimp/src/components/date-pickers/CpDatepicker.vue"]};export{_e as C,ue as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.asd__fade-enter-active,.asd__fade-leave-active{transition:.2s cubic-bezier(.175,.885,.32,1.175);transition-property:opacity,transform}.asd__fade-enter-from{transform:scale(.8)}.asd__fade-enter-to{transform:scale(1)}.asd__fade-leave-to{opacity:0}.asd__fade-leave-from{opacity:1}.asd__list-complete-enter-from,.asd__list-complete-leave-to{opacity:0;transform:translateY(30px)}.asd__list-complete-leave-active{position:absolute;visibility:hidden}.asd__wrapper{border-radius:10px;white-space:nowrap;text-align:center;background-color:#fff;overflow:hidden}.asd__wrapper:not(.asd__wrapper--isInline){box-shadow:0 9px 24px #3e3e5b33,0 4px 4px #3e3e5b1a}.asd__wrapper--isInline{position:relative!important}@media (min-width: 768px){.asd__wrapper:before{position:absolute;content:"";left:0;right:0;top:20px;bottom:0;margin:auto;width:1px;background:#d8d8de;z-index:-1}}.asd__wrapper--showOneMonth:before{content:none}.asd__wrapper--full-screen{position:fixed;top:0;right:0;bottom:0;left:0;border:none;z-index:100}.asd__inner-wrapper{transition:all .3s ease;position:relative}.asd__datepicker-header{position:relative}.asd__change-month-button{position:absolute;z-index:10;top:16px;border-radius:100%}.asd__change-month-button:focus-visible{outline:2px solid #144dc2;outline-offset:2px}.asd__change-month-button i{color:#3e3e5b}.asd__change-month-button svg{cursor:pointer;stroke-width:1.2px}@media (min-width: 768px){.asd__change-month-button{top:22px}}.asd__change-month-button--previous{left:16px}@media (min-width: 768px){.asd__change-month-button--previous{left:24px}}.asd__change-month-button--next{right:16px}@media (min-width: 768px){.asd__change-month-button--next{right:24px}}.asd__days-legend{position:absolute;font-size:12px;line-height:15px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.asd__days-legend{padding:0 24px;top:60px}}@media (max-width: 767px){.asd__days-legend{top:56px;padding:0 16px}}.asd__day-title{display:inline-block;width:14.2857142857%;text-align:center;color:#8b8b9d;font-size:14px;line-height:18px;margin-left:-1px}.asd__month-table{border-spacing:0 6px;width:100%;max-width:100%}.asd__wrapper:not(.asd__wrapper--isInline) .asd__month{padding-left:16px;padding-right:16px}@media (min-width: 768px){.asd__wrapper:not(.asd__wrapper--isInline) .asd__month{padding-left:24px;padding-right:24px}}.asd__month{transition:all .3s ease;display:inline-block;padding:16px 16px 8px}@media (min-width: 768px){.asd__month{padding:24px 24px 12px}}.asd__month--hidden{height:275px;visibility:hidden}.asd__month-name{font-size:16px;text-align:center;margin:0 0 36px;line-height:20px;color:#3e3e5b}@media (max-width: 768px){.asd__month-name{margin-top:2px}}.asd__month-name>span{padding-right:3px}.asd__selected-date-one{background:#f7f7f7;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__selected-date-one.asd__day--end-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__selected-date-one.asd__day--end-week:not(.asd__day--selected){border-top-right-radius:10px;border-bottom-right-radius:10px}.asd__selected-date-two{background:#f7f7f7;border-top-right-radius:50%;border-bottom-right-radius:50%}.asd__selected-date-two.asd__day--start-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;transform:rotate(180deg);right:20px;width:20px}.asd__selected-date-two.asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day{outline:none;padding:0;position:relative}.asd__day--in-range,.asd__day--hovered{background:#f7f7f7}.asd__day--hovered .asd__day--end-week{border-top-right-radius:5px;border-bottom-right-radius:5px}.asd__day--hovered .asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day--in-range.asd__day--end-week{border-top-right-radius:5px;border-bottom-right-radius:5px}.asd__day--in-range.asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day--hovered.asd__day--start-month:before,.asd__day--in-range.asd__day--start-month:not(.asd__selected-date-one):not(.asd__selected-date-two):before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;width:30px;transform:rotate(180deg);right:20px}.asd__day--hovered.asd__day--end-month:before,.asd__day--in-range.asd__day--end-month:not(.asd__selected-date-one):not(.asd__selected-date-two):before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1}.asd__day--enabled:not(.asd__day--disabled):not(.asd__day--selected):not(.asd__selected-date-one):not(.asd__selected-date-two):not(.asd__day--in-range):hover button{z-index:2;background:#fff;border:2px solid #f7f7f7;border-radius:50%}.asd__day--enabled.asd__day--date-two-not-selected:hover{background:#f7f7f7;border-top-right-radius:50%;border-bottom-right-radius:50%}.asd__day--enabled.asd__day--date-two-not-selected:hover.asd__day--start-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;width:30px;transform:rotate(180deg);right:20px}.asd__day--enabled.asd__day--in-range:hover{background:#f1f1f3}.asd__day--selected button{border-radius:50%;background:#5341f9}.asd__day--selected.asd__selected-date-one:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__day--selected.asd__selected-date-two:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-right-radius:50%;border-bottom-right-radius:50%;width:30px;transform:rotate(180deg);right:20px}.asd__day--selected button span{color:#fff!important}.asd__day--disabled .asd__day-number,.asd__day--empty .asd__day-number{color:#c6c6ce!important}.asd__day--disabled *{cursor:not-allowed!important}.asd__day--today .asd__day-button .asd__day-number{color:#5341f9;font-weight:600}.asd__day--recurency:not(.asd__selected-date-one):not(.asd__selected-date-two){background:#f7f7f7}.asd__day--recurency button{background:#56c1fe!important;border-radius:50%;border:2px solid #f7f7f7}.asd__day--recurency button .asd__day-number{color:#fff}.asd__day--selected-recurrent button{z-index:2;background:#fff;border:2px solid #f7f7f7;border-radius:50%}.asd__day--selected-recurrent button:before{top:7px;left:5px}.asd__day--selected-recurrent span{color:#3e3e5b}.asd__day-button{outline:none;position:relative;background:transparent;width:35px;height:35px;border:none;-webkit-user-select:none;user-select:none;font-size:14px}.asd__day-button .asd__day-number{z-index:3;position:relative;color:#3e3e5b}.asd__mobile-header{border-bottom:#d8d8de;position:relative;padding:15px!important;text-align:center;height:50px}.asd__mobile-header h3{font-size:20px;margin:0}.asd__mobile-only{display:none}@media (max-width: 768px){.asd__mobile-only{display:block}}.asd__mobile-close{border:none;position:absolute;top:7px;right:5px;padding:5px;z-index:100;cursor:pointer}.asd__mobile-close__icon{position:relative;font-size:1.6em;font-weight:700;padding:0}/*! 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}.cpDatepicker .asd__fade-enter-from{transform:translate(-50%) scale(.8)}.cpDatepicker .asd__fade-enter-to{transform:translate(-50%) scale(1)}.cpDatepicker__input input:disabled{background-color:#fff}.cpDatepicker__datepicker{position:absolute;left:50%;transform:translate(-50%)}.cpDatepicker__datepicker:not(.cpDatepicker__datepicker--isInline){margin-top:10px}@media (min-width: 350px){.cpDatepicker{position:relative}}@media (max-width: 767px) and (min-width: 350px){.cpDatepicker__datepicker{left:0;right:0;transform:initial}.cpDatepicker__datepicker:not(.cpDatepicker__datepicker--isInline){margin-top:16px}.cpDatepicker .asd__fade-enter-from{transform:scale(.8)}.cpDatepicker .asd__fade-enter-to{transform:scale(1)}}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import{r as W}from"./vue.esm-bundler-DJiS9hE5.js";import{C as I}from"./CpDatepicker-DZqnxLl5.js";import"./index-DCv8Njl6.js";import"./CpIcon-CWMZpN60.js";import"./_commonjsHelpers-CqkleIqs.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./CpInput-BjnvrsOu.js";import"./BaseInputLabel-BEmdWkeA.js";const V={title:"CpDatepicker",component:I,argTypes:{mode:{control:"select",options:["single","range"],description:"Selection mode: single date or date range"},closeAfterSelect:{control:"boolean",description:"Whether to close the picker after selection"},label:{control:"text",description:"Label text for the datepicker"},placeholder:{control:"text",description:"Placeholder text for the input"},isError:{control:"boolean",description:"Whether the field is in an invalid state"},errorMessage:{control:"text",description:"Custom error message to display"},initDateOne:{control:"text",description:"Initial first date (YYYY-MM-DD)"},initDateTwo:{control:"text",description:"Initial second date for range mode (YYYY-MM-DD)"},minDate:{control:"text",description:"Minimum allowed date"},maxDate:{control:"text",description:"Maximum allowed date"},allowPastDates:{control:"boolean",description:"Whether to allow selecting past dates"},isInline:{control:"boolean",description:"Whether to display the picker inline"},singleMonth:{control:"boolean",description:"Whether to show only one month"},locale:{control:"text",description:"Locale for date formatting"}}},r=`
|
|
2
|
-
<div style="height: 35vh; max-width: 600px; padding: 20px;">
|
|
3
|
-
<CpDatepicker
|
|
4
|
-
v-bind="args"
|
|
5
|
-
@dates="(selectedDates) => dates = selectedDates"
|
|
6
|
-
/>
|
|
7
|
-
</div>
|
|
8
|
-
`,e={args:{mode:"single",label:"Select Date",placeholder:"Choose a date",closeAfterSelect:!0,allowPastDates:!1,isInline:!1,singleMonth:!1},render:t=>({components:{CpDatepicker:I},setup(){const T=W([]);return{args:t,dates:T}},template:r})},a={args:{...e.args,mode:"range",label:"Select Date Range",placeholder:"Choose date range"},render:t=>({...e.render(t),template:r})},n={args:{...e.args,label:"Datepicker with Error",isError:!0,errorMessage:"Please select a valid date"},render:t=>({...e.render(t),template:r})},s={args:{...e.args,initDateOne:"2024-03-15",label:"Datepicker with Initial Date"},render:t=>({...e.render(t),template:r})},o={args:{...e.args,singleMonth:!0,label:"Single Month View"},render:t=>({...e.render(t),template:r})},l={args:{...e.args,allowPastDates:!0,label:"Allow Past Dates"},render:t=>({...e.render(t),template:r})};var i,c,d;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
9
|
-
args: {
|
|
10
|
-
mode: 'single',
|
|
11
|
-
label: 'Select Date',
|
|
12
|
-
placeholder: 'Choose a date',
|
|
13
|
-
closeAfterSelect: true,
|
|
14
|
-
allowPastDates: false,
|
|
15
|
-
isInline: false,
|
|
16
|
-
singleMonth: false
|
|
17
|
-
},
|
|
18
|
-
render: args => ({
|
|
19
|
-
components: {
|
|
20
|
-
CpDatepicker
|
|
21
|
-
},
|
|
22
|
-
setup() {
|
|
23
|
-
const dates = ref([]);
|
|
24
|
-
return {
|
|
25
|
-
args,
|
|
26
|
-
dates
|
|
27
|
-
};
|
|
28
|
-
},
|
|
29
|
-
template: defaultTemplate
|
|
30
|
-
})
|
|
31
|
-
}`,...(d=(c=e.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var p,m,g;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
32
|
-
args: {
|
|
33
|
-
...Default.args,
|
|
34
|
-
mode: 'range',
|
|
35
|
-
label: 'Select Date Range',
|
|
36
|
-
placeholder: 'Choose date range'
|
|
37
|
-
},
|
|
38
|
-
render: args => ({
|
|
39
|
-
...Default.render(args),
|
|
40
|
-
template: defaultTemplate
|
|
41
|
-
})
|
|
42
|
-
}`,...(g=(m=a.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var u,D,h;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
43
|
-
args: {
|
|
44
|
-
...Default.args,
|
|
45
|
-
label: 'Datepicker with Error',
|
|
46
|
-
isError: true,
|
|
47
|
-
errorMessage: 'Please select a valid date'
|
|
48
|
-
},
|
|
49
|
-
render: args => ({
|
|
50
|
-
...Default.render(args),
|
|
51
|
-
template: defaultTemplate
|
|
52
|
-
})
|
|
53
|
-
}`,...(h=(D=n.parameters)==null?void 0:D.docs)==null?void 0:h.source}}};var f,w,b;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
54
|
-
args: {
|
|
55
|
-
...Default.args,
|
|
56
|
-
initDateOne: '2024-03-15',
|
|
57
|
-
label: 'Datepicker with Initial Date'
|
|
58
|
-
},
|
|
59
|
-
render: args => ({
|
|
60
|
-
...Default.render(args),
|
|
61
|
-
template: defaultTemplate
|
|
62
|
-
})
|
|
63
|
-
}`,...(b=(w=s.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};var M,S,x;o.parameters={...o.parameters,docs:{...(M=o.parameters)==null?void 0:M.docs,source:{originalSource:`{
|
|
64
|
-
args: {
|
|
65
|
-
...Default.args,
|
|
66
|
-
singleMonth: true,
|
|
67
|
-
label: 'Single Month View'
|
|
68
|
-
},
|
|
69
|
-
render: args => ({
|
|
70
|
-
...Default.render(args),
|
|
71
|
-
template: defaultTemplate
|
|
72
|
-
})
|
|
73
|
-
}`,...(x=(S=o.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};var P,k,C;l.parameters={...l.parameters,docs:{...(P=l.parameters)==null?void 0:P.docs,source:{originalSource:`{
|
|
74
|
-
args: {
|
|
75
|
-
...Default.args,
|
|
76
|
-
allowPastDates: true,
|
|
77
|
-
label: 'Allow Past Dates'
|
|
78
|
-
},
|
|
79
|
-
render: args => ({
|
|
80
|
-
...Default.render(args),
|
|
81
|
-
template: defaultTemplate
|
|
82
|
-
})
|
|
83
|
-
}`,...(C=(k=l.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};const _=["Default","DateRange","WithError","WithInitialDates","SingleMonth","AllowPastDates"];export{l as AllowPastDates,a as DateRange,e as Default,o as SingleMonth,n as WithError,s as WithInitialDates,_ as __namedExportsOrder,V as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as w,r as _,b as u,m as K,C as N,K as S,c as d,a as i,L as h,I as B,d as g,f as r,h as I,M as V,j as W,o as m}from"./vue.esm-bundler-DJiS9hE5.js";const y=(t=document)=>{if(t===null)return[];const a=[...t.querySelectorAll('a, button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])')];return a.length?a.filter(e=>{const l=e.hasAttribute("disabled"),s=e.offsetHeight!==0&&e.offsetWidth!==0,n=e instanceof HTMLInputElement&&e.type==="radio"&&e.checked===!1;return!l&&s&&!n}):t instanceof HTMLElement?[t]:[]},$=(t,a)=>{const e=y(a),l=e[0],s=e[e.length-1],c=!t.shiftKey&&document.activeElement===s,n=t.shiftKey&&document.activeElement===l;c?(t.preventDefault(),l.focus()):n&&(t.preventDefault(),s.focus())},H={class:"cpDialog"},T=["onKeydown"],L={key:0,class:"cpDialog__header"},A={class:"cpDialog__content"},M={key:1,class:"cpDialog__footer"},j={__name:"CpDialog",props:{maxWidth:{type:Number,default:600}},emits:["close"],setup(t,{emit:a}){const e=t,l=a,s=w(),c=_(),n=_(),b=u(()=>({maxWidth:`${e.maxWidth}px`})),v=u(()=>!!s.header),E=u(()=>!!s.footer),p=()=>l("close"),D=o=>$(o,n.value),k=()=>c.value.show(),C=()=>c.value.close(),x=()=>{const o=y(n.value);o.length&&o[0].focus()};return K(()=>{k(),N(()=>x())}),S(()=>{C()}),(o,f)=>{const F=W("cp-icon");return m(),d("div",H,[i("dialog",{ref_key:"dialogElement",ref:c,class:"cpDialog__dialog",onKeydown:h(V(p,["stop","prevent"]),["esc"])},[f[0]||(f[0]=i("div",{class:"cpDialog__overlay"},null,-1)),i("main",{ref_key:"dialogContainer",ref:n,class:"cpDialog__container",style:B(b.value),onKeydown:h(D,["tab"])},[v.value?(m(),d("header",L,[r(o.$slots,"header"),i("button",{type:"button",class:"cpDialog__close",onClick:p},[I(F,{type:"x"})])])):g("",!0),r(o.$slots,"default",{},()=>[i("section",A,[r(o.$slots,"content")])]),E.value?(m(),d("footer",M,[r(o.$slots,"footer")])):g("",!0)],36)],40,T)])}}};j.__docgenInfo={exportName:"default",displayName:"CpDialog",description:"",tags:{},props:[{name:"maxWidth",type:{name:"number"},defaultValue:{func:!1,value:"600"}}],events:[{name:"close"}],slots:[{name:"header"},{name:"default"},{name:"content"},{name:"footer"}],sourceFiles:["/builds/miscellaneous/pimp/src/components/atomic-elements/CpDialog.vue"]};export{j as _};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! 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}body:has(.cpDialog){overflow:hidden}.cpDialog{position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;top:0;right:0;bottom:0;left:0;z-index:3;transition-duration:.3s}@media screen and (min-width: 551px){.cpDialog{padding:10vh 2rem}}.cpDialog__dialog{position:relative;display:flex;width:100%;height:100%;align-items:flex-start;justify-content:center;padding:0;border:none;background:none}.cpDialog__overlay{position:fixed;z-index:-1;width:100%;height:100%;background:#3e3e5bdb;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .25s ease}.cpDialog.dialog-leave-to .cpDialog__overlay,.cpDialog.dialog-enter-from .cpDialog__overlay{opacity:0}.cpDialog__container{position:relative;display:flex;overflow:hidden;width:100%;max-height:100%;flex-direction:column;justify-content:space-between;border-radius:.75rem;background-color:#fff;box-shadow:0 2px 8px #00000054;-webkit-overflow-scrolling:touch;transition:transform .3s ease,opacity .25s ease}@media screen and (max-width: 550px){.cpDialog__container{max-width:100%;height:100%;border-radius:0}}.cpDialog.dialog-enter-from .cpDialog__container,.cpDialog.dialog-leave-to .cpDialog__container{opacity:0;transform:scale3d(.85,.85,1) translate3d(0,1.875rem,0)}.cpDialog__header,.cpDialog__content,.cpDialog__footer{width:100%}.cpDialog__header,.cpDialog__footer{display:flex;align-items:center;justify-content:space-between}.cpDialog__header{position:relative;border-bottom:1px solid #d8d8de}.cpDialog__close{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.5rem;color:#8b8b9d;transition:.2s ease-in-out;transform:translate(.25rem,-.25rem);transition-property:color,background-color}.cpDialog__close:hover{color:#3e3e5b}.cpDialog__close:focus-visible{outline:.1875em solid rgb(187.9158878505,207.6261682243,248.0841121495)}.cpDialog__content{overflow:auto;min-height:0;flex:1}.cpDialog__footer:not(:empty){border-top:1px solid #d8d8de;padding:1rem 1.5rem}.cpDialog__footer--noBorder{border-top:none}@media screen and (max-width: 550px){.cpDialog__close{top:1rem;right:1rem}}@media (max-width: 650px){.cpDialog__footer{padding:1rem}}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import{r as s}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as r}from"./CpDialog-8CGjG9CK.js";const c={title:"CpDialog",component:r,argTypes:{maxWidth:{control:"number",description:"The maximum width of the dialog"},onClose:{action:"closed"}},parameters:{styles:{".header":{color:"red"}}}},e={args:{maxWidth:600},render:p=>({setup(){const o=s(!1);return{args:p,isOpen:o}},template:`
|
|
2
|
-
<CpButton @click="isOpen = true">Open Dialog</CpButton>
|
|
3
|
-
<CpDialogWrapper>
|
|
4
|
-
<CpDialog v-bind="args" v-if="isOpen" @close="isOpen = false">
|
|
5
|
-
<template #header>
|
|
6
|
-
<h1 style="padding: 16px 24px">Header slot</h1>
|
|
7
|
-
</template>
|
|
8
|
-
<p style="padding: 16px 24px">This is the default slot content. You can put any content here.</p>
|
|
9
|
-
<template #footer>
|
|
10
|
-
<CpButton @click="isOpen = false">Cancel</CpButton>
|
|
11
|
-
This is the footer slot
|
|
12
|
-
</template>
|
|
13
|
-
</CpDialog>
|
|
14
|
-
</CpDialogWrapper>
|
|
15
|
-
`})};var t,n,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
16
|
-
args: {
|
|
17
|
-
maxWidth: 600
|
|
18
|
-
},
|
|
19
|
-
render: args => ({
|
|
20
|
-
setup() {
|
|
21
|
-
const isOpen = ref(false);
|
|
22
|
-
return {
|
|
23
|
-
args,
|
|
24
|
-
isOpen
|
|
25
|
-
};
|
|
26
|
-
},
|
|
27
|
-
template: \`
|
|
28
|
-
<CpButton @click="isOpen = true">Open Dialog</CpButton>
|
|
29
|
-
<CpDialogWrapper>
|
|
30
|
-
<CpDialog v-bind="args" v-if="isOpen" @close="isOpen = false">
|
|
31
|
-
<template #header>
|
|
32
|
-
<h1 style="padding: 16px 24px">Header slot</h1>
|
|
33
|
-
</template>
|
|
34
|
-
<p style="padding: 16px 24px">This is the default slot content. You can put any content here.</p>
|
|
35
|
-
<template #footer>
|
|
36
|
-
<CpButton @click="isOpen = false">Cancel</CpButton>
|
|
37
|
-
This is the footer slot
|
|
38
|
-
</template>
|
|
39
|
-
</CpDialog>
|
|
40
|
-
</CpDialogWrapper>
|
|
41
|
-
\`
|
|
42
|
-
})
|
|
43
|
-
}`,...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const d=["Default"];export{e as Default,d as __namedExportsOrder,c as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{e as t,g as l,E as i,l as o,o as d,f as p}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=["h1","h2","h3","h4","h5","h6"],s=[100,200,300,400,500,600,700,800,900],n={props:{headingLevel:{type:String,default:a[0],validator:e=>a.includes(e),required:!1},size:{type:Number,default:s[4],validator:e=>s.includes(e),required:!1}},data(){return{headingLevels:a}}};function c(e,f,r,m,g,h){return d(),t(o(e.$props.headingLevel),i(e.$attrs,{class:[`cpHeading--${r.size}`,"cpHeading"]}),{default:l(()=>[p(e.$slots,"default")]),_:3},16,["class"])}const y=u(n,[["render",c]]);n.__docgenInfo={exportName:"default",displayName:"CpHeading",description:"",tags:{},props:[{name:"headingLevel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"headingLevels[0]"}},{name:"size",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"sizes[4]"}}],slots:[{name:"default"}],sourceFiles:["/builds/miscellaneous/pimp/src/components/typography/CpHeading.vue"]};export{y as C};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! 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}.cpHeading{color:#3e3e5b}.cpHeading:first-letter{text-transform:capitalize}.cpHeading--100{font-size:.6875rem;font-weight:400;line-height:1rem;letter-spacing:.0375em;color:#8b8b9d}.cpHeading--200{font-size:.75rem;font-weight:600;line-height:1rem;color:#8b8b9d}.cpHeading--300{font-size:.75rem;font-weight:600;line-height:1rem}.cpHeading--400{font-size:.875rem;font-weight:500;line-height:1.125rem}.cpHeading--500{font-size:1rem;font-weight:500;line-height:1.25rem}.cpHeading--600{font-size:1.125rem;font-weight:500;line-height:1.4375rem;letter-spacing:.025em}.cpHeading--700{font-size:1.25rem;font-weight:500;line-height:1.5625rem;letter-spacing:.025em}.cpHeading--800{font-size:1.8125rem;font-weight:500;line-height:2rem;letter-spacing:.025em}.cpHeading--900{font-size:2.1875rem;font-weight:500;line-height:2.5rem;letter-spacing:.025em}
|