@orchidui/core 0.5.0 → 0.6.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/DataDisplay/CustomerCard/OcCustomerCard.js +1 -1
- package/dist/DataDisplay/FloatContent/OcFloatContent.js +1 -1
- package/dist/DataDisplay/InfoCard/OcInfoCard.js +1 -1
- package/dist/DataDisplay/ListDetail/OcListDetail.js +1 -1
- package/dist/DataDisplay/ListItem/OcListItem.js +3 -3
- package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js +1 -1
- package/dist/DataDisplay/Overview/OcOverview.js +4 -5
- package/dist/DataDisplay/Pagination/OcPagination.js +1 -1
- package/dist/DataDisplay/Table/OcTable.js +4 -4
- package/dist/DataDisplay/TransferSummary/OcTransferSummary.js +1 -1
- package/dist/Disclosure/Accordion/OcAccordion.js +1 -1
- package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js +1 -1
- package/dist/Disclosure/Steps/OcSteps.js +3 -3
- package/dist/Disclosure/Tabs/Tabs.js +1 -1
- package/dist/Disclosure/Variants/OcVariants.js +1 -1
- package/dist/Elements/AdditionalContent/OcAdditionalContent.js +2 -2
- package/dist/Elements/AuthenticationOption/AuthenticationOption.js +2 -2
- package/dist/Elements/Box/OcBox.js +2 -2
- package/dist/Elements/EmptyPage/OcEmptyPage.js +1 -1
- package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js +1 -1
- package/dist/Elements/Header/OcHeader.js +3 -3
- package/dist/Elements/PageTitle/OcPageTitle.js +3 -4
- package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
- package/dist/Elements/Sidebar/OcSidebar.js +1 -1
- package/dist/Elements/Skeleton/OcSkeleton.js +1 -1
- package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
- package/dist/Elements/VerificationOption/OcVerificationOption.js +2 -2
- package/dist/Feedback/Banner/OcBanner.js +1 -1
- package/dist/Feedback/Chip/OcChip.js +2 -2
- package/dist/Feedback/ShareIcon/OcShareIcon.js +2 -2
- package/dist/Feedback/Snackbar/OcSnackbar.js +1 -1
- package/dist/Form/BaseInput/OcBaseInput.js +1 -1
- package/dist/Form/Button/OcButton.js +1 -1
- package/dist/Form/Calendar/OcCalendar.js +2 -2
- package/dist/Form/CardInput/OcCardInput.js +1 -1
- package/dist/Form/Checkbox/OcCheckbox.js +1 -1
- package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js +1 -1
- package/dist/Form/Criteria/OcCriteria.js +1 -1
- package/dist/Form/Cropper/OcCropper.js +1 -1
- package/dist/Form/DatePicker/OcDatePicker.js +1 -1
- package/dist/Form/EmojiPicker/OcEmojiPicker.js +2 -2
- package/dist/Form/Input/OcInput.js +3 -4
- package/dist/Form/LinkInput/OcLinkInput.js +1 -1
- package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
- package/dist/Form/NumberInput/OcNumberInput.js +1 -1
- package/dist/Form/PhoneInput/OcPhoneInput.js +1 -1
- package/dist/Form/Radio/OcRadio.js +1 -1
- package/dist/Form/RadioGroup/OcRadioGroup.js +1 -1
- package/dist/Form/RangeInput/OcRangeInput.js +1 -1
- package/dist/Form/SectionItem/OcSectionItem.js +2 -2
- package/dist/Form/Select/OcSelect.js +4 -5
- package/dist/Form/SelectOptions/OcSelectOptions.js +2 -2
- package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +1 -1
- package/dist/Form/Slider/OcSlider.js +1 -1
- package/dist/Form/TextArea/OcTextArea.js +2 -2
- package/dist/Form/Toggle/OcToggle.js +1 -1
- package/dist/Form/index.js +24 -47
- package/dist/FormBuilder/OcFormBuilder.js +1 -1
- package/dist/{OcComplexCalendar-DXl0ecZ-.js → OcComplexCalendar-Boa7mNFU.js} +18 -25
- package/dist/OcComplexDatePicker-BydI4VSR.js +93 -0
- package/dist/{OcCropper-31Y_S1Ne.js → OcCropper-7E2i6ayU.js} +38 -49
- package/dist/OcDataTable-CsCGrRx7.js +561 -0
- package/dist/{OcDraggable-BjhGJmpM.js → OcDraggable-CA_BCbpl.js} +7 -8
- package/dist/{Draggable.js → OcDraggableList-BUu5SgoA.js} +39 -50
- package/dist/{OcEmojiPicker-BXm-_OGK.js → OcEmojiPicker-DYYK7OB3.js} +28 -38
- package/dist/OcFilterForm-7ehuJUMp.js +83 -0
- package/dist/OcFilterSearch-B4AZsLBn.js +69 -0
- package/dist/OcFilterSearchFor-DfwJG-5N.js +67 -0
- package/dist/OcModalCropper-Z4jlnFc5.js +46 -0
- package/dist/{OcSkeleton-BdPTmGh0.js → OcSkeleton-CvdpGSQR.js} +2 -3
- package/dist/{OcSlider-Bsi-ckbP.js → OcSlider-DW9x8eas.js} +10 -11
- package/dist/{OcTimePicker-B61MCi0D.js → OcTimePicker-D9fPU8_m.js} +22 -33
- package/dist/{OcTimePopup-zQFKCZLk.js → OcTimePopup-CXGhaOev.js} +2 -3
- package/dist/{OcToggle-C0wTjM_Y.js → OcToggle-bIJaLDMZ.js} +5 -6
- package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
- package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
- package/dist/Overlay/Dropdown/OcDropdown.js +3 -4
- package/dist/Overlay/Modal/OcModal.js +3 -4
- package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
- package/dist/Overlay/Tooltip/OcTooltip.js +2 -2
- package/dist/Overlay/Whitelist/OcWhiteList.js +2 -2
- package/dist/SubPlanCard-DHj4RHJZ.js +81 -0
- package/dist/ThumbnailSection-CJBS0QXp.js +41 -0
- package/dist/ThumbnailTheme-hey6se0g.js +119 -0
- package/dist/index-DyVteXE3.js +10028 -0
- package/dist/index.js +129 -948
- package/dist/style.css +1 -1
- package/package.json +1 -16
- package/dist/Calendar.js +0 -103
- package/dist/Cropper.js +0 -6
- package/dist/DatePicker-BLK16hYl.js +0 -263
- package/dist/EmojiPicker.js +0 -4
- package/dist/Form/TimePicker/OcTimePicker.js +0 -6
- package/dist/OcAccordion-DdkNsXvN.js +0 -101
- package/dist/OcAccountSetup-BXDjf48o.js +0 -324
- package/dist/OcAdditionalContent-BMSysCXu.js +0 -612
- package/dist/OcAuthenticationOption.vue_vue_type_script_setup_true_lang-w5Y0ymGN.js +0 -43
- package/dist/OcBanner-Cg2WJV6e.js +0 -108
- package/dist/OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js +0 -43
- package/dist/OcCardInput-BFE4Xu-S.js +0 -75
- package/dist/OcCheckboxesGroup-CLbquUO2.js +0 -94
- package/dist/OcChip-B1hm2Qni.js +0 -144
- package/dist/OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js +0 -1006
- package/dist/OcConfirmationModal-BfCrRV9r.js +0 -179
- package/dist/OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js +0 -65
- package/dist/OcCriteria-CpIohheZ.js +0 -42
- package/dist/OcCustomerCard-DbDOBO03.js +0 -160
- package/dist/OcDropdownItem-DAElmzEu.js +0 -57
- package/dist/OcEmptyPage-CTwgMzRp.js +0 -155
- package/dist/OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js +0 -815
- package/dist/OcFeatureOverviewCard-RVyrWLVW.js +0 -71
- package/dist/OcFloatContent-BIKQOxSw.js +0 -142
- package/dist/OcFormBuilder-BUpEpDsU.js +0 -177
- package/dist/OcGroupOptions-ChGJvTXl.js +0 -16
- package/dist/OcInfoCard-DpYUZOMZ.js +0 -81
- package/dist/OcInput-tcRxG3Y2.js +0 -227
- package/dist/OcInputOption-CncASfNt.js +0 -160
- package/dist/OcLinkInput-C2ixk-gk.js +0 -143
- package/dist/OcListDetail-6XeME6ko.js +0 -76
- package/dist/OcListUrl.vue_vue_type_script_setup_true_lang-7zZdFM8K.js +0 -750
- package/dist/OcModal-DdD5VFEN.js +0 -187
- package/dist/OcModalCropper-D2OI2iun.js +0 -56
- package/dist/OcModalPage-BLVa-kcB.js +0 -86
- package/dist/OcMultipleUploadFile-BAmQHshA.js +0 -447
- package/dist/OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js +0 -90
- package/dist/OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js +0 -81
- package/dist/OcOption-DK2FBGq7.js +0 -485
- package/dist/OcOverviewIcon-D702Ujka.js +0 -55
- package/dist/OcOverviewItem-DNr5tWnt.js +0 -186
- package/dist/OcPageTitleRight-DMtJ1qmZ.js +0 -243
- package/dist/OcPaginationNumber-IKPorX26.js +0 -172
- package/dist/OcPaymentTab-Cna1IAhO.js +0 -170
- package/dist/OcPhoneInput-AC6BgQhN.js +0 -432
- package/dist/OcPrimaryActions-D5IprKsQ.js +0 -222
- package/dist/OcRadio-CRYfNwV9.js +0 -107
- package/dist/OcRadioGroup-DgfdWJos.js +0 -76
- package/dist/OcRangeInput-C-hoHFhr.js +0 -103
- package/dist/OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js +0 -37
- package/dist/OcSectionItem-BFgxO3se.js +0 -84
- package/dist/OcSelectOptions-BQlG_EUA.js +0 -148
- package/dist/OcShareIcon-BB-NPq0r.js +0 -53
- package/dist/OcSingleFileUpload-B8-e1H5t.js +0 -464
- package/dist/OcSnackbar-CKxY1-ej.js +0 -196
- package/dist/OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js +0 -87
- package/dist/OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js +0 -60
- package/dist/OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js +0 -114
- package/dist/OcTabToSelect-BHAz1Niv.js +0 -183
- package/dist/OcTextArea-BpV1Bnj_.js +0 -78
- package/dist/OcTransferSummary-Bk2GXhrT.js +0 -67
- package/dist/OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js +0 -99
- package/dist/OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js +0 -59
- package/dist/OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js +0 -64
- package/dist/OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js +0 -113
- package/dist/StoreDesign.js +0 -240
package/dist/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
@import"https://cdn.jsdelivr.net/gh/lipis/flag-icons@latest/css/flag-icons.min.css";.slide[data-v-2b70f697]{animation:slide-2b70f697 1.5s infinite}@keyframes slide-2b70f697{0%{transform:translate(-100%);left:0}to{transform:translate(100%);left:100%}}.toggle-switch .toggle-input.is-checked+.toggle-label[data-v-0c0b0d12]{background-color:var(--oc-primary-500)}.toggle-switch .toggle-input.is-checked+.toggle-label[data-v-0c0b0d12]:before{--tw-translate-x: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toggle-switch.small .toggle-input.is-checked+.toggle-label[data-v-0c0b0d12]:before{--tw-translate-x: 11px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}input[type=range][data-v-43a77a49]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;pointer-events:none;position:absolute;top:0;margin:auto;width:100%;background-color:transparent}input[type=range][data-v-43a77a49]::-webkit-slider-runnable-track{height:.75rem;-webkit-appearance:none}input[type=range][data-v-43a77a49]::-moz-range-track{height:.75rem;-moz-appearance:none}input[type=range][data-v-43a77a49]::-ms-track{height:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range][data-v-43a77a49]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));margin-top:-6px}input[type=range][data-v-43a77a49]::-moz-range-thumb{-webkit-appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}input[type=range][data-v-43a77a49]::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.copy-enter-active,.copy-leave-active{transition-timing-function:cubic-bezier(0,1,1,1);transition:all .3s}.copy-enter-from{opacity:0;transform:translateY(16px)}.copy-enter-to,.copy-leave-from{opacity:1;transform:translateY(0)}.copy-leave-to{opacity:0;transform:translateY(-16px)}.customer-card.float[data-v-e499a3c4]{box-shadow:var(--oc-shadow-normal)}.keyboard-cap[data-v-a7abfe33]{background:linear-gradient(180deg,#efefef,#fff0);box-shadow:0 1px #0000001a}.account-setup-bg[data-v-98a72f05]{background:linear-gradient(90deg,#ffc83c,#e027fe,#2771fe)}.pie-wrapper[data-v-98a72f05]{height:40px;width:40px;float:left;display:flex;align-items:center;justify-items:center;position:relative}.pie-wrapper .pie[data-v-98a72f05]{height:100%;width:100%;clip:rect(0,40px,40px,20px);left:0;position:absolute;top:0}.pie-wrapper .pie .half-circle[data-v-98a72f05]{height:100%;width:100%;border:5px solid var(--oc-sidebar-menu-active-icon-active);border-radius:50%;clip:rect(0,20px,40px,0);left:0;position:absolute;top:0}.pie-wrapper .label[data-v-98a72f05]{background:none;border-radius:50%;color:var(--oc-sidebar-menu-active-text);cursor:default;display:block;width:100%;font-size:12px;position:absolute;text-align:center}.slide-from-right-enter-active,.slide-from-right-leave-active,.slow-fade-enter-active,.slow-fade-leave-active{transition:all .3s ease-in-out}.slow-fade-enter-from{opacity:0}.slow-fade-enter-to,.slow-fade-leave-from{opacity:1}.slow-fade-leave-to{opacity:0}.slide-from-right-enter-from{transform:translate(100%)}.slide-from-right-enter-to,.slide-from-right-leave-from{transform:translate(0)}.slide-from-right-leave-to{transform:translate(100%)}.send-money-initial-state[data-v-d658d1d3]:after{position:absolute;height:100px;right:0;bottom:0;left:0;content:"";border-radius:8px;background:linear-gradient(90deg,#e8c9fa80,#ffe0a280);box-shadow:0 20px 50px 30px #fff inset}.snackbar{transition:transform .5s,opacity .5s}.slide-from-top-enter-from{transform:translateY(-200%)}.slide-from-top-enter-to{transform:translateY(0)}.slide-from-top-leave-from{opacity:1}.slide-from-top-leave-to{opacity:0}.banner[data-v-d8517c87]{transition:transform .5s,opacity .5s}.slide-from-top-enter-from[data-v-d8517c87]{transform:translateY(-200%)}.slide-from-top-enter-to[data-v-d8517c87]{transform:translateY(0)}.slide-from-top-leave-from[data-v-d8517c87]{opacity:1}.slide-from-top-leave-to[data-v-d8517c87]{opacity:0}.share-icon{background:var(--button-secondary-default)}.share-icon:hover{background:var(--button-secondary-hover)}.share-icon:active{background:var(--button-secondary-pressed)}.oc-btn[data-v-af49bb32]:disabled{pointer-events:none}.oc-btn[data-v-af49bb32]:disabled>*{opacity:.5}.oc-btn:disabled+.oc-btn-add-area[data-v-af49bb32]>*{opacity:.5}.oc-btn:disabled+.oc-btn-add-area.primary[data-v-af49bb32]{background:var(--button-primary-disabled)}.oc-btn:disabled+.oc-btn-add-area.secondary[data-v-af49bb32]{background:var(--button-secondary-disabled)}.oc-btn:disabled+.oc-btn-add-area.destructive[data-v-af49bb32]{background:var(--button-destructive-disabled)}.oc-btn-add-area.primary[data-v-af49bb32]{background:var(--button-primary-default);border-color:var(--oc-primary-500);color:var(--oc-text-100)}.oc-btn-add-area.primary[data-v-af49bb32]:hover{background:var(--button-primary-hover)}.oc-btn-add-area.primary[data-v-af49bb32]:active{background:var(--button-primary-pressed)}.oc-btn-add-area.secondary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-secondary-default);border-color:var(--oc-gray-100);color:var(--oc-text-400)}.oc-btn-add-area.secondary[data-v-af49bb32]:hover{background:var(--button-secondary-hover)}.oc-btn-add-area.secondary[data-v-af49bb32]:active{background:var(--button-secondary-pressed)}.oc-btn-add-area.destructive[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-destructive-default);border-color:var(--oc-error-500);color:var(--oc-text-100)}.oc-btn-add-area.destructive[data-v-af49bb32]:hover{background:var(--button-destructive-hover)}.oc-btn-add-area.destructive[data-v-af49bb32]:active{background:var(--button-destructive-pressed)}.oc-btn-primary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-primary-default)}.oc-btn-primary[data-v-af49bb32]:hover{background:var(--button-primary-hover)}.oc-btn-primary[data-v-af49bb32]:active,.oc-btn-primary.active[data-v-af49bb32]{background:var(--button-primary-pressed)}.oc-btn-primary[data-v-af49bb32]:disabled{background:var(--button-primary-disabled)}.oc-btn-secondary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-secondary-default)}.oc-btn-secondary[data-v-af49bb32]:hover{background:var(--button-secondary-hover)}.oc-btn-secondary[data-v-af49bb32]:active,.oc-btn-secondary.active[data-v-af49bb32]{background:var(--button-secondary-pressed)}.oc-btn-secondary[data-v-af49bb32]:disabled{background:var(--button-secondary-disabled)}.oc-btn-error[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-destructive-default)}.oc-btn-error[data-v-af49bb32]:hover{background:var(--button-destructive-hover)}.oc-btn-error[data-v-af49bb32]:active,.oc-btn-error.active[data-v-af49bb32]{background:var(--button-destructive-pressed)}.oc-btn-error[data-v-af49bb32]:disabled{background:var(--button-destructive-disabled)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{display:none}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar::-webkit-scrollbar{display:none}.radio-button__input:checked+.radio-button__label .radio-button__custom{border-width:5px}.radio-button__input:checked+.radio-button__label .radio-button__custom:not(.disabled){border-color:var(--oc-primary-500)}.radio-button__input:checked+.radio-button__label--button{border-color:var(--oc-primary-500)}.radio-button.disabled .radio-button__input:checked+.radio-button__label .radio-button__custom{border-color:var(--oc-primary-100)}.vc-day-content.vc-disabled{pointer-events:none}.hidden-scrollbar[data-v-434f8eef]{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar[data-v-434f8eef]::-webkit-scrollbar{display:none}.grabbing *{cursor:grabbing}.on-end-loading{animation:finish-loading 1s ease-out 1s forwards}@keyframes finish-loading{0%{visibility:visible}75%{visibility:hidden;height:0;opacity:0}to{visibility:hidden;height:0;opacity:0;display:none}}.on-enable-delete{animation:enable-delete 1.5s ease-in 2s forwards}@keyframes enable-delete{0%{opacity:0;visibility:hidden}75%{visibility:visible}to{visibility:visible;opacity:100}}.fade-enter-active[data-v-28a0af68],.fade-leave-active[data-v-28a0af68]{transition:opacity .3s ease}.fade-enter-from[data-v-28a0af68],.fade-leave-to[data-v-28a0af68]{opacity:0}.oc-tooltip[data-v-a902efc5]{box-shadow:0 3px 22px #262a3217,0 1px 3px #0000001a;z-index:1010;border-radius:.125rem}.oc-tooltip-wrapper div[data-popper-placement^=top] .oc-arrow[data-v-a902efc5]{bottom:-4px}.oc-tooltip-wrapper div[data-popper-placement^=bottom] .oc-arrow[data-v-a902efc5]{top:-4px}.oc-tooltip-wrapper div[data-popper-placement^=left] .oc-arrow[data-v-a902efc5]{right:-4px}.oc-tooltip-wrapper div[data-popper-placement^=right] .oc-arrow[data-v-a902efc5]{left:-4px}.oc-tooltip .oc-arrow[data-v-a902efc5]{z-index:0;visibility:hidden}.oc-tooltip .oc-arrow[data-v-a902efc5],.oc-tooltip .oc-arrow[data-v-a902efc5]:before{position:absolute;height:.75rem;width:.75rem;background-color:inherit}.oc-tooltip .oc-arrow[data-v-a902efc5]:before{visibility:visible;content:"";transform:rotate(45deg)}.fade-enter-active[data-v-a902efc5],.fade-leave-active[data-v-a902efc5]{transition:opacity .5s ease}.fade-enter-from[data-v-a902efc5],.fade-leave-to[data-v-a902efc5]{opacity:0}.responsive-smart-form-grid{max-width:100%;display:grid;grid-template-areas:var(--grid-lg-area, var(--grid-lg-area));grid-template-rows:var(--grid-lg-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-lg-columns, var(--grid-lg-columns))}@media (max-width: 640px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xs-area, var(--grid-lg-area));grid-template-rows:var(--grid-xs-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xs-columns, var(--grid-lg-columns))}}@media (min-width: 640px){.responsive-smart-form-grid{grid-template-areas:var(--grid-sm-area, var(--grid-lg-area));grid-template-rows:var(--grid-sm-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-sm-columns, var(--grid-lg-columns))}}@media (min-width: 768px){.responsive-smart-form-grid{grid-template-areas:var(--grid-md-area, var(--grid-lg-area));grid-template-rows:var(--grid-md-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-md-columns, var(--grid-lg-columns))}}@media (min-width: 1024px){.responsive-smart-form-grid{grid-template-areas:var(--grid-lg-area, var(--grid-lg-area));grid-template-rows:var(--grid-lg-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-lg-columns, var(--grid-lg-columns))}}@media (min-width: 1280px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xl-area, var(--grid-lg-area));grid-template-rows:var(--grid-xl-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xl-columns, var(--grid-lg-columns))}}@media (min-width: 1536px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xxl-area, var(--grid-lg-area));grid-template-rows:var(--grid-xxl-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xxl-columns, var(--grid-lg-columns))}}.vc-pane-layout{gap:0 24px;--vc-text-lg: 14px;grid-template-columns:repeat(1,minmax(0,1fr))!important}@media (min-width: 768px){.vc-pane-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.oc-complex-calendar__calendar--single .vc-pane-layout{grid-template-columns:repeat(1,minmax(0,1fr))!important}.vc-primary{--vc-accent-200: var(--oc-primary-50);--vc-accent-500: var(--oc-primary-50);--vc-accent-600: var(--oc-primary-500)}.vc-light{--vc-nav-item-active-color: var(--oc-text-500)}.vc-header{margin-top:0}.vc-monthly .is-not-in-month *{opacity:.35}.oc-arrow[data-v-6a3c86cb]{z-index:0;visibility:hidden;top:-8px}.oc-arrow[data-v-6a3c86cb],.oc-arrow[data-v-6a3c86cb]:before{position:absolute;background-color:inherit;height:1rem;width:1rem}.oc-arrow[data-v-6a3c86cb]:before{visibility:visible;content:"";transform:rotate(45deg)}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.cropper-background{background:url(/images/empty-space.svg),#d3d3d3 0 0%/50px 50px repeat}.vue-simple-handler{height:5px;width:5px;border-radius:1px;background-color:var(--oc-primary-500)}.vue-simple-line{border-color:var(--oc-primary-500)}.tier-card--pro[data-v-1c173638]:after{position:absolute;height:50%;right:0;top:0;left:0;content:"";border-radius:16px;background:linear-gradient(90deg,#e8c9fa4d,#ffe0a24d);box-shadow:0 0 60px 30px #fff inset}.tier-card--plus[data-v-1c173638]:after{position:absolute;height:25%;right:0;bottom:0;left:0;content:"";border-radius:16px;background:linear-gradient(90deg,#e8c9fa4d,#ffe0a24d);box-shadow:0 0 60px 30px var(--oc-gray-900) inset}
|
1
|
+
@import"https://cdn.jsdelivr.net/gh/lipis/flag-icons@latest/css/flag-icons.min.css";.slide[data-v-2b70f697]{animation:slide-2b70f697 1.5s infinite}@keyframes slide-2b70f697{0%{transform:translate(-100%);left:0}to{transform:translate(100%);left:100%}}input[type=range][data-v-43a77a49]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;pointer-events:none;position:absolute;top:0;margin:auto;width:100%;background-color:transparent}input[type=range][data-v-43a77a49]::-webkit-slider-runnable-track{height:.75rem;-webkit-appearance:none}input[type=range][data-v-43a77a49]::-moz-range-track{height:.75rem;-moz-appearance:none}input[type=range][data-v-43a77a49]::-ms-track{height:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range][data-v-43a77a49]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));margin-top:-6px}input[type=range][data-v-43a77a49]::-moz-range-thumb{-webkit-appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}input[type=range][data-v-43a77a49]::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.toggle-switch .toggle-input.is-checked+.toggle-label[data-v-0c0b0d12]{background-color:var(--oc-primary-500)}.toggle-switch .toggle-input.is-checked+.toggle-label[data-v-0c0b0d12]:before{--tw-translate-x: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toggle-switch.small .toggle-input.is-checked+.toggle-label[data-v-0c0b0d12]:before{--tw-translate-x: 11px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.copy-enter-active,.copy-leave-active{transition-timing-function:cubic-bezier(0,1,1,1);transition:all .3s}.copy-enter-from{opacity:0;transform:translateY(16px)}.copy-enter-to,.copy-leave-from{opacity:1;transform:translateY(0)}.copy-leave-to{opacity:0;transform:translateY(-16px)}.customer-card.float[data-v-e499a3c4]{box-shadow:var(--oc-shadow-normal)}.keyboard-cap[data-v-a7abfe33]{background:linear-gradient(180deg,#efefef,#fff0);box-shadow:0 1px #0000001a}.account-setup-bg[data-v-98a72f05]{background:linear-gradient(90deg,#ffc83c,#e027fe,#2771fe)}.pie-wrapper[data-v-98a72f05]{height:40px;width:40px;float:left;display:flex;align-items:center;justify-items:center;position:relative}.pie-wrapper .pie[data-v-98a72f05]{height:100%;width:100%;clip:rect(0,40px,40px,20px);left:0;position:absolute;top:0}.pie-wrapper .pie .half-circle[data-v-98a72f05]{height:100%;width:100%;border:5px solid var(--oc-sidebar-menu-active-icon-active);border-radius:50%;clip:rect(0,20px,40px,0);left:0;position:absolute;top:0}.pie-wrapper .label[data-v-98a72f05]{background:none;border-radius:50%;color:var(--oc-sidebar-menu-active-text);cursor:default;display:block;width:100%;font-size:12px;position:absolute;text-align:center}.slide-from-right-enter-active,.slide-from-right-leave-active,.slow-fade-enter-active,.slow-fade-leave-active{transition:all .3s ease-in-out}.slow-fade-enter-from{opacity:0}.slow-fade-enter-to,.slow-fade-leave-from{opacity:1}.slow-fade-leave-to{opacity:0}.slide-from-right-enter-from{transform:translate(100%)}.slide-from-right-enter-to,.slide-from-right-leave-from{transform:translate(0)}.slide-from-right-leave-to{transform:translate(100%)}.send-money-initial-state[data-v-d658d1d3]:after{position:absolute;height:100px;right:0;bottom:0;left:0;content:"";border-radius:8px;background:linear-gradient(90deg,#e8c9fa80,#ffe0a280);box-shadow:0 20px 50px 30px #fff inset}.snackbar{transition:transform .5s,opacity .5s}.slide-from-top-enter-from{transform:translateY(-200%)}.slide-from-top-enter-to{transform:translateY(0)}.slide-from-top-leave-from{opacity:1}.slide-from-top-leave-to{opacity:0}.banner[data-v-d8517c87]{transition:transform .5s,opacity .5s}.slide-from-top-enter-from[data-v-d8517c87]{transform:translateY(-200%)}.slide-from-top-enter-to[data-v-d8517c87]{transform:translateY(0)}.slide-from-top-leave-from[data-v-d8517c87]{opacity:1}.slide-from-top-leave-to[data-v-d8517c87]{opacity:0}.share-icon{background:var(--button-secondary-default)}.share-icon:hover{background:var(--button-secondary-hover)}.share-icon:active{background:var(--button-secondary-pressed)}.oc-btn[data-v-af49bb32]:disabled{pointer-events:none}.oc-btn[data-v-af49bb32]:disabled>*{opacity:.5}.oc-btn:disabled+.oc-btn-add-area[data-v-af49bb32]>*{opacity:.5}.oc-btn:disabled+.oc-btn-add-area.primary[data-v-af49bb32]{background:var(--button-primary-disabled)}.oc-btn:disabled+.oc-btn-add-area.secondary[data-v-af49bb32]{background:var(--button-secondary-disabled)}.oc-btn:disabled+.oc-btn-add-area.destructive[data-v-af49bb32]{background:var(--button-destructive-disabled)}.oc-btn-add-area.primary[data-v-af49bb32]{background:var(--button-primary-default);border-color:var(--oc-primary-500);color:var(--oc-text-100)}.oc-btn-add-area.primary[data-v-af49bb32]:hover{background:var(--button-primary-hover)}.oc-btn-add-area.primary[data-v-af49bb32]:active{background:var(--button-primary-pressed)}.oc-btn-add-area.secondary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-secondary-default);border-color:var(--oc-gray-100);color:var(--oc-text-400)}.oc-btn-add-area.secondary[data-v-af49bb32]:hover{background:var(--button-secondary-hover)}.oc-btn-add-area.secondary[data-v-af49bb32]:active{background:var(--button-secondary-pressed)}.oc-btn-add-area.destructive[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-destructive-default);border-color:var(--oc-error-500);color:var(--oc-text-100)}.oc-btn-add-area.destructive[data-v-af49bb32]:hover{background:var(--button-destructive-hover)}.oc-btn-add-area.destructive[data-v-af49bb32]:active{background:var(--button-destructive-pressed)}.oc-btn-primary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-primary-default)}.oc-btn-primary[data-v-af49bb32]:hover{background:var(--button-primary-hover)}.oc-btn-primary[data-v-af49bb32]:active,.oc-btn-primary.active[data-v-af49bb32]{background:var(--button-primary-pressed)}.oc-btn-primary[data-v-af49bb32]:disabled{background:var(--button-primary-disabled)}.oc-btn-secondary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-secondary-default)}.oc-btn-secondary[data-v-af49bb32]:hover{background:var(--button-secondary-hover)}.oc-btn-secondary[data-v-af49bb32]:active,.oc-btn-secondary.active[data-v-af49bb32]{background:var(--button-secondary-pressed)}.oc-btn-secondary[data-v-af49bb32]:disabled{background:var(--button-secondary-disabled)}.oc-btn-error[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-destructive-default)}.oc-btn-error[data-v-af49bb32]:hover{background:var(--button-destructive-hover)}.oc-btn-error[data-v-af49bb32]:active,.oc-btn-error.active[data-v-af49bb32]{background:var(--button-destructive-pressed)}.oc-btn-error[data-v-af49bb32]:disabled{background:var(--button-destructive-disabled)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{display:none}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar::-webkit-scrollbar{display:none}.radio-button__input:checked+.radio-button__label .radio-button__custom{border-width:5px}.radio-button__input:checked+.radio-button__label .radio-button__custom:not(.disabled){border-color:var(--oc-primary-500)}.radio-button__input:checked+.radio-button__label--button{border-color:var(--oc-primary-500)}.radio-button.disabled .radio-button__input:checked+.radio-button__label .radio-button__custom{border-color:var(--oc-primary-100)}.vc-day-content.vc-disabled{pointer-events:none}.on-end-loading{animation:finish-loading 1s ease-out 1s forwards}@keyframes finish-loading{0%{visibility:visible}75%{visibility:hidden;height:0;opacity:0}to{visibility:hidden;height:0;opacity:0;display:none}}.on-enable-delete{animation:enable-delete 1.5s ease-in 2s forwards}@keyframes enable-delete{0%{opacity:0;visibility:hidden}75%{visibility:visible}to{visibility:visible;opacity:100}}.fade-enter-active[data-v-28a0af68],.fade-leave-active[data-v-28a0af68]{transition:opacity .3s ease}.fade-enter-from[data-v-28a0af68],.fade-leave-to[data-v-28a0af68]{opacity:0}.oc-tooltip[data-v-a902efc5]{box-shadow:0 3px 22px #262a3217,0 1px 3px #0000001a;z-index:1010;border-radius:.125rem}.oc-tooltip-wrapper div[data-popper-placement^=top] .oc-arrow[data-v-a902efc5]{bottom:-4px}.oc-tooltip-wrapper div[data-popper-placement^=bottom] .oc-arrow[data-v-a902efc5]{top:-4px}.oc-tooltip-wrapper div[data-popper-placement^=left] .oc-arrow[data-v-a902efc5]{right:-4px}.oc-tooltip-wrapper div[data-popper-placement^=right] .oc-arrow[data-v-a902efc5]{left:-4px}.oc-tooltip .oc-arrow[data-v-a902efc5]{z-index:0;visibility:hidden}.oc-tooltip .oc-arrow[data-v-a902efc5],.oc-tooltip .oc-arrow[data-v-a902efc5]:before{position:absolute;height:.75rem;width:.75rem;background-color:inherit}.oc-tooltip .oc-arrow[data-v-a902efc5]:before{visibility:visible;content:"";transform:rotate(45deg)}.fade-enter-active[data-v-a902efc5],.fade-leave-active[data-v-a902efc5]{transition:opacity .5s ease}.fade-enter-from[data-v-a902efc5],.fade-leave-to[data-v-a902efc5]{opacity:0}.responsive-smart-form-grid{max-width:100%;display:grid;grid-template-areas:var(--grid-lg-area, var(--grid-lg-area));grid-template-rows:var(--grid-lg-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-lg-columns, var(--grid-lg-columns))}@media (max-width: 640px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xs-area, var(--grid-lg-area));grid-template-rows:var(--grid-xs-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xs-columns, var(--grid-lg-columns))}}@media (min-width: 640px){.responsive-smart-form-grid{grid-template-areas:var(--grid-sm-area, var(--grid-lg-area));grid-template-rows:var(--grid-sm-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-sm-columns, var(--grid-lg-columns))}}@media (min-width: 768px){.responsive-smart-form-grid{grid-template-areas:var(--grid-md-area, var(--grid-lg-area));grid-template-rows:var(--grid-md-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-md-columns, var(--grid-lg-columns))}}@media (min-width: 1024px){.responsive-smart-form-grid{grid-template-areas:var(--grid-lg-area, var(--grid-lg-area));grid-template-rows:var(--grid-lg-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-lg-columns, var(--grid-lg-columns))}}@media (min-width: 1280px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xl-area, var(--grid-lg-area));grid-template-rows:var(--grid-xl-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xl-columns, var(--grid-lg-columns))}}@media (min-width: 1536px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xxl-area, var(--grid-lg-area));grid-template-rows:var(--grid-xxl-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xxl-columns, var(--grid-lg-columns))}}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.cropper-background{background:url('data:image/svg+xml,<svg width="530" height="300" viewBox="0 0 530 300" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="530" height="300" fill="url(%23pattern0_4033_144833)" fill-opacity="0.2"/><defs><pattern id="pattern0_4033_144833" patternContentUnits="objectBoundingBox" width="0.0603774" height="0.106667"><use xlink:href="%23image0_4033_144833" transform="scale(0.000943396 0.00166667)"/></pattern><image id="image0_4033_144833" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC"/></defs></svg>'),#d3d3d3 0 0%/50px 50px repeat}.vue-simple-handler{height:5px;width:5px;border-radius:1px;background-color:var(--oc-primary-500)}.vue-simple-line{border-color:var(--oc-primary-500)}.oc-arrow[data-v-6a3c86cb]{z-index:0;visibility:hidden;top:-8px}.oc-arrow[data-v-6a3c86cb],.oc-arrow[data-v-6a3c86cb]:before{position:absolute;background-color:inherit;height:1rem;width:1rem}.oc-arrow[data-v-6a3c86cb]:before{visibility:visible;content:"";transform:rotate(45deg)}.vc-pane-layout{gap:0 24px;--vc-text-lg: 14px;grid-template-columns:repeat(1,minmax(0,1fr))!important}@media (min-width: 768px){.vc-pane-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.oc-complex-calendar__calendar--single .vc-pane-layout{grid-template-columns:repeat(1,minmax(0,1fr))!important}.vc-primary{--vc-accent-200: var(--oc-primary-50);--vc-accent-500: var(--oc-primary-50);--vc-accent-600: var(--oc-primary-500)}.vc-light{--vc-nav-item-active-color: var(--oc-text-500)}.vc-header{margin-top:0}.vc-monthly .is-not-in-month *{opacity:.35}.grabbing *{cursor:grabbing}.tier-card--pro[data-v-1c173638]:after{position:absolute;height:50%;right:0;top:0;left:0;content:"";border-radius:16px;background:linear-gradient(90deg,#e8c9fa4d,#ffe0a24d);box-shadow:0 0 60px 30px #fff inset}.tier-card--plus[data-v-1c173638]:after{position:absolute;height:25%;right:0;bottom:0;left:0;content:"";border-radius:16px;background:linear-gradient(90deg,#e8c9fa4d,#ffe0a24d);box-shadow:0 0 60px 30px var(--oc-gray-900) inset}.hidden-scrollbar[data-v-434f8eef]{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar[data-v-434f8eef]::-webkit-scrollbar{display:none}
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@orchidui/core",
|
3
3
|
"description": "Orchid UI, Library Vue 3 tailwind css",
|
4
|
-
"version": "0.
|
4
|
+
"version": "0.6.0",
|
5
5
|
"type": "module",
|
6
6
|
"scripts": {
|
7
7
|
"build": "vite build"
|
@@ -19,21 +19,6 @@
|
|
19
19
|
".": {
|
20
20
|
"import": "./dist/index.js"
|
21
21
|
},
|
22
|
-
"./Cropper": {
|
23
|
-
"import": "./dist/Cropper.js"
|
24
|
-
},
|
25
|
-
"./Calendar": {
|
26
|
-
"import": "./dist/Calendar.js"
|
27
|
-
},
|
28
|
-
"./Draggable": {
|
29
|
-
"import": "./dist/Draggable.js"
|
30
|
-
},
|
31
|
-
"./StoreDesign": {
|
32
|
-
"import": "./dist/StoreDesign.js"
|
33
|
-
},
|
34
|
-
"./EmojiPicker": {
|
35
|
-
"import": "./dist/EmojiPicker.js"
|
36
|
-
},
|
37
22
|
"./dist/style.css": {
|
38
23
|
"import": "./dist/style.css",
|
39
24
|
"require": "./dist/style.css"
|
package/dist/Calendar.js
DELETED
@@ -1,103 +0,0 @@
|
|
1
|
-
import { _ as m } from "./OcComplexCalendar-DXl0ecZ-.js";
|
2
|
-
import { ref as s, openBlock as d, createBlock as c, unref as e, withCtx as l, createVNode as r } from "vue";
|
3
|
-
import n from "dayjs";
|
4
|
-
import { c as p, _ as f, D as b } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
5
|
-
/* empty css */
|
6
|
-
import { _ as D } from "./OcInput-tcRxG3Y2.js";
|
7
|
-
import "libphonenumber-js";
|
8
|
-
/* empty css */
|
9
|
-
/* empty css */
|
10
|
-
import "./Cropper.js";
|
11
|
-
import "vue-draggable-next";
|
12
|
-
import "@popperjs/core";
|
13
|
-
const S = {
|
14
|
-
__name: "OcComplexDatePicker",
|
15
|
-
props: {
|
16
|
-
shortcuts: Array,
|
17
|
-
cancelButtonProps: Object,
|
18
|
-
submitButtonProps: Object,
|
19
|
-
/**
|
20
|
-
* Props to pass to the calendar component from https://vcalendar.io/
|
21
|
-
*/
|
22
|
-
calendarProps: Object,
|
23
|
-
modelValue: {
|
24
|
-
type: Object,
|
25
|
-
default: () => ({
|
26
|
-
start: /* @__PURE__ */ new Date(),
|
27
|
-
end: /* @__PURE__ */ new Date()
|
28
|
-
})
|
29
|
-
},
|
30
|
-
formatDate: {
|
31
|
-
type: String,
|
32
|
-
default: "DD/MM/YYYY"
|
33
|
-
},
|
34
|
-
countCalendars: {
|
35
|
-
type: Number,
|
36
|
-
default: 2
|
37
|
-
},
|
38
|
-
withFooter: {
|
39
|
-
type: Boolean,
|
40
|
-
default: !0
|
41
|
-
},
|
42
|
-
label: String,
|
43
|
-
hint: String,
|
44
|
-
isRequired: Boolean,
|
45
|
-
errorMessage: String,
|
46
|
-
labelIcon: String,
|
47
|
-
tooltipText: String,
|
48
|
-
tooltipOptions: Object
|
49
|
-
},
|
50
|
-
emits: {
|
51
|
-
"update:modelValue": []
|
52
|
-
},
|
53
|
-
setup(t) {
|
54
|
-
n.extend(p);
|
55
|
-
const i = s(!1);
|
56
|
-
return (u, o) => (d(), c(e(f), {
|
57
|
-
label: t.label,
|
58
|
-
hint: t.hint,
|
59
|
-
"error-message": t.errorMessage,
|
60
|
-
"is-required": t.isRequired,
|
61
|
-
"tooltip-options": t.tooltipOptions,
|
62
|
-
"label-icon": t.labelIcon,
|
63
|
-
"tooltip-text": t.tooltipText
|
64
|
-
}, {
|
65
|
-
default: l(() => [
|
66
|
-
r(e(b), {
|
67
|
-
modelValue: i.value,
|
68
|
-
"onUpdate:modelValue": o[1] || (o[1] = (a) => i.value = a),
|
69
|
-
position: "bottom",
|
70
|
-
class: "w-full"
|
71
|
-
}, {
|
72
|
-
menu: l(() => [
|
73
|
-
r(e(m), {
|
74
|
-
"model-value": t.modelValue,
|
75
|
-
shortcuts: t.shortcuts,
|
76
|
-
"cancel-button-props": t.cancelButtonProps,
|
77
|
-
"submit-button-props": t.submitButtonProps,
|
78
|
-
"calendar-props": t.calendarProps,
|
79
|
-
"count-calendars": t.countCalendars,
|
80
|
-
"with-footer": t.withFooter,
|
81
|
-
"onUpdate:modelValue": o[0] || (o[0] = (a) => u.$emit("update:modelValue", a))
|
82
|
-
}, null, 8, ["model-value", "shortcuts", "cancel-button-props", "submit-button-props", "calendar-props", "count-calendars", "with-footer"])
|
83
|
-
]),
|
84
|
-
default: l(() => [
|
85
|
-
r(e(D), {
|
86
|
-
"model-value": `${e(n)(t.modelValue.start).format(t.formatDate)} - ${e(n)(
|
87
|
-
t.modelValue.end
|
88
|
-
).format(t.formatDate)}`,
|
89
|
-
icon: "calendar",
|
90
|
-
readonly: ""
|
91
|
-
}, null, 8, ["model-value"])
|
92
|
-
]),
|
93
|
-
_: 1
|
94
|
-
}, 8, ["modelValue"])
|
95
|
-
]),
|
96
|
-
_: 1
|
97
|
-
}, 8, ["label", "hint", "error-message", "is-required", "tooltip-options", "label-icon", "tooltip-text"]));
|
98
|
-
}
|
99
|
-
};
|
100
|
-
export {
|
101
|
-
m as ComplexCalendar,
|
102
|
-
S as ComplexDatePicker
|
103
|
-
};
|
package/dist/Cropper.js
DELETED
@@ -1,263 +0,0 @@
|
|
1
|
-
import { ref as b, computed as S, openBlock as f, createBlock as V, unref as c, withCtx as p, renderSlot as R, createCommentVNode as k, createElementVNode as i, createElementBlock as F, Fragment as A, createVNode as x, toDisplayString as E, normalizeClass as M, withKeys as B, withModifiers as U } from "vue";
|
2
|
-
import d from "dayjs";
|
3
|
-
import { c as j, D as K, b as O, _ as P } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
4
|
-
import { _ as $ } from "./OcIcon-CJgBICxh.js";
|
5
|
-
/* empty css */
|
6
|
-
import { _ as T } from "./OcInput-tcRxG3Y2.js";
|
7
|
-
import "libphonenumber-js";
|
8
|
-
/* empty css */
|
9
|
-
import { _ as L } from "./OcComplexCalendar-DXl0ecZ-.js";
|
10
|
-
/* empty css */
|
11
|
-
import "./Cropper.js";
|
12
|
-
import "vue-draggable-next";
|
13
|
-
import "@popperjs/core";
|
14
|
-
const z = { class: "flex flex-col gap-y-2 w-full" }, G = { class: "flex w-full" }, H = {
|
15
|
-
key: 0,
|
16
|
-
class: "text-sm text-oc-error flex items-center"
|
17
|
-
}, J = {
|
18
|
-
key: 1,
|
19
|
-
class: "flex flex-wrap cursor-pointer"
|
20
|
-
}, Q = { class: "flex items-center gap-x-3" }, W = ["value"], X = { class: "flex items-center gap-x-3" }, Z = ["value"], fe = {
|
21
|
-
__name: "DatePicker",
|
22
|
-
props: {
|
23
|
-
modelValue: {
|
24
|
-
type: [String, Date, Number, Array]
|
25
|
-
},
|
26
|
-
type: {
|
27
|
-
type: String,
|
28
|
-
default: "default",
|
29
|
-
validator: (e) => ["default", "range"].includes(e)
|
30
|
-
},
|
31
|
-
disabledDate: {
|
32
|
-
type: Function,
|
33
|
-
default: () => !1
|
34
|
-
},
|
35
|
-
minDate: {
|
36
|
-
type: [String, Date, Number],
|
37
|
-
default: null
|
38
|
-
},
|
39
|
-
maxDate: {
|
40
|
-
type: [String, Date, Number],
|
41
|
-
default: null
|
42
|
-
},
|
43
|
-
dateFormat: {
|
44
|
-
type: String,
|
45
|
-
default: "YYYY-MM-DD"
|
46
|
-
},
|
47
|
-
disabled: {
|
48
|
-
type: Boolean,
|
49
|
-
default: !1
|
50
|
-
},
|
51
|
-
errorMessage: {
|
52
|
-
type: String,
|
53
|
-
default: ""
|
54
|
-
},
|
55
|
-
label: {
|
56
|
-
type: String,
|
57
|
-
default: ""
|
58
|
-
},
|
59
|
-
hint: {
|
60
|
-
type: String,
|
61
|
-
default: ""
|
62
|
-
},
|
63
|
-
placeholder: {
|
64
|
-
type: String,
|
65
|
-
default: "YYYY-MM-DD"
|
66
|
-
},
|
67
|
-
isSplitInput: {
|
68
|
-
type: Boolean,
|
69
|
-
default: !0
|
70
|
-
},
|
71
|
-
minLabel: {
|
72
|
-
type: String,
|
73
|
-
default: "From"
|
74
|
-
},
|
75
|
-
maxLabel: {
|
76
|
-
type: String,
|
77
|
-
default: "To"
|
78
|
-
},
|
79
|
-
isRequired: {
|
80
|
-
type: Boolean,
|
81
|
-
default: !1
|
82
|
-
},
|
83
|
-
isIndefinite: {
|
84
|
-
type: Boolean,
|
85
|
-
default: !1
|
86
|
-
},
|
87
|
-
disabledRange: {
|
88
|
-
type: Object,
|
89
|
-
default: () => ({
|
90
|
-
start: null,
|
91
|
-
end: null
|
92
|
-
})
|
93
|
-
},
|
94
|
-
countCalendars: {
|
95
|
-
type: Number,
|
96
|
-
default: 2
|
97
|
-
},
|
98
|
-
shortcuts: {
|
99
|
-
type: Array,
|
100
|
-
default: () => []
|
101
|
-
}
|
102
|
-
},
|
103
|
-
emits: ["update:modelValue", "resetCalendar", "error"],
|
104
|
-
setup(e, { emit: Y }) {
|
105
|
-
d.extend(j);
|
106
|
-
const s = Y, t = e, m = b(!1), w = b(!1), y = b(!1), r = b([]), v = S(() => t.type === "range"), o = S(() => v.value ? t.modelValue && t.modelValue[0] ? [
|
107
|
-
d(t.modelValue[0], t.dateFormat),
|
108
|
-
d(t.modelValue[1], t.dateFormat)
|
109
|
-
] : ["", ""] : t.modelValue ? d(t.modelValue, t.dateFormat) : ""), h = (a) => {
|
110
|
-
t.type === "range" ? s(
|
111
|
-
"update:modelValue",
|
112
|
-
a ? [
|
113
|
-
d(a.start).format(t.dateFormat),
|
114
|
-
d(a.end).format(t.dateFormat)
|
115
|
-
] : []
|
116
|
-
) : s("update:modelValue", d(a).format(t.dateFormat)), m.value = !1;
|
117
|
-
}, D = () => {
|
118
|
-
s("resetCalendar"), s("update:modelValue", v.value ? [] : null), m.value = !1;
|
119
|
-
}, q = (a) => {
|
120
|
-
const l = d(a);
|
121
|
-
return ((u) => u.get("month") === d().get("month"))(l);
|
122
|
-
}, N = (a) => {
|
123
|
-
w.value = a, s("update:modelValue", a ? "Indefinite" : null);
|
124
|
-
}, I = (a, l) => {
|
125
|
-
var u;
|
126
|
-
const n = d(a, t.dateFormat, !0);
|
127
|
-
r.value[l] = n.format(t.dateFormat), r.value[l ? 0 : 1] = ((u = t.modelValue) == null ? void 0 : u[l ? 0 : 1]) || d().format(t.dateFormat);
|
128
|
-
}, g = () => {
|
129
|
-
if (r.value.length) {
|
130
|
-
if (y.value = !1, r.value.some((a) => !d(a, t.dateFormat).isValid())) {
|
131
|
-
y.value = !0, r.value = [];
|
132
|
-
return;
|
133
|
-
}
|
134
|
-
t.maxDate && (r.value = r.value.map(
|
135
|
-
(a) => d(a, t.dateFormat).isSameOrBefore(d(t.maxDate)) ? a : d(t.maxDate).format(t.dateFormat)
|
136
|
-
)), s("update:modelValue", r.value), r.value = [];
|
137
|
-
}
|
138
|
-
};
|
139
|
-
return (a, l) => (f(), V(c(K), {
|
140
|
-
modelValue: m.value,
|
141
|
-
"onUpdate:modelValue": l[3] || (l[3] = (n) => m.value = n),
|
142
|
-
"is-disabled": e.disabled,
|
143
|
-
placement: "bottom-start",
|
144
|
-
distance: 10,
|
145
|
-
class: "w-full"
|
146
|
-
}, {
|
147
|
-
menu: p(({ isPopoverOpen: n }) => [
|
148
|
-
R(a.$slots, "menu", {
|
149
|
-
isPopoverOpen: n,
|
150
|
-
updateCalendar: h,
|
151
|
-
resetCalendar: D
|
152
|
-
}, () => {
|
153
|
-
var u, C;
|
154
|
-
return [
|
155
|
-
v.value ? (f(), V(L, {
|
156
|
-
key: 0,
|
157
|
-
"model-value": {
|
158
|
-
start: (u = e.modelValue) == null ? void 0 : u[0],
|
159
|
-
end: (C = e.modelValue) == null ? void 0 : C[1]
|
160
|
-
},
|
161
|
-
shortcuts: e.shortcuts,
|
162
|
-
"count-calendars": e.countCalendars,
|
163
|
-
"is-range": "",
|
164
|
-
"with-footer": !1,
|
165
|
-
"min-date": e.minDate,
|
166
|
-
"max-date": e.maxDate,
|
167
|
-
masks: { modelValue: e.dateFormat },
|
168
|
-
"onUpdate:modelValue": h
|
169
|
-
}, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && n ? (f(), V(c(O), {
|
170
|
-
key: 1,
|
171
|
-
"model-value": o.value ? o.value.toDate() : /* @__PURE__ */ new Date(),
|
172
|
-
"disabled-date": w.value ? q : e.disabledDate,
|
173
|
-
"max-date": e.maxDate,
|
174
|
-
"min-date": e.minDate,
|
175
|
-
"is-indefinite": e.isIndefinite,
|
176
|
-
position: "inline",
|
177
|
-
type: e.type,
|
178
|
-
"onUpdate:modelValue": h,
|
179
|
-
"onUpdate:isIndefinite": N,
|
180
|
-
onResetCalendar: D
|
181
|
-
}, null, 8, ["model-value", "disabled-date", "max-date", "min-date", "is-indefinite", "type"])) : k("", !0)
|
182
|
-
];
|
183
|
-
})
|
184
|
-
]),
|
185
|
-
default: p(() => [
|
186
|
-
i("div", z, [
|
187
|
-
!e.isSplitInput || !v.value ? (f(), F(A, { key: 0 }, [
|
188
|
-
i("div", G, [
|
189
|
-
x(c(T), {
|
190
|
-
"model-value": v.value ? e.modelValue && e.modelValue[0] ? `${o.value[0].format(e.dateFormat)} - ${o.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? o.value.format(e.dateFormat) : "",
|
191
|
-
icon: "calendar",
|
192
|
-
label: e.label,
|
193
|
-
hint: e.hint,
|
194
|
-
"is-required": e.isRequired,
|
195
|
-
disabled: e.disabled,
|
196
|
-
placeholder: e.placeholder
|
197
|
-
}, null, 8, ["model-value", "label", "hint", "is-required", "disabled", "placeholder"])
|
198
|
-
]),
|
199
|
-
e.errorMessage ? (f(), F("div", H, E(e.errorMessage), 1)) : k("", !0)
|
200
|
-
], 64)) : (f(), F("div", J, [
|
201
|
-
x(c(P), {
|
202
|
-
"error-message": y.value ? `Invalid Date. Try this format (${e.dateFormat})` : e.errorMessage,
|
203
|
-
hint: e.hint,
|
204
|
-
"is-required": e.isRequired,
|
205
|
-
label: e.label
|
206
|
-
}, {
|
207
|
-
default: p(() => [
|
208
|
-
i("div", {
|
209
|
-
class: M(["rounded justify-between border flex items-center gap-3 h-[36px] px-3", [
|
210
|
-
e.errorMessage || y.value ? "border-oc-error shadow-oc-error" : "border-oc-gray-200 shadow-oc-gray-200",
|
211
|
-
e.disabled ? "pointer-events-none bg-oc-bg-dark" : "bg-white",
|
212
|
-
{
|
213
|
-
"shadow-[0_0_0_2px]": m.value && !e.disabled
|
214
|
-
}
|
215
|
-
]]),
|
216
|
-
onClick: l[2] || (l[2] = (n) => m.value ? n.stopPropagation : null)
|
217
|
-
}, [
|
218
|
-
i("div", Q, [
|
219
|
-
x(c($), {
|
220
|
-
name: "calendar",
|
221
|
-
class: "text-oc-text-400"
|
222
|
-
}),
|
223
|
-
i("input", {
|
224
|
-
placeholder: "Start date",
|
225
|
-
value: o.value[0] ? o.value[0].format(e.dateFormat) : "",
|
226
|
-
class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
|
227
|
-
onInput: l[0] || (l[0] = (n) => I(n.target.value, 0)),
|
228
|
-
onKeydown: B(g, ["enter"]),
|
229
|
-
onBlur: g
|
230
|
-
}, null, 40, W)
|
231
|
-
]),
|
232
|
-
l[4] || (l[4] = i("span", { class: "text-oc-text-400" }, "To", -1)),
|
233
|
-
i("div", X, [
|
234
|
-
i("input", {
|
235
|
-
placeholder: "End date",
|
236
|
-
value: o.value[1] ? o.value[1].format(e.dateFormat) : "",
|
237
|
-
class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
|
238
|
-
onInput: l[1] || (l[1] = (n) => I(n.target.value, 1)),
|
239
|
-
onKeydown: B(g, ["enter"]),
|
240
|
-
onBlur: g
|
241
|
-
}, null, 40, Z),
|
242
|
-
x(c($), {
|
243
|
-
class: M([o.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
|
244
|
-
width: "16",
|
245
|
-
height: "16",
|
246
|
-
name: "filled-x-circle",
|
247
|
-
onClick: U(D, ["stop"])
|
248
|
-
}, null, 8, ["class"])
|
249
|
-
])
|
250
|
-
], 2)
|
251
|
-
]),
|
252
|
-
_: 1
|
253
|
-
}, 8, ["error-message", "hint", "is-required", "label"])
|
254
|
-
]))
|
255
|
-
])
|
256
|
-
]),
|
257
|
-
_: 3
|
258
|
-
}, 8, ["modelValue", "is-disabled"]));
|
259
|
-
}
|
260
|
-
};
|
261
|
-
export {
|
262
|
-
fe as _
|
263
|
-
};
|
package/dist/EmojiPicker.js
DELETED
@@ -1,101 +0,0 @@
|
|
1
|
-
import { ref as u, watch as b, onUpdated as y, openBlock as l, createElementBlock as x, normalizeClass as a, createElementVNode as n, renderSlot as s, createTextVNode as c, toDisplayString as m, createBlock as p, unref as f, createCommentVNode as h, nextTick as g } from "vue";
|
2
|
-
import "dayjs";
|
3
|
-
import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
4
|
-
import { _ as E } from "./OcIcon-CJgBICxh.js";
|
5
|
-
/* empty css */
|
6
|
-
import "libphonenumber-js";
|
7
|
-
/* empty css */
|
8
|
-
import "v-calendar";
|
9
|
-
/* empty css */
|
10
|
-
import "./Cropper.js";
|
11
|
-
import "vue-draggable-next";
|
12
|
-
import "@popperjs/core";
|
13
|
-
const I = {
|
14
|
-
__name: "OcAccordion",
|
15
|
-
props: {
|
16
|
-
header: {
|
17
|
-
type: String,
|
18
|
-
default: ""
|
19
|
-
},
|
20
|
-
headerStyle: {
|
21
|
-
type: String,
|
22
|
-
default: ""
|
23
|
-
},
|
24
|
-
body: {
|
25
|
-
type: String,
|
26
|
-
default: ""
|
27
|
-
},
|
28
|
-
bodyStyle: {
|
29
|
-
type: String,
|
30
|
-
default: ""
|
31
|
-
},
|
32
|
-
icon: {
|
33
|
-
type: String,
|
34
|
-
default: "chevron-down"
|
35
|
-
},
|
36
|
-
showIcon: {
|
37
|
-
type: Boolean,
|
38
|
-
default: !0
|
39
|
-
},
|
40
|
-
isAnimated: {
|
41
|
-
type: Boolean,
|
42
|
-
default: !0
|
43
|
-
},
|
44
|
-
isExpandable: {
|
45
|
-
type: Boolean,
|
46
|
-
default: !1
|
47
|
-
},
|
48
|
-
isDisabled: {
|
49
|
-
type: Boolean,
|
50
|
-
default: !1
|
51
|
-
}
|
52
|
-
},
|
53
|
-
emits: {
|
54
|
-
"update:isExpandable": []
|
55
|
-
},
|
56
|
-
setup(e) {
|
57
|
-
const i = u(), o = e, r = async (t) => {
|
58
|
-
await g(), i.value && (i.value.style.maxHeight = t ? "max-content" : "0");
|
59
|
-
};
|
60
|
-
return b(() => o.isExpandable, r), y(() => {
|
61
|
-
r(o.isExpandable);
|
62
|
-
}), (t, d) => (l(), x("div", {
|
63
|
-
class: a(e.isDisabled && "opacity-60")
|
64
|
-
}, [
|
65
|
-
n("div", null, [
|
66
|
-
n("div", {
|
67
|
-
class: a(["border-oc-accent-1-50 py-3 text-sm border z-10 justify-between px-4 gap-x-3 flex hover:border-oc-gray-200 items-center w-full text-oc-text", [
|
68
|
-
e.isExpandable ? "rounded-t border-oc-gray-200" : "rounded border-transparent",
|
69
|
-
e.headerStyle
|
70
|
-
]]),
|
71
|
-
onClick: d[0] || (d[0] = (v) => o.isDisabled ? null : t.$emit("update:isExpandable", !o.isExpandable))
|
72
|
-
}, [
|
73
|
-
s(t.$slots, "header", {}, () => [
|
74
|
-
c(m(e.header), 1)
|
75
|
-
]),
|
76
|
-
e.showIcon ? (l(), p(f(E), {
|
77
|
-
key: 0,
|
78
|
-
name: e.icon,
|
79
|
-
class: a(["text-oc-text-400 w-4 h-4 shrink-0", [e.isExpandable && "-rotate-180", e.isAnimated && "transition-all duration-300"]])
|
80
|
-
}, null, 8, ["name", "class"])) : h("", !0)
|
81
|
-
], 2),
|
82
|
-
n("div", {
|
83
|
-
ref_key: "upcomingAccordion",
|
84
|
-
ref: i,
|
85
|
-
class: a(["max-h-0", [e.isAnimated && "transition-all duration-300", !e.isExpandable && "overflow-hidden"]])
|
86
|
-
}, [
|
87
|
-
n("div", {
|
88
|
-
class: a(["text-oc-text text-sm p-4 rounded-b z-0 border-x border-b", [e.isExpandable ? "border-oc-gray-200" : " border-transparent", e.bodyStyle]])
|
89
|
-
}, [
|
90
|
-
s(t.$slots, "body", {}, () => [
|
91
|
-
c(m(e.body), 1)
|
92
|
-
])
|
93
|
-
], 2)
|
94
|
-
], 2)
|
95
|
-
])
|
96
|
-
], 2));
|
97
|
-
}
|
98
|
-
};
|
99
|
-
export {
|
100
|
-
I as _
|
101
|
-
};
|