mediacube-ui-v2 0.0.33 → 0.0.34
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/src/App.vue.d.ts +1 -1
- package/dist/src/App.vue.d.ts.map +1 -1
- package/dist/src/assets/tokens/json/animations.json.d.ts +8 -0
- package/dist/src/assets/tokens/json/border-radius.json.d.ts +26 -0
- package/dist/src/assets/tokens/json/box-shadows.json.d.ts +26 -0
- package/dist/src/assets/tokens/json/colors.json.d.ts +73 -0
- package/dist/src/assets/tokens/json/durations.json.d.ts +12 -0
- package/dist/src/assets/tokens/json/easings.json.d.ts +5 -0
- package/dist/src/assets/tokens/json/font-families.json.d.ts +6 -0
- package/dist/src/assets/tokens/json/font-sizes.json.d.ts +20 -0
- package/dist/src/assets/tokens/json/font-weights.json.d.ts +14 -0
- package/dist/src/assets/tokens/json/gradients.json.d.ts +15 -0
- package/dist/src/assets/tokens/json/index.d.ts +17 -17
- package/dist/src/assets/tokens/json/letter-spacings.json.d.ts +6 -0
- package/dist/src/assets/tokens/json/line-heights.json.d.ts +20 -0
- package/dist/src/assets/tokens/json/media-queries.json.d.ts +28 -0
- package/dist/src/assets/tokens/json/opacities.json.d.ts +7 -0
- package/dist/src/assets/tokens/json/sizes.json.d.ts +44 -0
- package/dist/src/assets/tokens/json/spacings.json.d.ts +36 -0
- package/dist/src/assets/tokens/json/z-indexes.json.d.ts +14 -0
- package/dist/src/components/elements/McAvatar/McAvatar.vue.d.ts +5 -5
- package/dist/src/components/elements/McAvatar/McAvatar.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McBadge/McBadge.vue.d.ts +3 -3
- package/dist/src/components/elements/McBadge/McBadge.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McBottomLoader/McBottomLoader.vue.d.ts +3 -3
- package/dist/src/components/elements/McBottomLoader/McBottomLoader.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McButton/McButton.vue.d.ts +9 -10
- package/dist/src/components/elements/McButton/McButton.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McChip/McChip.vue.d.ts +6 -7
- package/dist/src/components/elements/McChip/McChip.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McDatepicker/McDatepicker.vue.d.ts +1 -2
- package/dist/src/components/elements/McDatepicker/McDatepicker.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McDraggable/McDraggable.vue.d.ts +4 -4
- package/dist/src/components/elements/McDraggable/McDraggable.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McFieldCheckbox/McFieldCheckbox.vue.d.ts +1 -1
- package/dist/src/components/elements/McFieldCheckbox/McFieldCheckbox.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McFieldRadio/McFieldRadio.vue.d.ts +8 -8
- package/dist/src/components/elements/McFieldRadio/McFieldRadio.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McFieldRadioGroup/McFieldRadioGroup.vue.d.ts +1 -1
- package/dist/src/components/elements/McFieldRadioGroup/McFieldRadioGroup.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McFieldRange/McFieldRange.vue.d.ts +6 -6
- package/dist/src/components/elements/McFieldRange/McFieldRange.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McFieldSelect/McFieldSelect.vue.d.ts +8 -9
- package/dist/src/components/elements/McFieldSelect/McFieldSelect.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McFieldText/McFieldText.vue.d.ts +9 -9
- package/dist/src/components/elements/McFieldText/McFieldText.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McFieldToggle/McFieldToggle.vue.d.ts +6 -6
- package/dist/src/components/elements/McFieldToggle/McFieldToggle.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McInfinityLoadingTrigger/McInfinityLoadingTrigger.vue.d.ts +4 -4
- package/dist/src/components/elements/McInfinityLoadingTrigger/McInfinityLoadingTrigger.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McNodata/McNoData.vue.d.ts +5 -5
- package/dist/src/components/elements/McNodata/McNoData.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McNotification/McNotification.vue.d.ts +5 -5
- package/dist/src/components/elements/McNotification/McNotification.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McProgress/McProgress.vue.d.ts +5 -5
- package/dist/src/components/elements/McProgress/McProgress.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McSeparator/McSeparator.vue.d.ts +4 -4
- package/dist/src/components/elements/McSeparator/McSeparator.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McSlideUpDown/McSlideUpDown.vue.d.ts +5 -5
- package/dist/src/components/elements/McSlideUpDown/McSlideUpDown.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McStack/McStack.vue.d.ts +4 -4
- package/dist/src/components/elements/McStack/McStack.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McSvgIcon/McSvgIcon.vue.d.ts +9 -9
- package/dist/src/components/elements/McSvgIcon/McSvgIcon.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McTitle/McTitle.vue.d.ts +7 -7
- package/dist/src/components/elements/McTitle/McTitle.vue.d.ts.map +1 -1
- package/dist/src/components/elements/McTooltip/McTooltip.vue.d.ts +6 -6
- package/dist/src/components/elements/McTooltip/McTooltip.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McAccordion/McAccordion.vue.d.ts +4 -4
- package/dist/src/components/patterns/McAccordion/McAccordion.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McCell/McCell.vue.d.ts +6 -6
- package/dist/src/components/patterns/McCell/McCell.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McCollapse/McCollapse.vue.d.ts +6 -6
- package/dist/src/components/patterns/McCollapse/McCollapse.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McDropdown/McDropdown.vue.d.ts +7 -7
- package/dist/src/components/patterns/McDropdown/McDropdown.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McDropdown/McDropdownPanel.vue.d.ts +4 -4
- package/dist/src/components/patterns/McDropdown/McDropdownPanel.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McFilter/McFilter.vue.d.ts +6 -6
- package/dist/src/components/patterns/McFilter/McFilter.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McFilter/McFilterChip/McFilterChip.vue.d.ts +6 -6
- package/dist/src/components/patterns/McFilter/McFilterChip/McFilterChip.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McFilter/McFilterTags/McFilterTags.vue.d.ts +6 -6
- package/dist/src/components/patterns/McFilter/McFilterTags/McFilterTags.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McFilter/McFilterTypeDate/McFilterTypeDate.vue.d.ts +6 -6
- package/dist/src/components/patterns/McFilter/McFilterTypeDate/McFilterTypeDate.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McFilter/McFilterTypeRange/McFilterTypeRange.vue.d.ts +6 -6
- package/dist/src/components/patterns/McFilter/McFilterTypeRange/McFilterTypeRange.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue.d.ts +6 -6
- package/dist/src/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue.d.ts +6 -6
- package/dist/src/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McGridCol/McGridCol.vue.d.ts +4 -4
- package/dist/src/components/patterns/McGridCol/McGridCol.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McGridRow/McGridRow.vue.d.ts +5 -5
- package/dist/src/components/patterns/McGridRow/McGridRow.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McOverlay/McOverlay.vue.d.ts +4 -4
- package/dist/src/components/patterns/McOverlay/McOverlay.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McPreview/McPreview.vue.d.ts +4 -4
- package/dist/src/components/patterns/McPreview/McPreview.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McSideBar/McSideBar.vue.d.ts +7 -7
- package/dist/src/components/patterns/McSideBar/McSideBar.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McSideBar/McSideBarBottom/McSideBarBottom.vue.d.ts +5 -5
- package/dist/src/components/patterns/McSideBar/McSideBarBottom/McSideBarBottom.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.d.ts +5 -5
- package/dist/src/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue.d.ts +6 -6
- package/dist/src/components/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.d.ts +6 -6
- package/dist/src/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McTab/McTab.vue.d.ts +5 -5
- package/dist/src/components/patterns/McTab/McTab.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McTabs/McTabs.vue.d.ts +7 -8
- package/dist/src/components/patterns/McTabs/McTabs.vue.d.ts.map +1 -1
- package/dist/src/components/patterns/McWrapScroll/McWrapScroll.vue.d.ts +7 -7
- package/dist/src/components/patterns/McWrapScroll/McWrapScroll.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McDrawer/McDrawer.vue.d.ts +7 -7
- package/dist/src/components/templates/McDrawer/McDrawer.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McDrawer/McDrawerContainer.vue.d.ts +5 -5
- package/dist/src/components/templates/McDrawer/McDrawerContainer.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McDrawer/McDrawerContentTemplate/McDrawerContentTemplate.vue.d.ts +4 -4
- package/dist/src/components/templates/McDrawer/McDrawerContentTemplate/McDrawerContentTemplate.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McModal/McModal.vue.d.ts +7 -7
- package/dist/src/components/templates/McModal/McModal.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McModal/McModalContainer.vue.d.ts +5 -5
- package/dist/src/components/templates/McModal/McModalContainer.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McTable/McTable/McTable.vue.d.ts +7 -7
- package/dist/src/components/templates/McTable/McTable/McTable.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McTable/McTableCard/McTableCard.vue.d.ts +6 -6
- package/dist/src/components/templates/McTable/McTableCard/McTableCard.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McTable/McTableCard/McTableCardHeader/McTableCardHeader.vue.d.ts +4 -4
- package/dist/src/components/templates/McTable/McTableCard/McTableCardHeader/McTableCardHeader.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue.d.ts +5 -5
- package/dist/src/components/templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McTable/McTableSort/McTableSort.vue.d.ts +6 -6
- package/dist/src/components/templates/McTable/McTableSort/McTableSort.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McTopBar/McTopBar.vue.d.ts +4 -4
- package/dist/src/components/templates/McTopBar/McTopBar.vue.d.ts.map +1 -1
- package/dist/src/components/templates/McVirtualScroll/McVirtualScroll.vue.d.ts +4 -4
- package/dist/src/components/templates/McVirtualScroll/McVirtualScroll.vue.d.ts.map +1 -1
- package/dist/src/composables/index.d.ts +1 -1
- package/dist/src/composables/useDrawer.d.ts +1 -1
- package/dist/src/composables/useFieldErrors.d.ts +2 -2
- package/dist/src/composables/useTooltip.d.ts +1 -1
- package/dist/src/index.d.ts +2 -2
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/main.d.ts +0 -2
- package/dist/src/mocks/filterMocks.d.ts +1 -1
- package/dist/src/mocks/icons.json.d.ts +3 -0
- package/dist/src/mocks/sidebar.d.ts +1 -1
- package/dist/src/mocks/tableData.d.ts +1 -1
- package/dist/src/types/IButton.d.ts +5 -5
- package/dist/src/types/ICell.d.ts +1 -1
- package/dist/src/types/IChip.d.ts +2 -2
- package/dist/src/types/IDatepicker.d.ts +1 -1
- package/dist/src/types/IDirections.d.ts +1 -1
- package/dist/src/types/IDrawer.d.ts +2 -2
- package/dist/src/types/IDropdown.d.ts +1 -1
- package/dist/src/types/IFilter.d.ts +1 -1
- package/dist/src/types/IInput.d.ts +1 -1
- package/dist/src/types/IModal.d.ts +2 -2
- package/dist/src/types/IPreview.d.ts +1 -1
- package/dist/src/types/IRadio.d.ts +1 -1
- package/dist/src/types/IRadioGroup.d.ts +1 -1
- package/dist/src/types/ISelect.d.ts +1 -1
- package/dist/src/types/ISideBar.d.ts +5 -5
- package/dist/src/types/ITable.d.ts +2 -2
- package/dist/src/types/ITabs.d.ts +4 -4
- package/dist/src/types/ITitle.d.ts +1 -1
- package/dist/src/types/ITooltip.d.ts +1 -1
- package/dist/src/types/styles/Alignment.d.ts +1 -1
- package/dist/src/types/styles/Grid.d.ts +1 -1
- package/dist/src/types/styles/Weights.d.ts +1 -1
- package/dist/src/utils/mcGridColAdaptiveProps.d.ts +1 -1
- package/dist/src/utils/mcTitleAdaptiveProps.d.ts +1 -1
- package/package.json +2 -3
- package/dist/mediacube-ui-v2.umd.js +0 -7
- package/dist/src/App.vue.js +0 -54
- package/dist/src/assets/tokens/json/animations.json +0 -6
- package/dist/src/assets/tokens/json/border-radius.json +0 -24
- package/dist/src/assets/tokens/json/box-shadows.json +0 -24
- package/dist/src/assets/tokens/json/colors.json +0 -71
- package/dist/src/assets/tokens/json/durations.json +0 -10
- package/dist/src/assets/tokens/json/easings.json +0 -3
- package/dist/src/assets/tokens/json/font-families.json +0 -4
- package/dist/src/assets/tokens/json/font-sizes.json +0 -18
- package/dist/src/assets/tokens/json/font-weights.json +0 -12
- package/dist/src/assets/tokens/json/gradients.json +0 -13
- package/dist/src/assets/tokens/json/index.js +0 -18
- package/dist/src/assets/tokens/json/letter-spacings.json +0 -4
- package/dist/src/assets/tokens/json/line-heights.json +0 -18
- package/dist/src/assets/tokens/json/media-queries.json +0 -26
- package/dist/src/assets/tokens/json/opacities.json +0 -5
- package/dist/src/assets/tokens/json/sizes.json +0 -42
- package/dist/src/assets/tokens/json/spacings.json +0 -34
- package/dist/src/assets/tokens/json/z-indexes.json +0 -12
- package/dist/src/components/elements/McAvatar/McAvatar.vue.js +0 -412
- package/dist/src/components/elements/McBadge/McBadge.vue.js +0 -188
- package/dist/src/components/elements/McBottomLoader/McBottomLoader.vue.js +0 -83
- package/dist/src/components/elements/McButton/McButton.vue.js +0 -1037
- package/dist/src/components/elements/McChip/McChip.vue.js +0 -326
- package/dist/src/components/elements/McCropper/McCropper.vue.d.ts +0 -30
- package/dist/src/components/elements/McCropper/McCropper.vue.d.ts.map +0 -1
- package/dist/src/components/elements/McCropper/McCropper.vue.js +0 -155
- package/dist/src/components/elements/McDatepicker/McDatepicker.vue.js +0 -1251
- package/dist/src/components/elements/McDraggable/McDraggable.vue.js +0 -280
- package/dist/src/components/elements/McFieldCheckbox/McFieldCheckbox.vue.js +0 -541
- package/dist/src/components/elements/McFieldRadio/McFieldRadio.vue.js +0 -488
- package/dist/src/components/elements/McFieldRadioGroup/McFieldRadioGroup.vue.js +0 -470
- package/dist/src/components/elements/McFieldRange/McFieldRange.vue.js +0 -547
- package/dist/src/components/elements/McFieldSelect/McFieldSelect.vue.js +0 -1436
- package/dist/src/components/elements/McFieldText/McFieldText.vue.js +0 -1401
- package/dist/src/components/elements/McFieldToggle/McFieldToggle.vue.js +0 -408
- package/dist/src/components/elements/McInfinityLoadingTrigger/McInfinityLoadingTrigger.vue.js +0 -192
- package/dist/src/components/elements/McNodata/McNoData.vue.js +0 -316
- package/dist/src/components/elements/McNotification/McNotification.vue.js +0 -364
- package/dist/src/components/elements/McProgress/McProgress.vue.js +0 -361
- package/dist/src/components/elements/McSeparator/McSeparator.vue.js +0 -325
- package/dist/src/components/elements/McSlideUpDown/McSlideUpDown.vue.js +0 -271
- package/dist/src/components/elements/McStack/McStack.vue.js +0 -180
- package/dist/src/components/elements/McSvgIcon/McSvgIcon.vue.js +0 -286
- package/dist/src/components/elements/McTitle/McTitle.vue.js +0 -466
- package/dist/src/components/elements/McTooltip/McTooltip.vue.js +0 -246
- package/dist/src/components/index.js +0 -69
- package/dist/src/components/patterns/McAccordion/McAccordion.vue.js +0 -120
- package/dist/src/components/patterns/McCell/McCell.vue.js +0 -197
- package/dist/src/components/patterns/McCollapse/McCollapse.vue.js +0 -314
- package/dist/src/components/patterns/McDropdown/McDropdown.vue.js +0 -366
- package/dist/src/components/patterns/McDropdown/McDropdownPanel.vue.js +0 -83
- package/dist/src/components/patterns/McFilter/McFilter.vue.js +0 -1056
- package/dist/src/components/patterns/McFilter/McFilterChip/McFilterChip.vue.js +0 -210
- package/dist/src/components/patterns/McFilter/McFilterTags/McFilterTags.vue.js +0 -546
- package/dist/src/components/patterns/McFilter/McFilterTypeDate/McFilterTypeDate.vue.js +0 -188
- package/dist/src/components/patterns/McFilter/McFilterTypeRange/McFilterTypeRange.vue.js +0 -238
- package/dist/src/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue.js +0 -356
- package/dist/src/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue.js +0 -171
- package/dist/src/components/patterns/McGridCol/McGridCol.vue.js +0 -246
- package/dist/src/components/patterns/McGridRow/McGridRow.vue.js +0 -292
- package/dist/src/components/patterns/McOverlay/McOverlay.vue.js +0 -107
- package/dist/src/components/patterns/McPreview/McPreview.vue.js +0 -118
- package/dist/src/components/patterns/McSideBar/McSideBar.vue.js +0 -738
- package/dist/src/components/patterns/McSideBar/McSideBarBottom/McSideBarBottom.vue.js +0 -204
- package/dist/src/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.js +0 -508
- package/dist/src/components/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue.js +0 -409
- package/dist/src/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.js +0 -415
- package/dist/src/components/patterns/McTab/McTab.vue.js +0 -518
- package/dist/src/components/patterns/McTabs/McTabs.vue.js +0 -427
- package/dist/src/components/patterns/McWrapScroll/McWrapScroll.vue.js +0 -422
- package/dist/src/components/templates/McDrawer/McDrawer.vue.js +0 -304
- package/dist/src/components/templates/McDrawer/McDrawerContainer.vue.js +0 -133
- package/dist/src/components/templates/McDrawer/McDrawerContentTemplate/McDrawerContentTemplate.vue.js +0 -134
- package/dist/src/components/templates/McModal/McModal.vue.js +0 -664
- package/dist/src/components/templates/McModal/McModalContainer.vue.js +0 -119
- package/dist/src/components/templates/McTable/McTable/McTable.vue.js +0 -854
- package/dist/src/components/templates/McTable/McTableCard/McTableCard.vue.js +0 -339
- package/dist/src/components/templates/McTable/McTableCard/McTableCardHeader/McTableCardHeader.vue.js +0 -118
- package/dist/src/components/templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue.js +0 -118
- package/dist/src/components/templates/McTable/McTableSort/McTableSort.vue.js +0 -136
- package/dist/src/components/templates/McTopBar/McTopBar.vue.js +0 -305
- package/dist/src/components/templates/McVirtualScroll/McVirtualScroll.vue.js +0 -239
- package/dist/src/composables/index.js +0 -7
- package/dist/src/composables/useDrawer.js +0 -72
- package/dist/src/composables/useEncodeDecode.js +0 -25
- package/dist/src/composables/useFieldErrors.js +0 -20
- package/dist/src/composables/useHelper.js +0 -79
- package/dist/src/composables/useModal.js +0 -71
- package/dist/src/composables/useRandomNumber.js +0 -10
- package/dist/src/composables/useTooltip.js +0 -154
- package/dist/src/consts/index.js +0 -1
- package/dist/src/consts/table.js +0 -6
- package/dist/src/enums/Cell.js +0 -6
- package/dist/src/enums/Chip.js +0 -11
- package/dist/src/enums/Datepicker.js +0 -42
- package/dist/src/enums/Drawer.js +0 -5
- package/dist/src/enums/Dropdown.js +0 -12
- package/dist/src/enums/Filter.js +0 -14
- package/dist/src/enums/Grid.js +0 -24
- package/dist/src/enums/Input.js +0 -20
- package/dist/src/enums/Modal.js +0 -5
- package/dist/src/enums/Preview.js +0 -6
- package/dist/src/enums/Radio.js +0 -5
- package/dist/src/enums/RadioGroup.js +0 -5
- package/dist/src/enums/Select.js +0 -11
- package/dist/src/enums/Sidebar.js +0 -5
- package/dist/src/enums/Tab.js +0 -6
- package/dist/src/enums/Title.js +0 -21
- package/dist/src/enums/Tooltip.js +0 -15
- package/dist/src/enums/index.js +0 -22
- package/dist/src/enums/ui/Alignment.js +0 -6
- package/dist/src/enums/ui/Button.js +0 -24
- package/dist/src/enums/ui/Directions.js +0 -5
- package/dist/src/enums/ui/Weights.js +0 -7
- package/dist/src/index.js +0 -17
- package/dist/src/main.js +0 -8
- package/dist/src/mocks/authUser.js +0 -162
- package/dist/src/mocks/categories.js +0 -108
- package/dist/src/mocks/filterMocks.js +0 -128
- package/dist/src/mocks/icons.json +0 -1
- package/dist/src/mocks/menuLangs.js +0 -19
- package/dist/src/mocks/selectOptions.json +0 -111
- package/dist/src/mocks/sidebar.js +0 -125
- package/dist/src/mocks/tableData.js +0 -8180
- package/dist/src/types/IButton.js +0 -1
- package/dist/src/types/ICell.js +0 -1
- package/dist/src/types/IChip.js +0 -1
- package/dist/src/types/ICollapse.js +0 -1
- package/dist/src/types/IDatepicker.js +0 -1
- package/dist/src/types/IDirections.js +0 -1
- package/dist/src/types/IDrawer.js +0 -1
- package/dist/src/types/IDropdown.js +0 -1
- package/dist/src/types/IFilter.js +0 -1
- package/dist/src/types/IGrid.js +0 -1
- package/dist/src/types/IInput.js +0 -1
- package/dist/src/types/IModal.js +0 -1
- package/dist/src/types/IPreview.js +0 -1
- package/dist/src/types/IRadio.js +0 -1
- package/dist/src/types/IRadioGroup.js +0 -1
- package/dist/src/types/IRoute.js +0 -1
- package/dist/src/types/ISelect.js +0 -1
- package/dist/src/types/ISideBar.js +0 -1
- package/dist/src/types/ITable.js +0 -1
- package/dist/src/types/ITabs.js +0 -1
- package/dist/src/types/ITitle.js +0 -1
- package/dist/src/types/ITooltip.js +0 -1
- package/dist/src/types/index.js +0 -38
- package/dist/src/types/styles/Alignment.js +0 -1
- package/dist/src/types/styles/AvatarSizes.js +0 -3
- package/dist/src/types/styles/Colors.js +0 -3
- package/dist/src/types/styles/Durations.js +0 -3
- package/dist/src/types/styles/FontSizes.js +0 -3
- package/dist/src/types/styles/FontWeights.js +0 -3
- package/dist/src/types/styles/Grid.js +0 -1
- package/dist/src/types/styles/Icons.js +0 -2
- package/dist/src/types/styles/LineHeights.js +0 -3
- package/dist/src/types/styles/MediaQueries.js +0 -3
- package/dist/src/types/styles/Radiuses.js +0 -3
- package/dist/src/types/styles/Sizes.js +0 -3
- package/dist/src/types/styles/Spaces.js +0 -3
- package/dist/src/types/styles/Weights.js +0 -1
- package/dist/src/utils/dayjs.js +0 -22
- package/dist/src/utils/index.js +0 -2
- package/dist/src/utils/mcGridColAdaptiveProps.js +0 -10
- package/dist/src/utils/mcTitleAdaptiveProps.js +0 -10
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { reactive, h, render, getCurrentInstance, shallowRef, markRaw } from 'vue';
|
|
2
|
-
import DrawerContainer from '@/components/templates/McDrawer/McDrawerContainer.vue';
|
|
3
|
-
const closeServiceState = () => {
|
|
4
|
-
drawerServiceState.isOpen = false;
|
|
5
|
-
reactiveProps.drawers = [];
|
|
6
|
-
};
|
|
7
|
-
const drawerServiceState = reactive({
|
|
8
|
-
isOpen: false,
|
|
9
|
-
closeServiceState: closeServiceState
|
|
10
|
-
});
|
|
11
|
-
const drawerComponents = shallowRef({});
|
|
12
|
-
const reactiveProps = reactive({ drawers: [] });
|
|
13
|
-
const createDrawerContainer = () => {
|
|
14
|
-
const drawerContainerElement = document.createElement('div');
|
|
15
|
-
drawerContainerElement.id = 'drawer-container';
|
|
16
|
-
document.body.appendChild(drawerContainerElement);
|
|
17
|
-
const vnode = h(DrawerContainer, { drawerServiceState, reactiveProps });
|
|
18
|
-
render(vnode, drawerContainerElement);
|
|
19
|
-
};
|
|
20
|
-
// Если компонент DrawerContainer ещё не был добавлен в DOM, создаем его
|
|
21
|
-
const ensureDrawerContainerExists = () => {
|
|
22
|
-
if (!document.getElementById('drawer-container')) {
|
|
23
|
-
createDrawerContainer();
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const showDrawer = (componentName, // Component name from drawerComponents: {...}
|
|
27
|
-
drawerProps = {}, componentProps = {}) => {
|
|
28
|
-
//@ts-ignore
|
|
29
|
-
if (!drawerComponents.value[componentName]) {
|
|
30
|
-
return console.warn('The component is not provided in Mediacube-ui DS\n' +
|
|
31
|
-
'Check and add to app.use(MediacubeUI, { drawerComponents: {...} })');
|
|
32
|
-
}
|
|
33
|
-
ensureDrawerContainerExists();
|
|
34
|
-
const id = Date.now();
|
|
35
|
-
const newDrawer = {
|
|
36
|
-
//@ts-ignore
|
|
37
|
-
component: markRaw(drawerComponents.value[componentName]),
|
|
38
|
-
componentName: componentName,
|
|
39
|
-
drawerProps: drawerProps,
|
|
40
|
-
componentProps: componentProps,
|
|
41
|
-
modelValue: true,
|
|
42
|
-
id,
|
|
43
|
-
close: () => {
|
|
44
|
-
//@ts-ignore
|
|
45
|
-
const drawerToClose = reactiveProps.drawers.findLast((d) => d.id === id);
|
|
46
|
-
drawerToClose && (drawerToClose.modelValue = false);
|
|
47
|
-
setTimeout(() => {
|
|
48
|
-
reactiveProps.drawers = reactiveProps.drawers.filter((d) => d.id !== drawerToClose?.id);
|
|
49
|
-
}, drawerProps?.duration || 300);
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
reactiveProps.drawers.push(newDrawer);
|
|
53
|
-
drawerServiceState.isOpen = true;
|
|
54
|
-
};
|
|
55
|
-
const closeDrawer = (componentName) => {
|
|
56
|
-
//@ts-ignore
|
|
57
|
-
const drawerToClose = reactiveProps.drawers.findLast((d) => d.componentName === componentName);
|
|
58
|
-
drawerToClose && drawerToClose.close();
|
|
59
|
-
};
|
|
60
|
-
const closeAllDrawers = () => {
|
|
61
|
-
reactiveProps.drawers.forEach((d) => {
|
|
62
|
-
d.close();
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
export function useDrawer() {
|
|
66
|
-
//@ts-ignore
|
|
67
|
-
const { proxy } = getCurrentInstance();
|
|
68
|
-
if (proxy.$dsOptions?.drawerComponents) {
|
|
69
|
-
drawerComponents.value = proxy.$dsOptions.drawerComponents;
|
|
70
|
-
}
|
|
71
|
-
return { showDrawer, closeDrawer, closeAllDrawers };
|
|
72
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
class UseEncodeDecode {
|
|
2
|
-
static encode(value) {
|
|
3
|
-
if (value.constructor !== Object)
|
|
4
|
-
return value;
|
|
5
|
-
try {
|
|
6
|
-
return btoa(encodeURI(JSON.stringify(value)));
|
|
7
|
-
}
|
|
8
|
-
catch (e) {
|
|
9
|
-
console.error(e);
|
|
10
|
-
return value;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
static decode(value) {
|
|
14
|
-
if (!value)
|
|
15
|
-
return value;
|
|
16
|
-
try {
|
|
17
|
-
return JSON.parse(decodeURI(atob(value)));
|
|
18
|
-
}
|
|
19
|
-
catch (e) {
|
|
20
|
-
console.error(e);
|
|
21
|
-
return value;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
export { UseEncodeDecode };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { computed, ref, watch } from 'vue';
|
|
2
|
-
export function useFieldErrors(errors) {
|
|
3
|
-
const is_error_visible = ref(true);
|
|
4
|
-
const errorText = computed(() => {
|
|
5
|
-
if (errors === null || !errors?.length || !is_error_visible.value)
|
|
6
|
-
return null;
|
|
7
|
-
return errors.join(', ')?.replace(/-/gm, '‑');
|
|
8
|
-
});
|
|
9
|
-
watch(() => errors, () => {
|
|
10
|
-
is_error_visible.value = false;
|
|
11
|
-
});
|
|
12
|
-
const toggleErrorVisible = () => {
|
|
13
|
-
is_error_visible.value = false;
|
|
14
|
-
};
|
|
15
|
-
return {
|
|
16
|
-
is_error_visible,
|
|
17
|
-
errorText,
|
|
18
|
-
toggleErrorVisible
|
|
19
|
-
};
|
|
20
|
-
}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
function isEmpty(value) {
|
|
2
|
-
if (value == null)
|
|
3
|
-
return true;
|
|
4
|
-
if (Array.isArray(value) || typeof value === 'string') {
|
|
5
|
-
return value.length === 0;
|
|
6
|
-
}
|
|
7
|
-
if (typeof value === 'object') {
|
|
8
|
-
return Object.keys(value).length === 0;
|
|
9
|
-
}
|
|
10
|
-
return false;
|
|
11
|
-
}
|
|
12
|
-
function isEqual(value1, value2) {
|
|
13
|
-
if (value1 === value2) {
|
|
14
|
-
return true;
|
|
15
|
-
}
|
|
16
|
-
if (typeof value1 !== 'object' || typeof value2 !== 'object' || value1 === null || value2 === null) {
|
|
17
|
-
return false;
|
|
18
|
-
}
|
|
19
|
-
if (Array.isArray(value1) !== Array.isArray(value2)) {
|
|
20
|
-
return false;
|
|
21
|
-
}
|
|
22
|
-
const keys1 = Object.keys(value1);
|
|
23
|
-
const keys2 = Object.keys(value2);
|
|
24
|
-
if (keys1.length !== keys2.length) {
|
|
25
|
-
return false;
|
|
26
|
-
}
|
|
27
|
-
for (const key of keys1) {
|
|
28
|
-
if (!isEqual(value1[key], value2[key])) {
|
|
29
|
-
return false;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
return true;
|
|
33
|
-
}
|
|
34
|
-
function cloneDeep(value) {
|
|
35
|
-
if (value === null || typeof value !== 'object') {
|
|
36
|
-
return value;
|
|
37
|
-
}
|
|
38
|
-
if (Array.isArray(value)) {
|
|
39
|
-
return value.map(cloneDeep);
|
|
40
|
-
}
|
|
41
|
-
const clonedObj = {};
|
|
42
|
-
for (const key in value) {
|
|
43
|
-
if (hasProperty(value, key)) {
|
|
44
|
-
clonedObj[key] = cloneDeep(value[key]);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return clonedObj;
|
|
48
|
-
}
|
|
49
|
-
function uniqWith(array, comparator) {
|
|
50
|
-
return array.reduce((acc, current) => {
|
|
51
|
-
if (!acc.some((item) => comparator(item, current))) {
|
|
52
|
-
acc.push(current);
|
|
53
|
-
}
|
|
54
|
-
return acc;
|
|
55
|
-
}, []);
|
|
56
|
-
}
|
|
57
|
-
function deepMerge(target, source) {
|
|
58
|
-
for (const key in source) {
|
|
59
|
-
if (source[key] instanceof Object && key in target) {
|
|
60
|
-
Object.assign(source[key], deepMerge(target[key], source[key]));
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
Object.assign(target || {}, source);
|
|
64
|
-
return target;
|
|
65
|
-
}
|
|
66
|
-
function hasProperty(object, prop) {
|
|
67
|
-
return Object.prototype.hasOwnProperty.call(object, prop);
|
|
68
|
-
}
|
|
69
|
-
function isNumber(payload) {
|
|
70
|
-
return typeof payload === 'number';
|
|
71
|
-
}
|
|
72
|
-
function upperFirst(str) {
|
|
73
|
-
if (!str)
|
|
74
|
-
return str;
|
|
75
|
-
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
76
|
-
}
|
|
77
|
-
export function useHelper() {
|
|
78
|
-
return { isEmpty, isEqual, cloneDeep, uniqWith, deepMerge, hasProperty, isNumber, upperFirst };
|
|
79
|
-
}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { reactive, h, render, getCurrentInstance, shallowRef, markRaw } from 'vue';
|
|
2
|
-
import ModalContainer from '@/components/templates/McModal/McModalContainer.vue';
|
|
3
|
-
const closeServiceState = () => {
|
|
4
|
-
modalServiceState.isOpen = false;
|
|
5
|
-
reactiveProps.modals = [];
|
|
6
|
-
};
|
|
7
|
-
const modalServiceState = reactive({
|
|
8
|
-
isOpen: false,
|
|
9
|
-
closeServiceState: closeServiceState
|
|
10
|
-
});
|
|
11
|
-
const modalComponents = shallowRef({});
|
|
12
|
-
const reactiveProps = reactive({ modals: [] });
|
|
13
|
-
const createModalContainer = () => {
|
|
14
|
-
const modalContainerElement = document.createElement('div');
|
|
15
|
-
modalContainerElement.id = 'modal-container';
|
|
16
|
-
document.body.appendChild(modalContainerElement);
|
|
17
|
-
const vnode = h(ModalContainer, { modalServiceState, reactiveProps });
|
|
18
|
-
render(vnode, modalContainerElement);
|
|
19
|
-
};
|
|
20
|
-
// Если компонент ModalContainer ещё не был добавлен в DOM, создаем его
|
|
21
|
-
const ensureModalContainerExists = () => {
|
|
22
|
-
if (!document.getElementById('modal-container')) {
|
|
23
|
-
createModalContainer();
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const showModal = (componentName, // Component name from modalComponents: {...}
|
|
27
|
-
componentProps = {}) => {
|
|
28
|
-
//@ts-ignore
|
|
29
|
-
if (!modalComponents.value[componentName]) {
|
|
30
|
-
return console.warn('The component is not provided in Mediacube-ui DS\n' +
|
|
31
|
-
'Check and add to app.use(MediacubeUI, { modalComponents: {...} })');
|
|
32
|
-
}
|
|
33
|
-
ensureModalContainerExists();
|
|
34
|
-
const id = Date.now();
|
|
35
|
-
const newModal = {
|
|
36
|
-
//@ts-ignore
|
|
37
|
-
component: markRaw(modalComponents.value[componentName]),
|
|
38
|
-
componentName: componentName,
|
|
39
|
-
componentProps: componentProps,
|
|
40
|
-
modelValue: true,
|
|
41
|
-
id,
|
|
42
|
-
close: () => {
|
|
43
|
-
//@ts-ignore
|
|
44
|
-
const modalToClose = reactiveProps.modals.findLast((d) => d.id === id);
|
|
45
|
-
modalToClose && (modalToClose.modelValue = false);
|
|
46
|
-
setTimeout(() => {
|
|
47
|
-
reactiveProps.modals = reactiveProps.modals.filter((d) => d.id !== modalToClose?.id);
|
|
48
|
-
}, 300);
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
reactiveProps.modals.push(newModal);
|
|
52
|
-
modalServiceState.isOpen = true;
|
|
53
|
-
};
|
|
54
|
-
const closeModal = (componentName) => {
|
|
55
|
-
//@ts-ignore
|
|
56
|
-
const modalToClose = reactiveProps.modals.findLast((d) => d.componentName === componentName);
|
|
57
|
-
modalToClose && modalToClose.close();
|
|
58
|
-
};
|
|
59
|
-
const closeAllModals = () => {
|
|
60
|
-
reactiveProps.modals.forEach((d) => {
|
|
61
|
-
d.close();
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
|
-
export function useModal() {
|
|
65
|
-
//@ts-ignore
|
|
66
|
-
const { proxy } = getCurrentInstance();
|
|
67
|
-
if (proxy.$dsOptions?.modalComponents) {
|
|
68
|
-
modalComponents.value = proxy.$dsOptions.modalComponents;
|
|
69
|
-
}
|
|
70
|
-
return { showModal, closeModal, closeAllModals };
|
|
71
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export function timestamp(postfixLength = 0) {
|
|
2
|
-
if (!postfixLength)
|
|
3
|
-
return Date.now();
|
|
4
|
-
const min = Math.pow(10, postfixLength - 1);
|
|
5
|
-
const max = Math.pow(10, postfixLength) - 1;
|
|
6
|
-
return +(String(Date.now()) + String(Math.floor(Math.random() * (max - min + 1)) + min));
|
|
7
|
-
}
|
|
8
|
-
export function useRandomNumber() {
|
|
9
|
-
return { timestamp };
|
|
10
|
-
}
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
import { useDebounceFn } from '@vueuse/core';
|
|
2
|
-
import { useRandomNumber } from '@/composables/useRandomNumber';
|
|
3
|
-
import { onBeforeUnmount, onMounted, ref } from 'vue';
|
|
4
|
-
import { TooltipPositions, TooltipSizes } from '@/enums';
|
|
5
|
-
import { Colors } from '@/types';
|
|
6
|
-
import { useHelper } from '@/composables/useHelper';
|
|
7
|
-
const debounce = useDebounceFn((method) => {
|
|
8
|
-
method();
|
|
9
|
-
}, 150);
|
|
10
|
-
const tooltipInstances = ref([]);
|
|
11
|
-
const helper = useHelper();
|
|
12
|
-
class TooltipInstance {
|
|
13
|
-
id;
|
|
14
|
-
target;
|
|
15
|
-
content;
|
|
16
|
-
visible = ref(false);
|
|
17
|
-
position = ref({ top: null, left: null, translate: 'translate(0, 0)' });
|
|
18
|
-
placement;
|
|
19
|
-
size;
|
|
20
|
-
arrow;
|
|
21
|
-
color;
|
|
22
|
-
textColor;
|
|
23
|
-
constructor(el, value) {
|
|
24
|
-
this.target = el;
|
|
25
|
-
this.content = value.content;
|
|
26
|
-
this.placement = value.placement || TooltipPositions.Top;
|
|
27
|
-
this.size = value.size || TooltipSizes.M;
|
|
28
|
-
this.id = useRandomNumber().timestamp(5);
|
|
29
|
-
this.arrow = helper.hasProperty(value, 'arrow') ? !!value.arrow : true;
|
|
30
|
-
this.color = value.color || Colors.black;
|
|
31
|
-
this.textColor = value.textColor || Colors.white;
|
|
32
|
-
this.target.addEventListener('mouseenter', this.showTooltip);
|
|
33
|
-
this.target.addEventListener('mouseleave', this.hideTooltip);
|
|
34
|
-
//@ts-ignore
|
|
35
|
-
tooltipInstances.value.push(this);
|
|
36
|
-
}
|
|
37
|
-
showTooltip = () => {
|
|
38
|
-
this.updateTooltipPosition();
|
|
39
|
-
this.visible.value = true;
|
|
40
|
-
let tooltipElement = document.getElementById(String(this.id));
|
|
41
|
-
if (!tooltipElement) {
|
|
42
|
-
const tooltipDiv = document.createElement('div');
|
|
43
|
-
tooltipDiv.classList.add('mc-tooltip');
|
|
44
|
-
tooltipDiv.id = String(this.id);
|
|
45
|
-
tooltipDiv.innerText = this.content || '';
|
|
46
|
-
tooltipDiv.style.setProperty('--tooltip-color', this.color);
|
|
47
|
-
tooltipDiv.style.setProperty('--tooltip-text-color', this.textColor);
|
|
48
|
-
tooltipDiv.setAttribute('tooltip-placement', this.placement);
|
|
49
|
-
tooltipDiv.setAttribute('tooltip-size', this.size);
|
|
50
|
-
tooltipDiv.setAttribute('tooltip-arrow', String(this.arrow));
|
|
51
|
-
document.getElementById('tooltip-container')?.appendChild(tooltipDiv);
|
|
52
|
-
}
|
|
53
|
-
tooltipElement = document.getElementById(String(this.id));
|
|
54
|
-
if (tooltipElement) {
|
|
55
|
-
tooltipElement.style.visibility = 'visible';
|
|
56
|
-
for (const key in this.position.value) {
|
|
57
|
-
if (key && helper.hasProperty(this.position.value, key)) {
|
|
58
|
-
//@ts-ignore
|
|
59
|
-
tooltipElement.style[key] = `${this.position.value[key]}px`;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
tooltipElement.style.transform = this.position.value.translate;
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
hideTooltip = () => {
|
|
66
|
-
this.visible.value = false;
|
|
67
|
-
const tooltipElement = document.getElementById(String(this.id));
|
|
68
|
-
if (tooltipElement) {
|
|
69
|
-
tooltipElement.style.visibility = 'hidden';
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
updateTooltipPosition = () => {
|
|
73
|
-
const { top, left, width, height } = this.target.getBoundingClientRect();
|
|
74
|
-
const requiredTop = top + window.scrollY;
|
|
75
|
-
const requiredLeft = left + window.scrollX;
|
|
76
|
-
const space = 4;
|
|
77
|
-
const arrow = this.arrow ? 4 : 0;
|
|
78
|
-
switch (this.placement) {
|
|
79
|
-
case TooltipPositions.Right:
|
|
80
|
-
this.position.value = {
|
|
81
|
-
top: requiredTop,
|
|
82
|
-
left: requiredLeft + width + (space + arrow),
|
|
83
|
-
translate: `translate(0, calc(-50% + ${height / 2}px))`
|
|
84
|
-
};
|
|
85
|
-
break;
|
|
86
|
-
case TooltipPositions.Left:
|
|
87
|
-
this.position.value = {
|
|
88
|
-
top: requiredTop,
|
|
89
|
-
left: requiredLeft - (space + arrow),
|
|
90
|
-
translate: `translate(-100%, calc(-50% + ${height / 2}px))`
|
|
91
|
-
};
|
|
92
|
-
break;
|
|
93
|
-
case TooltipPositions.Top:
|
|
94
|
-
this.position.value = {
|
|
95
|
-
top: requiredTop - (space + arrow),
|
|
96
|
-
left: requiredLeft + width / 2,
|
|
97
|
-
translate: 'translate(-50%, -100%)'
|
|
98
|
-
};
|
|
99
|
-
break;
|
|
100
|
-
case TooltipPositions.Bottom:
|
|
101
|
-
this.position.value = {
|
|
102
|
-
top: requiredTop + height + (space + arrow),
|
|
103
|
-
left: requiredLeft + width / 2,
|
|
104
|
-
translate: 'translate(-50%, 0%)'
|
|
105
|
-
};
|
|
106
|
-
break;
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
destroy = () => {
|
|
110
|
-
this.target.removeEventListener('mouseenter', this.showTooltip);
|
|
111
|
-
this.target.removeEventListener('mouseleave', this.hideTooltip);
|
|
112
|
-
tooltipInstances.value = tooltipInstances.value.filter((instance) => instance.id !== this.id);
|
|
113
|
-
const tooltipToDestroy = document.getElementById(String(this.id));
|
|
114
|
-
tooltipToDestroy && tooltipToDestroy.remove();
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
const updateAllTooltips = debounce(() => {
|
|
118
|
-
tooltipInstances.value.forEach((instance) => instance.updateTooltipPosition());
|
|
119
|
-
});
|
|
120
|
-
const createTooltipContainer = () => {
|
|
121
|
-
const modalContainerElement = document.createElement('div');
|
|
122
|
-
modalContainerElement.id = 'tooltip-container';
|
|
123
|
-
document.body.appendChild(modalContainerElement);
|
|
124
|
-
};
|
|
125
|
-
const ensureTooltipContainerExists = () => {
|
|
126
|
-
if (!document.getElementById('tooltip-container')) {
|
|
127
|
-
createTooltipContainer();
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
onMounted(() => {
|
|
131
|
-
window.addEventListener('scroll', () => updateAllTooltips);
|
|
132
|
-
window.addEventListener('resize', () => updateAllTooltips);
|
|
133
|
-
});
|
|
134
|
-
onBeforeUnmount(() => {
|
|
135
|
-
window.removeEventListener('scroll', () => updateAllTooltips);
|
|
136
|
-
window.removeEventListener('resize', () => updateAllTooltips);
|
|
137
|
-
});
|
|
138
|
-
export function useTooltip() {
|
|
139
|
-
const tooltip = ref(null);
|
|
140
|
-
return {
|
|
141
|
-
mounted(el, binding) {
|
|
142
|
-
ensureTooltipContainerExists();
|
|
143
|
-
const content = binding.value.content;
|
|
144
|
-
if (!content)
|
|
145
|
-
return;
|
|
146
|
-
//@ts-ignore
|
|
147
|
-
tooltip.value = new TooltipInstance(el, binding.value);
|
|
148
|
-
},
|
|
149
|
-
updated() { },
|
|
150
|
-
beforeUnmount() {
|
|
151
|
-
tooltip.value?.destroy();
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
}
|
package/dist/src/consts/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './table';
|
package/dist/src/consts/table.js
DELETED
package/dist/src/enums/Cell.js
DELETED
package/dist/src/enums/Chip.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export var ChipSize;
|
|
2
|
-
(function (ChipSize) {
|
|
3
|
-
ChipSize["Xs"] = "xs";
|
|
4
|
-
ChipSize["S"] = "s";
|
|
5
|
-
ChipSize["M"] = "m";
|
|
6
|
-
})(ChipSize || (ChipSize = {}));
|
|
7
|
-
export var ChipModifiers;
|
|
8
|
-
(function (ChipModifiers) {
|
|
9
|
-
ChipModifiers["Invert"] = "invert";
|
|
10
|
-
ChipModifiers["Outline"] = "outline";
|
|
11
|
-
})(ChipModifiers || (ChipModifiers = {}));
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
export var DatepickerTypes;
|
|
2
|
-
(function (DatepickerTypes) {
|
|
3
|
-
DatepickerTypes["TimePicker"] = "time-picker";
|
|
4
|
-
DatepickerTypes["DatePicker"] = "date-picker";
|
|
5
|
-
DatepickerTypes["DateTimePicker"] = "date-time-picker";
|
|
6
|
-
DatepickerTypes["WeekPicker"] = "week-picker";
|
|
7
|
-
DatepickerTypes["MonthPicker"] = "month-picker";
|
|
8
|
-
DatepickerTypes["YearPicker"] = "year-picker";
|
|
9
|
-
})(DatepickerTypes || (DatepickerTypes = {}));
|
|
10
|
-
export var DatepickerFormatsVariations;
|
|
11
|
-
(function (DatepickerFormatsVariations) {
|
|
12
|
-
DatepickerFormatsVariations["Picker"] = "picker";
|
|
13
|
-
DatepickerFormatsVariations["Dayjs"] = "dayjs";
|
|
14
|
-
DatepickerFormatsVariations["Output"] = "output";
|
|
15
|
-
})(DatepickerFormatsVariations || (DatepickerFormatsVariations = {}));
|
|
16
|
-
export var DatepickerFormat;
|
|
17
|
-
(function (DatepickerFormat) {
|
|
18
|
-
DatepickerFormat["TimePicker"] = "HH:mm";
|
|
19
|
-
DatepickerFormat["DateTimePicker"] = "dd.MM.yyyy HH:mm";
|
|
20
|
-
DatepickerFormat["DatePicker"] = "dd.MM.yyyy";
|
|
21
|
-
DatepickerFormat["WeekPicker"] = "ww.yyyy";
|
|
22
|
-
DatepickerFormat["MonthPicker"] = "MM.yyyy";
|
|
23
|
-
DatepickerFormat["YearPicker"] = "yyyy";
|
|
24
|
-
})(DatepickerFormat || (DatepickerFormat = {}));
|
|
25
|
-
export var DayjsFormat;
|
|
26
|
-
(function (DayjsFormat) {
|
|
27
|
-
DayjsFormat["TimePicker"] = "HH:mm";
|
|
28
|
-
DayjsFormat["DateTimePicker"] = "DD.MM.YYYY HH:mm";
|
|
29
|
-
DayjsFormat["DatePicker"] = "DD.MM.YYYY";
|
|
30
|
-
DayjsFormat["WeekPicker"] = "WW.YYYY";
|
|
31
|
-
DayjsFormat["MonthPicker"] = "MM.YYYY";
|
|
32
|
-
DayjsFormat["YearPicker"] = "YYYY";
|
|
33
|
-
})(DayjsFormat || (DayjsFormat = {}));
|
|
34
|
-
export var DatepickerOutputFormat;
|
|
35
|
-
(function (DatepickerOutputFormat) {
|
|
36
|
-
DatepickerOutputFormat["TimePicker"] = "HH:mm";
|
|
37
|
-
DatepickerOutputFormat["DateTimePicker"] = "YYYY-MM-DD HH:mm";
|
|
38
|
-
DatepickerOutputFormat["DatePicker"] = "YYYY-MM-DD";
|
|
39
|
-
DatepickerOutputFormat["WeekPicker"] = "YYYY-WW";
|
|
40
|
-
DatepickerOutputFormat["MonthPicker"] = "YYYY-MM-DD";
|
|
41
|
-
DatepickerOutputFormat["YearPicker"] = "YYYY";
|
|
42
|
-
})(DatepickerOutputFormat || (DatepickerOutputFormat = {}));
|
package/dist/src/enums/Drawer.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export var DropdownListPositions;
|
|
2
|
-
(function (DropdownListPositions) {
|
|
3
|
-
DropdownListPositions["Top"] = "top";
|
|
4
|
-
DropdownListPositions["Bottom"] = "bottom";
|
|
5
|
-
DropdownListPositions["Auto"] = "auto";
|
|
6
|
-
})(DropdownListPositions || (DropdownListPositions = {}));
|
|
7
|
-
export var DropdownPositions;
|
|
8
|
-
(function (DropdownPositions) {
|
|
9
|
-
DropdownPositions["Left"] = "left";
|
|
10
|
-
DropdownPositions["Right"] = "right";
|
|
11
|
-
DropdownPositions["Auto"] = "auto";
|
|
12
|
-
})(DropdownPositions || (DropdownPositions = {}));
|
package/dist/src/enums/Filter.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export var FilterRelations;
|
|
2
|
-
(function (FilterRelations) {
|
|
3
|
-
FilterRelations["Exists"] = "exists";
|
|
4
|
-
FilterRelations["Is"] = "is";
|
|
5
|
-
FilterRelations["IsNot"] = "is_not";
|
|
6
|
-
})(FilterRelations || (FilterRelations = {}));
|
|
7
|
-
export var FilterTypes;
|
|
8
|
-
(function (FilterTypes) {
|
|
9
|
-
FilterTypes["Relation"] = "relation";
|
|
10
|
-
FilterTypes["Date"] = "date";
|
|
11
|
-
FilterTypes["Text"] = "text";
|
|
12
|
-
FilterTypes["Range"] = "range";
|
|
13
|
-
FilterTypes["Fast"] = "fast";
|
|
14
|
-
})(FilterTypes || (FilterTypes = {}));
|
package/dist/src/enums/Grid.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export var ColumnSizes;
|
|
2
|
-
(function (ColumnSizes) {
|
|
3
|
-
ColumnSizes["Xs"] = "xs";
|
|
4
|
-
ColumnSizes["S"] = "s";
|
|
5
|
-
ColumnSizes["M"] = "m";
|
|
6
|
-
ColumnSizes["L"] = "l";
|
|
7
|
-
ColumnSizes["Xl"] = "xl";
|
|
8
|
-
ColumnSizes["Xxl"] = "xxl";
|
|
9
|
-
})(ColumnSizes || (ColumnSizes = {}));
|
|
10
|
-
export var ColumnJustifyAlignment;
|
|
11
|
-
(function (ColumnJustifyAlignment) {
|
|
12
|
-
ColumnJustifyAlignment["Left"] = "left";
|
|
13
|
-
ColumnJustifyAlignment["Right"] = "right";
|
|
14
|
-
ColumnJustifyAlignment["Center"] = "center";
|
|
15
|
-
ColumnJustifyAlignment["Around"] = "around";
|
|
16
|
-
ColumnJustifyAlignment["Between"] = "between";
|
|
17
|
-
})(ColumnJustifyAlignment || (ColumnJustifyAlignment = {}));
|
|
18
|
-
export var ColumnAlignment;
|
|
19
|
-
(function (ColumnAlignment) {
|
|
20
|
-
ColumnAlignment["Top"] = "top";
|
|
21
|
-
ColumnAlignment["Middle"] = "middle";
|
|
22
|
-
ColumnAlignment["Bottom"] = "bottom";
|
|
23
|
-
ColumnAlignment["Stretch"] = "stretch";
|
|
24
|
-
})(ColumnAlignment || (ColumnAlignment = {}));
|
package/dist/src/enums/Input.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export var InputTypes;
|
|
2
|
-
(function (InputTypes) {
|
|
3
|
-
InputTypes["Text"] = "text";
|
|
4
|
-
InputTypes["Password"] = "password";
|
|
5
|
-
InputTypes["Email"] = "email";
|
|
6
|
-
InputTypes["Date"] = "date";
|
|
7
|
-
InputTypes["Textarea"] = "textarea";
|
|
8
|
-
InputTypes["TextareaAutosize"] = "textarea-autosize";
|
|
9
|
-
InputTypes["Num"] = "num";
|
|
10
|
-
InputTypes["Int"] = "int";
|
|
11
|
-
InputTypes["AmountFormat"] = "amount_format";
|
|
12
|
-
InputTypes["Uppercase"] = "uppercase";
|
|
13
|
-
InputTypes["Lowercase"] = "lowercase";
|
|
14
|
-
InputTypes["PhoneNumber"] = "phone_number";
|
|
15
|
-
})(InputTypes || (InputTypes = {}));
|
|
16
|
-
export var Autocomplete;
|
|
17
|
-
(function (Autocomplete) {
|
|
18
|
-
Autocomplete["On"] = "on";
|
|
19
|
-
Autocomplete["Off"] = "off";
|
|
20
|
-
})(Autocomplete || (Autocomplete = {}));
|
package/dist/src/enums/Modal.js
DELETED
package/dist/src/enums/Radio.js
DELETED
package/dist/src/enums/Select.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export var SelectGroupKeys;
|
|
2
|
-
(function (SelectGroupKeys) {
|
|
3
|
-
SelectGroupKeys["Label"] = "label";
|
|
4
|
-
SelectGroupKeys["Values"] = "values";
|
|
5
|
-
})(SelectGroupKeys || (SelectGroupKeys = {}));
|
|
6
|
-
export var SelectListDirections;
|
|
7
|
-
(function (SelectListDirections) {
|
|
8
|
-
SelectListDirections["Top"] = "above";
|
|
9
|
-
SelectListDirections["Bottom"] = "below";
|
|
10
|
-
SelectListDirections["Auto"] = "auto";
|
|
11
|
-
})(SelectListDirections || (SelectListDirections = {}));
|