@onereach/ui-components 4.6.3 → 4.6.4-beta.2800.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/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js +30 -47
- package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.vue.d.ts +19 -10
- package/dist/bundled/v2/components/OrBottomSheetV3/index.js +1 -0
- package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js +2 -1
- package/dist/bundled/v2/components/OrCardCollectionV3/index.js +2 -1
- package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js +28 -52
- package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.vue.d.ts +18 -36
- package/dist/bundled/v2/components/OrConfirmV3/index.js +1 -0
- package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js +3 -2
- package/dist/bundled/v2/components/OrDatePickerV3/index.js +2 -1
- package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js +4 -3
- package/dist/bundled/v2/components/OrDateTimePickerV3/index.js +2 -1
- package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.js +2 -1
- package/dist/bundled/v2/components/OrIconButtonV3/index.js +2 -1
- package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js +2 -1
- package/dist/bundled/v2/components/OrInlineInputV3/index.js +2 -1
- package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.js +2 -1
- package/dist/bundled/v2/components/OrInlineTextareaV3/index.js +2 -1
- package/dist/bundled/v2/components/OrInputV3/OrInput.js +2 -1
- package/dist/bundled/v2/components/OrInputV3/index.js +2 -1
- package/dist/bundled/v2/components/OrMenuV3/OrMenu.js +21 -48
- package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts +13 -16
- package/dist/bundled/v2/components/OrMenuV3/index.js +1 -0
- package/dist/bundled/v2/components/OrModalV3/OrModal.js +220 -65
- package/dist/bundled/v2/components/OrModalV3/OrModal.vue.d.ts +13 -19
- package/dist/bundled/v2/components/OrModalV3/index.js +9 -8
- package/dist/bundled/v2/components/OrModalV3/styles.d.ts +0 -3
- package/dist/bundled/v2/components/OrModalV3/styles.js +1 -16
- package/dist/bundled/v2/components/OrNotificationV3/OrNotification.js +2 -1
- package/dist/bundled/v2/components/OrNotificationV3/index.js +2 -1
- package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js +2 -1
- package/dist/bundled/v2/components/OrPaginationV3/index.js +1 -0
- package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js +31 -102
- package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts +19 -12
- package/dist/bundled/v2/components/OrPopoverV3/index.js +1 -0
- package/dist/bundled/v2/components/OrSearchV3/OrSearch.js +1 -0
- package/dist/bundled/v2/components/OrSearchV3/index.js +1 -0
- package/dist/bundled/v2/components/OrSelectV3/OrSelect.js +1 -0
- package/dist/bundled/v2/components/OrSelectV3/index.js +1 -0
- package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js +1 -0
- package/dist/bundled/v2/components/OrSidebarV3/index.js +1 -0
- package/dist/bundled/v2/components/OrTabsV3/OrTabs.js +1 -0
- package/dist/bundled/v2/components/OrTabsV3/index.js +1 -0
- package/dist/bundled/v2/components/OrTagV3/OrTag.js +2 -1
- package/dist/bundled/v2/components/OrTagV3/index.js +2 -1
- package/dist/bundled/v2/components/OrTagsV3/OrTags.js +1 -0
- package/dist/bundled/v2/components/OrTagsV3/index.js +1 -0
- package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js +2 -1
- package/dist/bundled/v2/components/OrTimePickerV3/index.js +1 -0
- package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js +1 -0
- package/dist/bundled/v2/components/OrToastContainerV3/index.js +1 -0
- package/dist/bundled/v2/components/OrToastV3/OrToast.js +2 -1
- package/dist/bundled/v2/components/OrToastV3/index.js +2 -1
- package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js +32 -39
- package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts +20 -17
- package/dist/bundled/v2/components/OrTooltipV3/index.js +2 -1
- package/dist/bundled/v2/components/index.js +2 -1
- package/dist/bundled/v2/hooks/index.d.ts +1 -0
- package/dist/bundled/v2/hooks/index.js +1 -0
- package/dist/bundled/v2/hooks/useControlAttributes.d.ts +1 -2
- package/dist/bundled/v2/hooks/useElevation.js +3 -1
- package/dist/bundled/v2/hooks/usePopoverState.d.ts +11 -0
- package/dist/bundled/v2/hooks/usePopoverState.js +42 -0
- package/dist/bundled/v2/hooks/useValidationAttributes.d.ts +1 -2
- package/dist/bundled/v2/index.js +3 -2
- package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js → OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js} +28 -45
- package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-f2d222a5.js → OrCardCollection.vue_vue_type_script_lang-d15329fd.js} +3 -3
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-b1b13331.js → OrConfirm.vue_vue_type_script_lang-84f80066.js} +28 -52
- package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-31f5d798.js → OrDatePicker.vue_vue_type_script_lang-92222927.js} +3 -3
- package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-a0354296.js → OrDateTimePicker.vue_vue_type_script_lang-81f3cb69.js} +3 -3
- package/dist/bundled/v3/{OrDateTimePickerMonthSelect-98b935cb.js → OrDateTimePickerMonthSelect-354e1af8.js} +2 -2
- package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-5bba9f3f.js → OrIconButton.vue_vue_type_script_lang-fe97e57a.js} +1 -1
- package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-3c6b0958.js → OrInlineInput.vue_vue_type_script_lang-3131ae11.js} +1 -1
- package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-da59cd8e.js → OrInlineTextarea.vue_vue_type_script_lang-db28519e.js} +1 -1
- package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-d08b3796.js → OrInput.vue_vue_type_script_lang-5f74dd08.js} +1 -1
- package/dist/bundled/v3/OrMenu.vue_vue_type_script_lang-1f45bf44.js +66 -0
- package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-31c15ba1.js +160 -0
- package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-463e1a82.js → OrNotification.vue_vue_type_script_lang-89bbc41f.js} +1 -1
- package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-bdc8d9fb.js → OrPagination.vue_vue_type_script_lang-1835d432.js} +1 -1
- package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-7b1b2488.js → OrPopover.vue_vue_type_script_lang-c75dbd63.js} +27 -98
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-940d8e1f.js → OrSearch.vue_vue_type_script_lang-142ab019.js} +1 -1
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-1c77663e.js → OrSelect.vue_vue_type_script_lang-0ab50e13.js} +3 -3
- package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-780eaa84.js → OrSidebar.vue_vue_type_script_lang-23c6a11f.js} +1 -1
- package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-9d4221f1.js → OrTabs.vue_vue_type_script_lang-255f33d2.js} +1 -1
- package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-09948d1f.js → OrTag.vue_vue_type_script_lang-f4321103.js} +1 -1
- package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-71fb4f1d.js → OrTags.vue_vue_type_script_lang-4684a9c5.js} +2 -2
- package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-21be27c6.js → OrTimePicker.vue_vue_type_script_lang-e9684fe9.js} +2 -2
- package/dist/bundled/v3/OrTooltip.vue_vue_type_script_lang-f3ccffce.js +56 -0
- package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.js +7 -6
- package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.vue.d.ts +16 -10
- package/dist/bundled/v3/components/OrBottomSheetV3/index.js +3 -2
- package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +12 -11
- package/dist/bundled/v3/components/OrCardCollectionV3/index.js +11 -10
- package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js +11 -10
- package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.vue.d.ts +18 -35
- package/dist/bundled/v3/components/OrConfirmV3/index.js +8 -7
- package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +11 -10
- package/dist/bundled/v3/components/OrDatePickerV3/index.js +9 -8
- package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +12 -11
- package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +9 -8
- package/dist/bundled/v3/components/OrIconButtonV3/OrIconButton.js +8 -7
- package/dist/bundled/v3/components/OrIconButtonV3/index.js +7 -6
- package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js +9 -8
- package/dist/bundled/v3/components/OrInlineInputV3/index.js +8 -7
- package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js +9 -8
- package/dist/bundled/v3/components/OrInlineTextareaV3/index.js +8 -7
- package/dist/bundled/v3/components/OrInputV3/OrInput.js +9 -8
- package/dist/bundled/v3/components/OrInputV3/index.js +8 -7
- package/dist/bundled/v3/components/OrMenuV3/OrMenu.js +9 -8
- package/dist/bundled/v3/components/OrMenuV3/OrMenu.vue.d.ts +13 -5
- package/dist/bundled/v3/components/OrMenuV3/index.js +5 -4
- package/dist/bundled/v3/components/OrModalV3/OrModal.js +36 -33
- package/dist/bundled/v3/components/OrModalV3/OrModal.vue.d.ts +14 -16
- package/dist/bundled/v3/components/OrModalV3/index.js +15 -14
- package/dist/bundled/v3/components/OrModalV3/styles.d.ts +0 -3
- package/dist/bundled/v3/components/OrModalV3/styles.js +1 -16
- package/dist/bundled/v3/components/OrNotificationV3/OrNotification.js +9 -8
- package/dist/bundled/v3/components/OrNotificationV3/index.js +8 -7
- package/dist/bundled/v3/components/OrOverlayV3/OrOverlay.js +2 -2
- package/dist/bundled/v3/components/OrOverlayV3/index.js +1 -1
- package/dist/bundled/v3/components/OrPaginationV3/OrPagination.js +8 -7
- package/dist/bundled/v3/components/OrPaginationV3/index.js +6 -5
- package/dist/bundled/v3/components/OrPopoverV3/OrPopover.js +8 -7
- package/dist/bundled/v3/components/OrPopoverV3/OrPopover.vue.d.ts +16 -11
- package/dist/bundled/v3/components/OrPopoverV3/index.js +4 -3
- package/dist/bundled/v3/components/OrSearchV3/OrSearch.js +9 -8
- package/dist/bundled/v3/components/OrSearchV3/index.js +8 -7
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +10 -9
- package/dist/bundled/v3/components/OrSelectV3/index.js +9 -8
- package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +8 -7
- package/dist/bundled/v3/components/OrSidebarV3/index.js +7 -6
- package/dist/bundled/v3/components/OrTabsV3/OrTabs.js +7 -6
- package/dist/bundled/v3/components/OrTabsV3/index.js +6 -5
- package/dist/bundled/v3/components/OrTagV3/OrTag.js +9 -8
- package/dist/bundled/v3/components/OrTagV3/index.js +8 -7
- package/dist/bundled/v3/components/OrTagsV3/OrTags.js +9 -8
- package/dist/bundled/v3/components/OrTagsV3/index.js +8 -7
- package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js +9 -8
- package/dist/bundled/v3/components/OrTimePickerV3/index.js +7 -6
- package/dist/bundled/v3/components/OrToastContainerV3/OrToastContainer.js +8 -7
- package/dist/bundled/v3/components/OrToastContainerV3/index.js +7 -6
- package/dist/bundled/v3/components/OrToastV3/OrToast.js +7 -6
- package/dist/bundled/v3/components/OrToastV3/index.js +8 -7
- package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.js +13 -10
- package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.vue.d.ts +17 -6
- package/dist/bundled/v3/components/OrTooltipV3/index.js +6 -5
- package/dist/bundled/v3/components/index.js +26 -25
- package/dist/bundled/v3/hooks/index.d.ts +1 -0
- package/dist/bundled/v3/hooks/index.js +1 -0
- package/dist/bundled/v3/hooks/useControlAttributes.d.ts +1 -2
- package/dist/bundled/v3/hooks/useElevation.js +3 -1
- package/dist/bundled/v3/hooks/usePopoverState.d.ts +11 -0
- package/dist/bundled/v3/hooks/usePopoverState.js +42 -0
- package/dist/bundled/v3/hooks/useValidationAttributes.d.ts +1 -2
- package/dist/bundled/v3/index.js +27 -26
- package/dist/esm/v2/{OrBottomSheet-ffa029ca.js → OrBottomSheet-0592ccb2.js} +31 -48
- package/dist/esm/v2/{OrCardCollection-02970752.js → OrCardCollection-2b9bc050.js} +4 -4
- package/dist/esm/v2/{OrConfirm-308e93bc.js → OrConfirm-3f19c23b.js} +30 -54
- package/dist/esm/v2/{OrDatePicker-a79b777e.js → OrDatePicker-e991e7b2.js} +4 -4
- package/dist/esm/v2/{OrDateTimePicker-6fe4969d.js → OrDateTimePicker-7bbd81d1.js} +5 -5
- package/dist/esm/v2/{OrDateTimePickerMonthSelect-355ea67d.js → OrDateTimePickerMonthSelect-d75a849c.js} +3 -3
- package/dist/esm/v2/{OrIconButton-ee747c71.js → OrIconButton-75972865.js} +2 -2
- package/dist/esm/v2/{OrInlineInput-a131caf4.js → OrInlineInput-cf17dbb2.js} +1 -1
- package/dist/esm/v2/{OrInlineTextarea-7cc45396.js → OrInlineTextarea-2b0e2f39.js} +1 -1
- package/dist/esm/v2/{OrInput-3eeca714.js → OrInput-1a2b8ad9.js} +1 -1
- package/dist/esm/v2/{OrMenu-8b902c22.js → OrMenu-a35caf3b.js} +23 -49
- package/dist/esm/v2/OrModal-4aaae6bc.js +312 -0
- package/dist/esm/v2/{OrNotification-16e6d4ff.js → OrNotification-a773f1df.js} +1 -1
- package/dist/esm/v2/{OrOverlay-4c8c11e2.js → OrOverlay-f791976c.js} +1 -1
- package/dist/esm/v2/{OrPagination-36583054.js → OrPagination-3513165d.js} +3 -3
- package/dist/esm/v2/{OrPopover-80459663.js → OrPopover-a8950b85.js} +33 -104
- package/dist/esm/v2/{OrSearch-fa824e87.js → OrSearch-19c157b3.js} +1 -1
- package/dist/esm/v2/{OrSelect-d5fecc34.js → OrSelect-991b8be3.js} +3 -3
- package/dist/esm/v2/{OrSidebar-638b1d60.js → OrSidebar-bfbb8b0a.js} +1 -1
- package/dist/esm/v2/{OrSidebarCollapseButton-2c81d465.js → OrSidebarCollapseButton-a98037d6.js} +1 -1
- package/dist/esm/v2/{OrTabs-653258a2.js → OrTabs-abf290af.js} +2 -2
- package/dist/esm/v2/{OrTag-6256623c.js → OrTag-aa46cecd.js} +1 -1
- package/dist/esm/v2/{OrTags-db2608dc.js → OrTags-2a567e79.js} +2 -2
- package/dist/esm/v2/{OrTimePicker-5470d7a0.js → OrTimePicker-766637cb.js} +3 -3
- package/dist/esm/v2/{OrTooltip-5a6e0f64.js → OrTooltip-0dc63c1a.js} +33 -40
- package/dist/esm/v2/components/index.js +28 -27
- package/dist/esm/v2/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts +19 -10
- package/dist/esm/v2/components/or-bottom-sheet-v3/index.js +4 -3
- package/dist/esm/v2/components/or-card-collection-v3/index.js +11 -10
- package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts +18 -36
- package/dist/esm/v2/components/or-confirm-v3/index.js +9 -8
- package/dist/esm/v2/components/or-date-picker-v3/index.js +10 -9
- package/dist/esm/v2/components/or-date-time-picker-v3/index.js +10 -9
- package/dist/esm/v2/components/or-icon-button-v3/index.js +7 -6
- package/dist/esm/v2/components/or-inline-input-v3/index.js +8 -7
- package/dist/esm/v2/components/or-inline-textarea-v3/index.js +8 -7
- package/dist/esm/v2/components/or-input-v3/index.js +8 -7
- package/dist/esm/v2/components/or-menu-v3/OrMenu.vue.d.ts +13 -16
- package/dist/esm/v2/components/or-menu-v3/index.js +7 -6
- package/dist/esm/v2/components/or-modal-v3/OrModal.vue.d.ts +13 -19
- package/dist/esm/v2/components/or-modal-v3/index.js +12 -11
- package/dist/esm/v2/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue.d.ts +8 -0
- package/dist/esm/v2/components/or-modal-v3/partials/or-modal-content/styles.d.ts +1 -0
- package/dist/esm/v2/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue.d.ts +8 -0
- package/dist/esm/v2/components/or-modal-v3/partials/or-modal-footer/styles.d.ts +1 -0
- package/dist/esm/v2/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue.d.ts +12 -0
- package/dist/esm/v2/components/or-modal-v3/partials/or-modal-header/styles.d.ts +1 -0
- package/dist/esm/v2/components/or-modal-v3/styles.d.ts +0 -3
- package/dist/esm/v2/components/or-notification-v3/index.js +8 -7
- package/dist/esm/v2/components/or-overlay-v3/index.js +2 -2
- package/dist/esm/v2/components/or-pagination-v3/index.js +7 -6
- package/dist/esm/v2/components/or-popover-v3/OrPopover.vue.d.ts +19 -12
- package/dist/esm/v2/components/or-popover-v3/index.js +5 -4
- package/dist/esm/v2/components/or-search-v3/index.js +9 -8
- package/dist/esm/v2/components/or-select-v3/index.js +10 -9
- package/dist/esm/v2/components/or-sidebar-v3/index.js +9 -8
- package/dist/esm/v2/components/or-sidebar-v3/partials/index.js +8 -7
- package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +8 -7
- package/dist/esm/v2/components/or-tabs-v3/index.js +7 -6
- package/dist/esm/v2/components/or-tag-v3/index.js +8 -7
- package/dist/esm/v2/components/or-tags-v3/index.js +9 -8
- package/dist/esm/v2/components/or-time-picker-v3/index.js +8 -7
- package/dist/esm/v2/components/or-toast-v3/index.js +8 -7
- package/dist/esm/v2/components/or-toast-v3/or-toast-container-v3/index.js +8 -7
- package/dist/esm/v2/components/or-tooltip-v3/OrTooltip.vue.d.ts +20 -17
- package/dist/esm/v2/components/or-tooltip-v3/index.js +7 -6
- package/dist/esm/v2/hooks/index.d.ts +1 -0
- package/dist/esm/v2/hooks/index.js +2 -1
- package/dist/esm/v2/hooks/useControlAttributes.d.ts +1 -2
- package/dist/esm/v2/hooks/usePopoverState.d.ts +11 -0
- package/dist/esm/v2/hooks/useValidationAttributes.d.ts +1 -2
- package/dist/esm/v2/index.js +28 -27
- package/dist/esm/v2/{types-4a7d24f3.js → types-f30860ee.js} +2 -2
- package/dist/esm/{v3/useElevation-b5a49746.js → v2/useElevation-a50ec347.js} +3 -1
- package/dist/esm/v2/usePopoverState-8a95a300.js +42 -0
- package/dist/esm/v3/{OrBottomSheet-5969a217.js → OrBottomSheet-a39fb331.js} +31 -48
- package/dist/esm/v3/{OrCardCollection-4401de57.js → OrCardCollection-3d652a34.js} +4 -4
- package/dist/esm/v3/{OrConfirm-671148e8.js → OrConfirm-cb0b2b78.js} +30 -54
- package/dist/esm/v3/{OrDatePicker-7cb1da75.js → OrDatePicker-6a44ad41.js} +4 -4
- package/dist/esm/v3/{OrDateTimePicker-3cf882f6.js → OrDateTimePicker-2cbcf8c7.js} +5 -5
- package/dist/esm/v3/{OrDateTimePickerMonthSelect-bd26a294.js → OrDateTimePickerMonthSelect-2f61d92f.js} +3 -3
- package/dist/esm/v3/{OrIconButton-b7217ea5.js → OrIconButton-e34a20eb.js} +2 -2
- package/dist/esm/v3/{OrInlineInput-dcb28ea2.js → OrInlineInput-ad0d4264.js} +1 -1
- package/dist/esm/v3/{OrInlineTextarea-88eac437.js → OrInlineTextarea-b5ec488d.js} +1 -1
- package/dist/esm/v3/{OrInput-238fd1c0.js → OrInput-a9aeef6e.js} +1 -1
- package/dist/esm/v3/{OrMenu-8a53ccf9.js → OrMenu-f590d761.js} +24 -50
- package/dist/esm/v3/OrModal-9dc09e95.js +226 -0
- package/dist/esm/v3/{OrNotification-09216b8b.js → OrNotification-69031471.js} +1 -1
- package/dist/esm/v3/{OrOverlay-bf72f582.js → OrOverlay-28952099.js} +1 -1
- package/dist/esm/v3/{OrPagination-c6046af4.js → OrPagination-f3be120f.js} +3 -3
- package/dist/esm/v3/{OrPopover-15c2968f.js → OrPopover-ebd57053.js} +31 -102
- package/dist/esm/v3/{OrSearch-cd0f6a88.js → OrSearch-5576cf14.js} +1 -1
- package/dist/esm/v3/{OrSelect-ce7f58cf.js → OrSelect-0b3ebce9.js} +3 -3
- package/dist/esm/v3/{OrSidebar-1579ad80.js → OrSidebar-303ef558.js} +1 -1
- package/dist/esm/v3/{OrSidebarCollapseButton-2668946c.js → OrSidebarCollapseButton-d7f004df.js} +1 -1
- package/dist/esm/v3/{OrTabs-a2d87627.js → OrTabs-b6c8077c.js} +2 -2
- package/dist/esm/v3/{OrTag-8605e9e6.js → OrTag-4ac45254.js} +1 -1
- package/dist/esm/v3/{OrTags-3724ff59.js → OrTags-de9f065e.js} +2 -2
- package/dist/esm/v3/{OrTimePicker-a5921c6f.js → OrTimePicker-0fe72767.js} +3 -3
- package/dist/esm/v3/{OrTooltip-3d5fcaf9.js → OrTooltip-edb28095.js} +28 -41
- package/dist/esm/v3/components/index.js +28 -27
- package/dist/esm/v3/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts +16 -10
- package/dist/esm/v3/components/or-bottom-sheet-v3/index.js +4 -3
- package/dist/esm/v3/components/or-card-collection-v3/index.js +11 -10
- package/dist/esm/v3/components/or-confirm-v3/OrConfirm.vue.d.ts +18 -35
- package/dist/esm/v3/components/or-confirm-v3/index.js +9 -8
- package/dist/esm/v3/components/or-date-picker-v3/index.js +10 -9
- package/dist/esm/v3/components/or-date-time-picker-v3/index.js +10 -9
- package/dist/esm/v3/components/or-icon-button-v3/index.js +7 -6
- package/dist/esm/v3/components/or-inline-input-v3/index.js +8 -7
- package/dist/esm/v3/components/or-inline-textarea-v3/index.js +8 -7
- package/dist/esm/v3/components/or-input-v3/index.js +8 -7
- package/dist/esm/v3/components/or-menu-v3/OrMenu.vue.d.ts +13 -5
- package/dist/esm/v3/components/or-menu-v3/index.js +7 -6
- package/dist/esm/v3/components/or-modal-v3/OrModal.vue.d.ts +14 -16
- package/dist/esm/v3/components/or-modal-v3/index.js +11 -10
- package/dist/esm/v3/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue.d.ts +5 -0
- package/dist/esm/v3/components/or-modal-v3/partials/or-modal-content/styles.d.ts +1 -0
- package/dist/esm/v3/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue.d.ts +5 -0
- package/dist/esm/v3/components/or-modal-v3/partials/or-modal-footer/styles.d.ts +1 -0
- package/dist/esm/v3/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue.d.ts +7 -0
- package/dist/esm/v3/components/or-modal-v3/partials/or-modal-header/styles.d.ts +1 -0
- package/dist/esm/v3/components/or-modal-v3/styles.d.ts +0 -3
- package/dist/esm/v3/components/or-notification-v3/index.js +8 -7
- package/dist/esm/v3/components/or-overlay-v3/index.js +2 -2
- package/dist/esm/v3/components/or-pagination-v3/index.js +7 -6
- package/dist/esm/v3/components/or-popover-v3/OrPopover.vue.d.ts +16 -11
- package/dist/esm/v3/components/or-popover-v3/index.js +5 -4
- package/dist/esm/v3/components/or-search-v3/index.js +9 -8
- package/dist/esm/v3/components/or-select-v3/index.js +10 -9
- package/dist/esm/v3/components/or-sidebar-v3/index.js +9 -8
- package/dist/esm/v3/components/or-sidebar-v3/partials/index.js +8 -7
- package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +8 -7
- package/dist/esm/v3/components/or-tabs-v3/index.js +7 -6
- package/dist/esm/v3/components/or-tag-v3/index.js +8 -7
- package/dist/esm/v3/components/or-tags-v3/index.js +9 -8
- package/dist/esm/v3/components/or-time-picker-v3/index.js +8 -7
- package/dist/esm/v3/components/or-toast-v3/index.js +8 -7
- package/dist/esm/v3/components/or-toast-v3/or-toast-container-v3/index.js +8 -7
- package/dist/esm/v3/components/or-tooltip-v3/OrTooltip.vue.d.ts +17 -6
- package/dist/esm/v3/components/or-tooltip-v3/index.js +7 -6
- package/dist/esm/v3/hooks/index.d.ts +1 -0
- package/dist/esm/v3/hooks/index.js +2 -1
- package/dist/esm/v3/hooks/useControlAttributes.d.ts +1 -2
- package/dist/esm/v3/hooks/usePopoverState.d.ts +11 -0
- package/dist/esm/v3/hooks/useValidationAttributes.d.ts +1 -2
- package/dist/esm/v3/index.js +28 -27
- package/dist/esm/v3/{types-9e1555eb.js → types-60f3dd35.js} +2 -2
- package/dist/esm/{v2/useElevation-b5a49746.js → v3/useElevation-a50ec347.js} +3 -1
- package/dist/esm/v3/usePopoverState-8a95a300.js +42 -0
- package/package.json +2 -3
- package/src/components/or-bottom-sheet-v3/OrBottomSheet.vue +29 -58
- package/src/components/or-confirm-v3/OrConfirm.vue +29 -50
- package/src/components/or-date-picker-v3/OrDatePicker.vue +1 -1
- package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue +2 -2
- package/src/components/or-menu-v3/OrMenu.vue +18 -40
- package/src/components/or-modal-v3/OrModal.vue +32 -66
- package/src/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue +37 -0
- package/src/components/or-modal-v3/partials/or-modal-content/styles.ts +10 -0
- package/src/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue +37 -0
- package/src/components/or-modal-v3/partials/or-modal-footer/styles.ts +4 -0
- package/src/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue +54 -0
- package/src/components/or-modal-v3/partials/or-modal-header/styles.ts +10 -0
- package/src/components/or-modal-v3/styles.ts +0 -25
- package/src/components/or-pagination-v3/OrPagination.vue +1 -1
- package/src/components/or-popover-v3/OrPopover.vue +28 -125
- package/src/components/or-time-picker-v3/OrTimePicker.vue +1 -1
- package/src/components/or-tooltip-v3/OrTooltip.vue +24 -40
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useControlAttributes.ts +1 -1
- package/src/hooks/useElevation.ts +3 -1
- package/src/hooks/usePopoverState.ts +66 -0
- package/src/hooks/useValidationAttributes.ts +1 -1
- package/dist/bundled/v3/OrMenu.vue_vue_type_script_lang-115f2c60.js +0 -93
- package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-202c4e2f.js +0 -71
- package/dist/bundled/v3/OrTooltip.vue_vue_type_script_lang-bb3db5bf.js +0 -72
- package/dist/esm/v2/OrModal-1f80d87f.js +0 -174
- package/dist/esm/v3/OrModal-1366926a.js +0 -150
- /package/dist/bundled/v2/{OrDateTimePickerMonthSelect-30f79990.js → OrDateTimePickerMonthSelect-9a8e332c.js} +0 -0
- /package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-86c7b93a.js → OrOverlay.vue_vue_type_script_lang-29ff6fd8.js} +0 -0
- /package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-485ef171.js → OrToastContainer.vue_vue_type_script_lang-461fb6d1.js} +0 -0
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { a as autoUpdate, c as computePosition,
|
|
1
|
+
import { a as autoUpdate, c as computePosition, s as shift, f as flip, h as hide } from './floating-ui.dom.esm-83eba816.js';
|
|
2
2
|
import { onClickOutside } from '@vueuse/core';
|
|
3
|
-
import { defineComponent, ref, computed,
|
|
3
|
+
import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
|
|
4
4
|
import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
|
|
5
5
|
import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
|
|
6
6
|
import './components/OrBottomSheetV3/OrBottomSheet.js';
|
|
7
|
-
import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-
|
|
7
|
+
import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
|
|
8
8
|
import './components/OrTeleportV3/OrTeleport.js';
|
|
9
9
|
import useResponsive from './hooks/useResponsive/useResponsive.js';
|
|
10
|
+
import { usePopoverState } from './hooks/usePopoverState.js';
|
|
10
11
|
import { useElevation } from './hooks/useElevation.js';
|
|
11
12
|
import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
|
|
12
13
|
|
|
@@ -18,6 +19,10 @@ var script = defineComponent({
|
|
|
18
19
|
},
|
|
19
20
|
inheritAttrs: false,
|
|
20
21
|
props: {
|
|
22
|
+
isOpen: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: false
|
|
25
|
+
},
|
|
21
26
|
variant: {
|
|
22
27
|
type: String,
|
|
23
28
|
default: PopoverVariant.Auto
|
|
@@ -47,8 +52,8 @@ var script = defineComponent({
|
|
|
47
52
|
default: false
|
|
48
53
|
}
|
|
49
54
|
},
|
|
50
|
-
emits: ['update:state', '
|
|
51
|
-
expose: ['root', 'state', '
|
|
55
|
+
emits: ['update:state', 'open', 'close'],
|
|
56
|
+
expose: ['root', 'state', 'isFlipped', 'isHidden', 'open', 'close', 'toggle'],
|
|
52
57
|
setup(props, context) {
|
|
53
58
|
const {
|
|
54
59
|
isDesktop,
|
|
@@ -65,89 +70,14 @@ var script = defineComponent({
|
|
|
65
70
|
const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot, ...props.customStyles]);
|
|
66
71
|
const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
|
|
67
72
|
// State
|
|
68
|
-
const
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
73
|
+
const {
|
|
74
|
+
state,
|
|
75
|
+
open,
|
|
76
|
+
close,
|
|
77
|
+
toggle
|
|
78
|
+
} = usePopoverState(toRef(props, 'isOpen'), context);
|
|
72
79
|
const isFlipped = ref(false);
|
|
73
|
-
|
|
74
|
-
watch(state, value => {
|
|
75
|
-
context.emit('update:state', value);
|
|
76
|
-
switch (value) {
|
|
77
|
-
case 'open':
|
|
78
|
-
context.emit('update:state:open');
|
|
79
|
-
break;
|
|
80
|
-
case 'fullscreen':
|
|
81
|
-
context.emit('update:state:fullscreen');
|
|
82
|
-
break;
|
|
83
|
-
case 'closed':
|
|
84
|
-
context.emit('update:state:closed');
|
|
85
|
-
break;
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
// Methods
|
|
89
|
-
function open() {
|
|
90
|
-
state.value = 'open';
|
|
91
|
-
switch (props.variant) {
|
|
92
|
-
case PopoverVariant.Auto:
|
|
93
|
-
if (isMobile.value) {
|
|
94
|
-
nextTick(() => {
|
|
95
|
-
const bottomSheetInstance = bottomSheet.value;
|
|
96
|
-
if (bottomSheetInstance) {
|
|
97
|
-
bottomSheetInstance.open();
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
break;
|
|
102
|
-
case PopoverVariant.Popover:
|
|
103
|
-
break;
|
|
104
|
-
case PopoverVariant.BottomSheet:
|
|
105
|
-
nextTick(() => {
|
|
106
|
-
const bottomSheetInstance = bottomSheet.value;
|
|
107
|
-
if (bottomSheetInstance) {
|
|
108
|
-
bottomSheetInstance.open();
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
|
-
break;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
function close() {
|
|
115
|
-
let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
116
|
-
state.value = 'closed';
|
|
117
|
-
switch (props.variant) {
|
|
118
|
-
case PopoverVariant.Auto:
|
|
119
|
-
if (isMobile.value) {
|
|
120
|
-
nextTick(() => {
|
|
121
|
-
const bottomSheetInstance = bottomSheet.value;
|
|
122
|
-
if (bottomSheetInstance) {
|
|
123
|
-
bottomSheetInstance.close();
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
break;
|
|
128
|
-
case PopoverVariant.Popover:
|
|
129
|
-
break;
|
|
130
|
-
case PopoverVariant.BottomSheet:
|
|
131
|
-
nextTick(() => {
|
|
132
|
-
const bottomSheetInstance = bottomSheet.value;
|
|
133
|
-
if (bottomSheetInstance) {
|
|
134
|
-
bottomSheetInstance.close();
|
|
135
|
-
}
|
|
136
|
-
});
|
|
137
|
-
break;
|
|
138
|
-
}
|
|
139
|
-
if (auto) {
|
|
140
|
-
context.emit('update:state:closed-automatically');
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
// Handlers
|
|
144
|
-
function handleBottomSheetState(bottomSheetState) {
|
|
145
|
-
if (bottomSheetState === 'closed') {
|
|
146
|
-
state.value = 'closed';
|
|
147
|
-
} else {
|
|
148
|
-
state.value = 'open';
|
|
149
|
-
}
|
|
150
|
-
}
|
|
80
|
+
const isHidden = ref(false);
|
|
151
81
|
// Effects
|
|
152
82
|
watchPostEffect(() => {
|
|
153
83
|
const rootElement = unref(root);
|
|
@@ -158,14 +88,14 @@ var script = defineComponent({
|
|
|
158
88
|
} = props;
|
|
159
89
|
if (trigger) {
|
|
160
90
|
autoUpdate(trigger, rootElement, async () => {
|
|
161
|
-
var _a;
|
|
91
|
+
var _a, _b;
|
|
162
92
|
const {
|
|
163
93
|
x,
|
|
164
94
|
y,
|
|
165
95
|
middlewareData
|
|
166
96
|
} = await computePosition(trigger, rootElement, {
|
|
167
97
|
placement,
|
|
168
|
-
middleware: [
|
|
98
|
+
middleware: [shift(), flip(), hide()]
|
|
169
99
|
});
|
|
170
100
|
Object.assign(rootElement.style, {
|
|
171
101
|
left: `${x}px`,
|
|
@@ -174,10 +104,14 @@ var script = defineComponent({
|
|
|
174
104
|
width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
|
|
175
105
|
});
|
|
176
106
|
isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
|
|
107
|
+
isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);
|
|
177
108
|
});
|
|
178
109
|
}
|
|
179
110
|
}
|
|
180
111
|
});
|
|
112
|
+
// #region Elevation
|
|
113
|
+
useElevation(root, state);
|
|
114
|
+
// #endregion
|
|
181
115
|
// #region Click Outside
|
|
182
116
|
const trigger = toRef(props, 'trigger');
|
|
183
117
|
onClickOutside(root, event => {
|
|
@@ -188,31 +122,26 @@ var script = defineComponent({
|
|
|
188
122
|
} = _ref;
|
|
189
123
|
return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
|
|
190
124
|
})) {
|
|
191
|
-
close(
|
|
125
|
+
close();
|
|
192
126
|
}
|
|
193
127
|
}, {
|
|
194
128
|
ignore: [trigger]
|
|
195
129
|
});
|
|
196
130
|
// #endregion
|
|
197
|
-
// #region Elevation
|
|
198
|
-
useElevation(root, state);
|
|
199
|
-
// #endregion
|
|
200
131
|
return {
|
|
201
132
|
isDesktop,
|
|
202
133
|
isMobile,
|
|
203
134
|
root,
|
|
204
135
|
bottomSheet,
|
|
205
136
|
bottomSheetRoot,
|
|
206
|
-
handleBottomSheetState,
|
|
207
137
|
rootStyles,
|
|
208
138
|
bodyStyles,
|
|
209
139
|
state,
|
|
210
|
-
isOpen,
|
|
211
|
-
isFullscreen,
|
|
212
|
-
isClosed,
|
|
213
140
|
isFlipped,
|
|
141
|
+
isHidden,
|
|
214
142
|
open,
|
|
215
|
-
close
|
|
143
|
+
close,
|
|
144
|
+
toggle
|
|
216
145
|
};
|
|
217
146
|
}
|
|
218
147
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { debouncedWatch } from '@vueuse/core';
|
|
2
2
|
import { defineComponent, ref, computed, watch } from 'vue-demi';
|
|
3
3
|
import './components/OrInputV3/OrInput.js';
|
|
4
|
-
import { s as script$1 } from './OrInput.vue_vue_type_script_lang-
|
|
4
|
+
import { s as script$1 } from './OrInput.vue_vue_type_script_lang-5f74dd08.js';
|
|
5
5
|
import { InputBoxSize } from './components/OrInputBoxV3/props.js';
|
|
6
6
|
|
|
7
7
|
var script = defineComponent({
|
|
@@ -13,17 +13,17 @@ import './components/OrLabelV3/OrLabel.js';
|
|
|
13
13
|
import './components/OrMenuItemV3/OrMenuItem.js';
|
|
14
14
|
import './components/OrPopoverV3/OrPopover.js';
|
|
15
15
|
import './components/OrTagV3/OrTag.js';
|
|
16
|
-
import { s as script$b } from './OrTag.vue_vue_type_script_lang-
|
|
16
|
+
import { s as script$b } from './OrTag.vue_vue_type_script_lang-f4321103.js';
|
|
17
17
|
import { useOverflow } from './hooks/useOverflow.js';
|
|
18
18
|
import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-cfeb4a4e.js';
|
|
19
19
|
import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
|
|
20
20
|
import { s as script$4 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
|
|
21
21
|
import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
|
|
22
|
-
import { s as script$6 } from './OrInput.vue_vue_type_script_lang-
|
|
22
|
+
import { s as script$6 } from './OrInput.vue_vue_type_script_lang-5f74dd08.js';
|
|
23
23
|
import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
|
|
24
24
|
import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
|
|
25
25
|
import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
|
|
26
|
-
import { s as script$a } from './OrPopover.vue_vue_type_script_lang-
|
|
26
|
+
import { s as script$a } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
|
|
27
27
|
import { DropdownClose } from './directives/dropdown-close.js';
|
|
28
28
|
import { DropdownOpen } from './directives/dropdown-open.js';
|
|
29
29
|
import { InputBoxSize } from './components/OrInputBoxV3/props.js';
|
|
@@ -2,7 +2,7 @@ import { useDraggable, useElementBounding } from '@vueuse/core';
|
|
|
2
2
|
import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
|
|
3
3
|
import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
|
|
4
4
|
import './components/OrIconButtonV3/OrIconButton.js';
|
|
5
|
-
import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-
|
|
5
|
+
import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
|
|
6
6
|
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
|
|
7
7
|
import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
|
|
8
8
|
|
|
@@ -8,7 +8,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
|
|
|
8
8
|
import './components/OrTabV3/OrTab.js';
|
|
9
9
|
import { s as script$4 } from './OrTab.vue_vue_type_script_lang-79f2f523.js';
|
|
10
10
|
import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
|
|
11
|
-
import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-
|
|
11
|
+
import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-1f45bf44.js';
|
|
12
12
|
import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
|
|
13
13
|
|
|
14
14
|
var script = defineComponent({
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
|
|
|
2
2
|
import { TagVariant, TagColor } from './components/OrTagV3/props.js';
|
|
3
3
|
import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
|
|
4
4
|
import './components/OrIconButtonV3/OrIconButton.js';
|
|
5
|
-
import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-
|
|
5
|
+
import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
|
|
6
6
|
|
|
7
7
|
var script = defineComponent({
|
|
8
8
|
name: 'OrTag',
|
|
@@ -5,8 +5,8 @@ import './components/OrPopoverV3/OrPopover.js';
|
|
|
5
5
|
import './components/OrTagV3/OrTag.js';
|
|
6
6
|
import { useOverflow } from './hooks/useOverflow.js';
|
|
7
7
|
import { s as script$1 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
|
|
8
|
-
import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-
|
|
9
|
-
import { s as script$3 } from './OrTag.vue_vue_type_script_lang-
|
|
8
|
+
import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
|
|
9
|
+
import { s as script$3 } from './OrTag.vue_vue_type_script_lang-f4321103.js';
|
|
10
10
|
|
|
11
11
|
var script = defineComponent({
|
|
12
12
|
name: 'OrTags',
|
|
@@ -13,10 +13,10 @@ import './components/OrPopoverV3/OrPopover.js';
|
|
|
13
13
|
import { s as script$6 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
|
|
14
14
|
import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
|
|
15
15
|
import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
|
|
16
|
-
import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-
|
|
16
|
+
import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
|
|
17
17
|
import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
|
|
18
18
|
import { s as script$b } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
|
|
19
|
-
import { s as script$c } from './OrPopover.vue_vue_type_script_lang-
|
|
19
|
+
import { s as script$c } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
|
|
20
20
|
import { DropdownClose } from './directives/dropdown-close.js';
|
|
21
21
|
import { DropdownOpen } from './directives/dropdown-open.js';
|
|
22
22
|
import { InputBoxSize } from './components/OrInputBoxV3/props.js';
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, toRef } from 'vue-demi';
|
|
2
|
+
import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
|
|
3
|
+
import './components/OrPopoverV3/OrPopover.js';
|
|
4
|
+
import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
|
|
5
|
+
import { PopoverPlacement } from './components/OrPopoverV3/props.js';
|
|
6
|
+
import { usePopoverState } from './hooks/usePopoverState.js';
|
|
7
|
+
|
|
8
|
+
var script = defineComponent({
|
|
9
|
+
name: 'OrTooltip',
|
|
10
|
+
components: {
|
|
11
|
+
OrPopover: script$1
|
|
12
|
+
},
|
|
13
|
+
props: {
|
|
14
|
+
isOpen: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: false
|
|
17
|
+
},
|
|
18
|
+
text: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: undefined
|
|
21
|
+
},
|
|
22
|
+
placement: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: PopoverPlacement.Bottom
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
emits: ['update:state', 'open', 'close'],
|
|
28
|
+
expose: ['root', 'state', 'open', 'close', 'toggle'],
|
|
29
|
+
setup(props, context) {
|
|
30
|
+
// Refs
|
|
31
|
+
const root = ref();
|
|
32
|
+
// Styles
|
|
33
|
+
const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
|
|
34
|
+
const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
|
|
35
|
+
// State
|
|
36
|
+
const {
|
|
37
|
+
state,
|
|
38
|
+
open,
|
|
39
|
+
close,
|
|
40
|
+
toggle
|
|
41
|
+
} = usePopoverState(toRef(props, 'isOpen'), context, {
|
|
42
|
+
debounce: 250
|
|
43
|
+
});
|
|
44
|
+
return {
|
|
45
|
+
root,
|
|
46
|
+
rootStyles,
|
|
47
|
+
bodyStyles,
|
|
48
|
+
state,
|
|
49
|
+
open,
|
|
50
|
+
close,
|
|
51
|
+
toggle
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
export { script as s };
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-
|
|
2
|
-
export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-
|
|
1
|
+
import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
|
|
2
|
+
export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
|
|
3
3
|
import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import 'vue-demi';
|
|
6
6
|
import './props.js';
|
|
7
7
|
import './styles.js';
|
|
8
8
|
import '../OrOverlayV3/OrOverlay.js';
|
|
9
|
-
import '../../OrOverlay.vue_vue_type_script_lang-
|
|
9
|
+
import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
|
|
10
10
|
import '../OrOverlayV3/styles.js';
|
|
11
11
|
import '../OrTeleportV3/OrTeleport.js';
|
|
12
12
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
|
|
13
13
|
import '../../hooks/useElevation.js';
|
|
14
14
|
import '../../utils/isVisible.js';
|
|
15
|
+
import '../../hooks/usePopoverState.js';
|
|
15
16
|
|
|
16
17
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
17
18
|
const _component_OrOverlay = resolveComponent("OrOverlay");
|
|
18
|
-
return _ctx.state
|
|
19
|
+
return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
|
|
19
20
|
key: 0,
|
|
20
|
-
fullscreen: _ctx.
|
|
21
|
+
fullscreen: _ctx.fullscreen
|
|
21
22
|
}, {
|
|
22
23
|
default: withCtx(() => [createElementVNode("div", mergeProps({
|
|
23
24
|
ref: "root"
|
|
@@ -29,7 +30,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
29
30
|
}, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
|
|
30
31
|
class: normalizeClass(_ctx.headerStyles)
|
|
31
32
|
}, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
|
|
32
|
-
class: normalizeClass([_ctx.
|
|
33
|
+
class: normalizeClass([_ctx.fullscreen ? 'overflow-y-auto' : 'overflow-hidden'])
|
|
33
34
|
}, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
|
|
34
35
|
|
|
35
36
|
_: 3 /* FORWARDED */
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
2
|
import { BottomSheetVariant } from './props';
|
|
3
3
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
4
|
+
isOpen: {
|
|
5
|
+
type: BooleanConstructor;
|
|
6
|
+
default: boolean;
|
|
7
|
+
};
|
|
4
8
|
variant: {
|
|
5
9
|
type: PropType<"basic" | "advanced">;
|
|
6
10
|
default: BottomSheetVariant;
|
|
@@ -10,24 +14,26 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
10
14
|
rootStyles: import("vue-demi").ComputedRef<string[]>;
|
|
11
15
|
handleStyles: import("vue-demi").ComputedRef<string[]>;
|
|
12
16
|
headerStyles: import("vue-demi").ComputedRef<string[]>;
|
|
13
|
-
state: import("vue-demi").Ref<"open" | "
|
|
14
|
-
|
|
15
|
-
isFullscreen: import("vue-demi").ComputedRef<boolean>;
|
|
16
|
-
isClosed: import("vue-demi").ComputedRef<boolean>;
|
|
17
|
+
state: import("vue-demi").Ref<"open" | "closed">;
|
|
18
|
+
fullscreen: import("vue-demi").Ref<boolean>;
|
|
17
19
|
open: () => void;
|
|
18
|
-
close: (
|
|
19
|
-
|
|
20
|
+
close: () => void;
|
|
21
|
+
toggle: () => void;
|
|
22
|
+
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
23
|
+
isOpen: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
20
27
|
variant: {
|
|
21
28
|
type: PropType<"basic" | "advanced">;
|
|
22
29
|
default: BottomSheetVariant;
|
|
23
30
|
};
|
|
24
31
|
}>> & {
|
|
25
32
|
"onUpdate:state"?: ((...args: any[]) => any) | undefined;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
"onUpdate:state:closed"?: ((...args: any[]) => any) | undefined;
|
|
29
|
-
"onUpdate:state:closed-automatically"?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
34
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
30
35
|
}, {
|
|
36
|
+
isOpen: boolean;
|
|
31
37
|
variant: "basic" | "advanced";
|
|
32
38
|
}>;
|
|
33
39
|
export default _default;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
export { BottomSheetVariant } from './props.js';
|
|
2
|
-
export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-
|
|
2
|
+
export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import 'vue-demi';
|
|
5
5
|
import './styles.js';
|
|
6
6
|
import '../OrOverlayV3/OrOverlay.js';
|
|
7
|
-
import '../../OrOverlay.vue_vue_type_script_lang-
|
|
7
|
+
import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
|
|
8
8
|
import '../OrOverlayV3/styles.js';
|
|
9
9
|
import '../OrTeleportV3/OrTeleport.js';
|
|
10
10
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
|
|
11
11
|
import 'vue';
|
|
12
12
|
import '../../hooks/useElevation.js';
|
|
13
13
|
import '../../utils/isVisible.js';
|
|
14
|
+
import '../../hooks/usePopoverState.js';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-
|
|
2
|
-
export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-
|
|
1
|
+
import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
|
|
2
|
+
export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
|
|
3
3
|
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
|
|
4
4
|
import 'vue-demi';
|
|
5
5
|
import './styles.js';
|
|
6
6
|
import './props.js';
|
|
7
7
|
import '../OrIconButtonV3/OrIconButton.js';
|
|
8
|
-
import '../../OrIconButton.vue_vue_type_script_lang-
|
|
8
|
+
import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
|
|
9
9
|
import '../OrIconButtonV3/props.js';
|
|
10
10
|
import '../OrIconV3/props.js';
|
|
11
11
|
import '../OrIconButtonV3/styles.js';
|
|
@@ -13,25 +13,26 @@ import '../OrIconV3/OrIcon.js';
|
|
|
13
13
|
import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
|
|
14
14
|
import '../OrIconV3/styles.js';
|
|
15
15
|
import '../OrTooltipV3/OrTooltip.js';
|
|
16
|
-
import '../../OrTooltip.vue_vue_type_script_lang-
|
|
17
|
-
import '@vueuse/core';
|
|
16
|
+
import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
|
|
18
17
|
import '../OrTooltipV3/styles.js';
|
|
19
18
|
import '../OrPopoverV3/OrPopover.js';
|
|
20
|
-
import '../../OrPopover.vue_vue_type_script_lang-
|
|
19
|
+
import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
|
|
21
20
|
import '../../floating-ui.dom.esm-83eba816.js';
|
|
21
|
+
import '@vueuse/core';
|
|
22
22
|
import '../OrPopoverV3/props.js';
|
|
23
23
|
import '../OrPopoverV3/styles.js';
|
|
24
24
|
import '../OrBottomSheetV3/OrBottomSheet.js';
|
|
25
|
-
import '../../OrBottomSheet.vue_vue_type_script_lang-
|
|
25
|
+
import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
|
|
26
26
|
import '../OrBottomSheetV3/props.js';
|
|
27
27
|
import '../OrBottomSheetV3/styles.js';
|
|
28
28
|
import '../OrOverlayV3/OrOverlay.js';
|
|
29
|
-
import '../../OrOverlay.vue_vue_type_script_lang-
|
|
29
|
+
import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
|
|
30
30
|
import '../OrOverlayV3/styles.js';
|
|
31
31
|
import '../OrTeleportV3/OrTeleport.js';
|
|
32
32
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
|
|
33
33
|
import '../../hooks/useElevation.js';
|
|
34
34
|
import '../../utils/isVisible.js';
|
|
35
|
+
import '../../hooks/usePopoverState.js';
|
|
35
36
|
import '../../hooks/useResponsive/useResponsive.js';
|
|
36
37
|
import '../OrButtonV3/OrButton.js';
|
|
37
38
|
import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
|
|
@@ -42,15 +43,15 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
|
|
|
42
43
|
import '../OrLoaderV3/props.js';
|
|
43
44
|
import '../OrLoaderV3/styles.js';
|
|
44
45
|
import '../OrMenuV3/OrMenu.js';
|
|
45
|
-
import '../../OrMenu.vue_vue_type_script_lang-
|
|
46
|
+
import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
|
|
46
47
|
import '../OrMenuV3/styles.js';
|
|
47
48
|
import '../OrMenuItemV3/OrMenuItem.js';
|
|
48
49
|
import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
|
|
49
50
|
import '../OrMenuItemV3/styles.js';
|
|
50
51
|
import '../OrSearchV3/OrSearch.js';
|
|
51
|
-
import '../../OrSearch.vue_vue_type_script_lang-
|
|
52
|
+
import '../../OrSearch.vue_vue_type_script_lang-142ab019.js';
|
|
52
53
|
import '../OrInputV3/OrInput.js';
|
|
53
|
-
import '../../OrInput.vue_vue_type_script_lang-
|
|
54
|
+
import '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
|
|
54
55
|
import '../OrInputV3/props.js';
|
|
55
56
|
import '../OrInputBoxV3/props.js';
|
|
56
57
|
import '../OrInputV3/styles.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
|
|
2
|
-
export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-
|
|
2
|
+
export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import './styles.js';
|
|
5
5
|
import 'vue';
|
|
6
6
|
import '../OrIconButtonV3/OrIconButton.js';
|
|
7
|
-
import '../../OrIconButton.vue_vue_type_script_lang-
|
|
7
|
+
import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
|
|
8
8
|
import '../OrIconButtonV3/props.js';
|
|
9
9
|
import '../OrIconV3/props.js';
|
|
10
10
|
import '../OrIconButtonV3/styles.js';
|
|
@@ -12,25 +12,26 @@ import '../OrIconV3/OrIcon.js';
|
|
|
12
12
|
import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
|
|
13
13
|
import '../OrIconV3/styles.js';
|
|
14
14
|
import '../OrTooltipV3/OrTooltip.js';
|
|
15
|
-
import '../../OrTooltip.vue_vue_type_script_lang-
|
|
16
|
-
import '@vueuse/core';
|
|
15
|
+
import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
|
|
17
16
|
import '../OrTooltipV3/styles.js';
|
|
18
17
|
import '../OrPopoverV3/OrPopover.js';
|
|
19
|
-
import '../../OrPopover.vue_vue_type_script_lang-
|
|
18
|
+
import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
|
|
20
19
|
import '../../floating-ui.dom.esm-83eba816.js';
|
|
20
|
+
import '@vueuse/core';
|
|
21
21
|
import '../OrPopoverV3/props.js';
|
|
22
22
|
import '../OrPopoverV3/styles.js';
|
|
23
23
|
import '../OrBottomSheetV3/OrBottomSheet.js';
|
|
24
|
-
import '../../OrBottomSheet.vue_vue_type_script_lang-
|
|
24
|
+
import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
|
|
25
25
|
import '../OrBottomSheetV3/props.js';
|
|
26
26
|
import '../OrBottomSheetV3/styles.js';
|
|
27
27
|
import '../OrOverlayV3/OrOverlay.js';
|
|
28
|
-
import '../../OrOverlay.vue_vue_type_script_lang-
|
|
28
|
+
import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
|
|
29
29
|
import '../OrOverlayV3/styles.js';
|
|
30
30
|
import '../OrTeleportV3/OrTeleport.js';
|
|
31
31
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
|
|
32
32
|
import '../../hooks/useElevation.js';
|
|
33
33
|
import '../../utils/isVisible.js';
|
|
34
|
+
import '../../hooks/usePopoverState.js';
|
|
34
35
|
import '../../hooks/useResponsive/useResponsive.js';
|
|
35
36
|
import '../OrButtonV3/OrButton.js';
|
|
36
37
|
import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
|
|
@@ -41,15 +42,15 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
|
|
|
41
42
|
import '../OrLoaderV3/props.js';
|
|
42
43
|
import '../OrLoaderV3/styles.js';
|
|
43
44
|
import '../OrMenuV3/OrMenu.js';
|
|
44
|
-
import '../../OrMenu.vue_vue_type_script_lang-
|
|
45
|
+
import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
|
|
45
46
|
import '../OrMenuV3/styles.js';
|
|
46
47
|
import '../OrMenuItemV3/OrMenuItem.js';
|
|
47
48
|
import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
|
|
48
49
|
import '../OrMenuItemV3/styles.js';
|
|
49
50
|
import '../OrSearchV3/OrSearch.js';
|
|
50
|
-
import '../../OrSearch.vue_vue_type_script_lang-
|
|
51
|
+
import '../../OrSearch.vue_vue_type_script_lang-142ab019.js';
|
|
51
52
|
import '../OrInputV3/OrInput.js';
|
|
52
|
-
import '../../OrInput.vue_vue_type_script_lang-
|
|
53
|
+
import '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
|
|
53
54
|
import '../OrInputV3/props.js';
|
|
54
55
|
import '../OrInputBoxV3/props.js';
|
|
55
56
|
import '../OrInputV3/styles.js';
|