@onereach/ui-components 25.3.2 → 25.3.3-beta.5799.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/esm/{OrAutocomplete-CF2b_sud.mjs → OrAutocomplete-DUrxhDnG.mjs} +7 -7
- package/dist/esm/{OrAutocomplete-CF2b_sud.mjs.map → OrAutocomplete-DUrxhDnG.mjs.map} +1 -1
- package/dist/esm/{OrAvatar-XcP_rrT3.mjs → OrAvatar-kdj2ReS0.mjs} +13 -13
- package/dist/esm/OrAvatar-kdj2ReS0.mjs.map +1 -0
- package/dist/esm/{OrBottomSheet-CJxmY84p.mjs → OrBottomSheet-DQ83BBtJ.mjs} +17 -17
- package/dist/esm/OrBottomSheet-DQ83BBtJ.mjs.map +1 -0
- package/dist/esm/{OrButton-C_hXddAf.mjs → OrButton-_RCmYvxT.mjs} +2 -2
- package/dist/esm/OrButton-_RCmYvxT.mjs.map +1 -0
- package/dist/esm/{OrButton.vue_vue_type_script_lang-W1ictbKz.mjs → OrButton.vue_vue_type_script_lang-CAOLKmru.mjs} +8 -8
- package/dist/esm/OrButton.vue_vue_type_script_lang-CAOLKmru.mjs.map +1 -0
- package/dist/esm/{OrButtonGroup-Cd6tpyP3.mjs → OrButtonGroup-BA_S1Gl5.mjs} +9 -9
- package/dist/esm/OrButtonGroup-BA_S1Gl5.mjs.map +1 -0
- package/dist/esm/OrCard-7awJu_df.mjs.map +1 -1
- package/dist/esm/{OrCardCollection-CJ08vHsJ.mjs → OrCardCollection-BCS_tX5j.mjs} +12 -12
- package/dist/esm/OrCardCollection-BCS_tX5j.mjs.map +1 -0
- package/dist/esm/{OrCheckboxGroup-CplC5v47.mjs → OrCheckboxGroup-BbV_sTYd.mjs} +2 -2
- package/dist/esm/{OrCheckboxGroup-CplC5v47.mjs.map → OrCheckboxGroup-BbV_sTYd.mjs.map} +1 -1
- package/dist/esm/{OrCheckboxTree-K4WkrYXY.mjs → OrCheckboxTree-Bj6BZxdn.mjs} +2 -2
- package/dist/esm/OrCheckboxTree-Bj6BZxdn.mjs.map +1 -0
- package/dist/esm/{OrCode-C-aENyuR.mjs → OrCode-BLHj3vA6.mjs} +3 -3
- package/dist/esm/OrCode-BLHj3vA6.mjs.map +1 -0
- package/dist/esm/{OrCombinedInput-Ddlid03b.mjs → OrCombinedInput-BNkXzDBe.mjs} +13 -13
- package/dist/esm/OrCombinedInput-BNkXzDBe.mjs.map +1 -0
- package/dist/esm/{OrConfirm-CT16BlWw.mjs → OrConfirm-DEfngEi9.mjs} +5 -5
- package/dist/esm/{OrConfirm-CT16BlWw.mjs.map → OrConfirm-DEfngEi9.mjs.map} +1 -1
- package/dist/esm/{OrContextMenu-DG-PfyQa.mjs → OrContextMenu-BJ4R2qpI.mjs} +15 -15
- package/dist/esm/{OrContextMenu-DG-PfyQa.mjs.map → OrContextMenu-BJ4R2qpI.mjs.map} +1 -1
- package/dist/esm/{OrDataGrid-uquzpuT9.mjs → OrDataGrid-BYojYWqx.mjs} +13 -13
- package/dist/esm/OrDataGrid-BYojYWqx.mjs.map +1 -0
- package/dist/esm/{OrDateFormat-JU4vCVQ_.mjs → OrDateFormat-tizCaRnI.mjs} +9 -9
- package/dist/esm/OrDateFormat-tizCaRnI.mjs.map +1 -0
- package/dist/esm/{OrDatePicker-pp_M6dIS.mjs → OrDatePicker-B_N24Q-T.mjs} +4 -4
- package/dist/esm/{OrDatePicker-pp_M6dIS.mjs.map → OrDatePicker-B_N24Q-T.mjs.map} +1 -1
- package/dist/esm/{OrDateRangePicker-DtYfy96I.mjs → OrDateRangePicker-B1WDbBMb.mjs} +4 -4
- package/dist/esm/{OrDateRangePicker-DtYfy96I.mjs.map → OrDateRangePicker-B1WDbBMb.mjs.map} +1 -1
- package/dist/esm/{OrDateTimeFormat-DD0o7NO2.mjs → OrDateTimeFormat-BYiqGZKc.mjs} +10 -10
- package/dist/esm/OrDateTimeFormat-BYiqGZKc.mjs.map +1 -0
- package/dist/esm/{OrDateTimePicker-Bm1Ykpgv.mjs → OrDateTimePicker-CNt_o1Js.mjs} +2 -2
- package/dist/esm/{OrDateTimePicker-Bm1Ykpgv.mjs.map → OrDateTimePicker-CNt_o1Js.mjs.map} +1 -1
- package/dist/esm/{OrDateTimePicker.vue_vue_type_script_lang-BL0M-UeT.mjs → OrDateTimePicker.vue_vue_type_script_lang-Btv1OOQV.mjs} +6 -6
- package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-Btv1OOQV.mjs.map +1 -0
- package/dist/esm/{OrDrawer-DMkYoWOZ.mjs → OrDrawer-CxFRr8z9.mjs} +2 -2
- package/dist/esm/{OrDrawer-DMkYoWOZ.mjs.map → OrDrawer-CxFRr8z9.mjs.map} +1 -1
- package/dist/esm/{OrEditorTabs-T4vtJg3r.mjs → OrEditorTabs-Ri22rDUK.mjs} +7 -7
- package/dist/esm/OrEditorTabs-Ri22rDUK.mjs.map +1 -0
- package/dist/esm/OrEmptyState-C6viT2WQ.mjs.map +1 -1
- package/dist/esm/OrError-B5ihH6-3.mjs.map +1 -1
- package/dist/esm/{OrErrorTag-Bo_gxhzB.mjs → OrErrorTag-B35sZEF9.mjs} +11 -11
- package/dist/esm/OrErrorTag-B35sZEF9.mjs.map +1 -0
- package/dist/esm/{OrExpansionPanel-BNGPdEnp.mjs → OrExpansionPanel-CrGf7B-b.mjs} +15 -15
- package/dist/esm/OrExpansionPanel-CrGf7B-b.mjs.map +1 -0
- package/dist/esm/{OrFab-Cbg9unNc.mjs → OrFab-B2oDFwgM.mjs} +12 -12
- package/dist/esm/OrFab-B2oDFwgM.mjs.map +1 -0
- package/dist/esm/{OrFilter-DuFoI_Sd.mjs → OrFilter-DRhu4YA2.mjs} +12 -12
- package/dist/esm/OrFilter-DRhu4YA2.mjs.map +1 -0
- package/dist/esm/{OrFilterPopover-BwHlCPf2.mjs → OrFilterPopover-BZJ1Au34.mjs} +14 -14
- package/dist/esm/OrFilterPopover-BZJ1Au34.mjs.map +1 -0
- package/dist/esm/{OrFilterTrigger-Ch293iF_.mjs → OrFilterTrigger-BNVaoHrT.mjs} +2 -2
- package/dist/esm/{OrFilterTrigger-Ch293iF_.mjs.map → OrFilterTrigger-BNVaoHrT.mjs.map} +1 -1
- package/dist/esm/OrFormGroup-CUNdt7UL.mjs.map +1 -1
- package/dist/esm/OrHint-NvbZyURY.mjs.map +1 -1
- package/dist/esm/OrIcon-k8cyvh-D.mjs.map +1 -1
- package/dist/esm/{OrIconButton-BajZRp1k.mjs → OrIconButton-Ds8k8FmS.mjs} +21 -21
- package/dist/esm/OrIconButton-Ds8k8FmS.mjs.map +1 -0
- package/dist/esm/{OrIndicator-CCrOseW7.mjs → OrIndicator-CdMrJtoj.mjs} +15 -15
- package/dist/esm/OrIndicator-CdMrJtoj.mjs.map +1 -0
- package/dist/esm/{OrInlineInput-BG3yAs5M.mjs → OrInlineInput-DqyLMsXq.mjs} +2 -2
- package/dist/esm/{OrInlineInput-BG3yAs5M.mjs.map → OrInlineInput-DqyLMsXq.mjs.map} +1 -1
- package/dist/esm/OrInlineInputBox-M_zTO43m.mjs.map +1 -1
- package/dist/esm/{OrInlineTextarea-CZVqac2G.mjs → OrInlineTextarea-DVi6ZAsn.mjs} +32 -32
- package/dist/esm/OrInlineTextarea-DVi6ZAsn.mjs.map +1 -0
- package/dist/esm/{OrInput-BrJzxNyE.mjs → OrInput-nExtCSw8.mjs} +31 -31
- package/dist/esm/OrInput-nExtCSw8.mjs.map +1 -0
- package/dist/esm/OrInputBox-6ciokFdU.mjs.map +1 -1
- package/dist/esm/OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs.map +1 -1
- package/dist/esm/OrLink-Vl_H8MMg.mjs.map +1 -1
- package/dist/esm/{OrList-Ded7wJKj.mjs → OrList-CX3cwJvm.mjs} +3 -3
- package/dist/esm/OrList-CX3cwJvm.mjs.map +1 -0
- package/dist/esm/OrLoader-2SaTMxmZ.mjs.map +1 -1
- package/dist/esm/{OrMenu-BNbd6Ajl.mjs → OrMenu-Cag_fBXC.mjs} +2 -2
- package/dist/esm/{OrMenu-BNbd6Ajl.mjs.map → OrMenu-Cag_fBXC.mjs.map} +1 -1
- package/dist/esm/{OrMenuItem-ByVkiQvE.mjs → OrMenuItem-VyCCXA7Z.mjs} +3 -3
- package/dist/esm/{OrMenuItem-ByVkiQvE.mjs.map → OrMenuItem-VyCCXA7Z.mjs.map} +1 -1
- package/dist/esm/{OrModal-Cbi6xMwA.mjs → OrModal-DiVA7_Ct.mjs} +12 -12
- package/dist/esm/OrModal-DiVA7_Ct.mjs.map +1 -0
- package/dist/esm/{OrNotification-DVQ-x6mP.mjs → OrNotification-BkjmRseb.mjs} +14 -14
- package/dist/esm/OrNotification-BkjmRseb.mjs.map +1 -0
- package/dist/esm/{OrOverlay-BjrghiC-.mjs → OrOverlay-BzbAwvpo.mjs} +14 -14
- package/dist/esm/OrOverlay-BzbAwvpo.mjs.map +1 -0
- package/dist/esm/{OrPagination-_3SWQ0LY.mjs → OrPagination-pcDCKc9g.mjs} +4 -4
- package/dist/esm/{OrPagination-_3SWQ0LY.mjs.map → OrPagination-pcDCKc9g.mjs.map} +1 -1
- package/dist/esm/{OrPopover-FA8G-paf.mjs → OrPopover-GBPJ4IDN.mjs} +2 -2
- package/dist/esm/{OrPopover-FA8G-paf.mjs.map → OrPopover-GBPJ4IDN.mjs.map} +1 -1
- package/dist/esm/{OrProgress-cgGfaP0m.mjs → OrProgress-Cup4X--u.mjs} +10 -10
- package/dist/esm/OrProgress-Cup4X--u.mjs.map +1 -0
- package/dist/esm/{OrRadio-BU9YDLzB.mjs → OrRadio-BZN3fBLW.mjs} +31 -31
- package/dist/esm/OrRadio-BZN3fBLW.mjs.map +1 -0
- package/dist/esm/{OrRadioGroup-ANee99e8.mjs → OrRadioGroup-PJcCPCFn.mjs} +17 -17
- package/dist/esm/OrRadioGroup-PJcCPCFn.mjs.map +1 -0
- package/dist/esm/{OrRangeSlider-Bw19Cx4f.mjs → OrRangeSlider-Cxhafo9S.mjs} +16 -16
- package/dist/esm/OrRangeSlider-Cxhafo9S.mjs.map +1 -0
- package/dist/esm/{OrRating-BhuvRBRy.mjs → OrRating-CAwz23JA.mjs} +13 -13
- package/dist/esm/OrRating-CAwz23JA.mjs.map +1 -0
- package/dist/esm/{OrResizeablePanel-CvoX4aEB.mjs → OrResizeablePanel-BfuVn8Lq.mjs} +2 -2
- package/dist/esm/{OrResizeablePanel-CvoX4aEB.mjs.map → OrResizeablePanel-BfuVn8Lq.mjs.map} +1 -1
- package/dist/esm/{OrRichTextEditor-BYEdE945.mjs → OrRichTextEditor-D0UmlBKz.mjs} +30 -30
- package/dist/esm/OrRichTextEditor-D0UmlBKz.mjs.map +1 -0
- package/dist/esm/{OrRichTooltip-CcQpjWtS.mjs → OrRichTooltip-8ybIdsqK.mjs} +14 -14
- package/dist/esm/OrRichTooltip-8ybIdsqK.mjs.map +1 -0
- package/dist/esm/{OrSearch-B3zonpwn.mjs → OrSearch-CRFuNmg2.mjs} +18 -18
- package/dist/esm/OrSearch-CRFuNmg2.mjs.map +1 -0
- package/dist/esm/{OrSegmentedControl-D5QoWe-N.mjs → OrSegmentedControl-DfPHDw7E.mjs} +11 -11
- package/dist/esm/OrSegmentedControl-DfPHDw7E.mjs.map +1 -0
- package/dist/esm/{OrSelect--RHYurq6.mjs → OrSelect-Ch1X9fVC.mjs} +11 -11
- package/dist/esm/OrSelect-Ch1X9fVC.mjs.map +1 -0
- package/dist/esm/{OrSlider-XimfcpRY.mjs → OrSlider-CD78-muf.mjs} +2 -2
- package/dist/esm/OrSlider-CD78-muf.mjs.map +1 -0
- package/dist/esm/{OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs → OrSlider.vue_vue_type_script_lang-B6ozamjR.mjs} +10 -10
- package/dist/esm/OrSlider.vue_vue_type_script_lang-B6ozamjR.mjs.map +1 -0
- package/dist/esm/{OrSorting-Y2y8Drq7.mjs → OrSorting-ydjXM1Si.mjs} +4 -4
- package/dist/esm/{OrSorting-Y2y8Drq7.mjs.map → OrSorting-ydjXM1Si.mjs.map} +1 -1
- package/dist/esm/{OrStatus-D4QIuE7R.mjs → OrStatus-CdidYltP.mjs} +14 -14
- package/dist/esm/OrStatus-CdidYltP.mjs.map +1 -0
- package/dist/esm/{OrSubMenuItem-TUcrHvBk.mjs → OrSubMenuItem-BmyJYNuS.mjs} +4 -4
- package/dist/esm/{OrSubMenuItem-TUcrHvBk.mjs.map → OrSubMenuItem-BmyJYNuS.mjs.map} +1 -1
- package/dist/esm/{OrSwitch-BkAgqeim.mjs → OrSwitch-BtoXDsZx.mjs} +35 -35
- package/dist/esm/OrSwitch-BtoXDsZx.mjs.map +1 -0
- package/dist/esm/OrTab-BdtxL_PY.mjs.map +1 -1
- package/dist/esm/{OrTabs-BCIxFSeW.mjs → OrTabs-Bko0Tbsg.mjs} +20 -20
- package/dist/esm/OrTabs-Bko0Tbsg.mjs.map +1 -0
- package/dist/esm/{OrTag-BrZ8TIZl.mjs → OrTag-CJLBRVMd.mjs} +2 -2
- package/dist/esm/{OrTag-BrZ8TIZl.mjs.map → OrTag-CJLBRVMd.mjs.map} +1 -1
- package/dist/esm/{OrTagInput-BisPLdsU.mjs → OrTagInput-Dh7CXsmw.mjs} +4 -4
- package/dist/esm/{OrTagInput-BisPLdsU.mjs.map → OrTagInput-Dh7CXsmw.mjs.map} +1 -1
- package/dist/esm/{OrTags-CREF3BTr.mjs → OrTags-Ce70YtZr.mjs} +14 -14
- package/dist/esm/OrTags-Ce70YtZr.mjs.map +1 -0
- package/dist/esm/OrText-3zAJU5xf.mjs.map +1 -1
- package/dist/esm/{OrTextarea-zEjULE8W.mjs → OrTextarea-sLey7v2k.mjs} +51 -51
- package/dist/esm/OrTextarea-sLey7v2k.mjs.map +1 -0
- package/dist/esm/{OrTimeFormat-B2YLCb8H.mjs → OrTimeFormat-DY_z5-U0.mjs} +9 -9
- package/dist/esm/OrTimeFormat-DY_z5-U0.mjs.map +1 -0
- package/dist/esm/{OrTimePicker-CZwt1j2S.mjs → OrTimePicker-BMaG_y1J.mjs} +29 -29
- package/dist/esm/OrTimePicker-BMaG_y1J.mjs.map +1 -0
- package/dist/esm/{OrTimeRangePicker-zvRke1jb.mjs → OrTimeRangePicker-DFNCEq78.mjs} +21 -21
- package/dist/esm/OrTimeRangePicker-DFNCEq78.mjs.map +1 -0
- package/dist/esm/{OrTooltip-BIJSpzmX.mjs → OrTooltip-BCrAH95l.mjs} +15 -15
- package/dist/esm/OrTooltip-BCrAH95l.mjs.map +1 -0
- package/dist/esm/{OrTree-By3MLZUL.mjs → OrTree-BEas_s3i.mjs} +2 -2
- package/dist/esm/OrTree-BEas_s3i.mjs.map +1 -0
- package/dist/esm/components/index.mjs +70 -70
- package/dist/esm/components/or-autocomplete-v3/index.mjs +1 -1
- package/dist/esm/components/or-avatar-v3/index.mjs +1 -1
- package/dist/esm/components/or-bottom-sheet-v3/index.mjs +1 -1
- package/dist/esm/components/or-button-group-v3/index.mjs +1 -1
- package/dist/esm/components/or-button-v3/index.mjs +2 -2
- package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
- package/dist/esm/components/or-checkbox-group-v3/index.mjs +1 -1
- package/dist/esm/components/or-checkbox-tree-v3/index.mjs +1 -1
- package/dist/esm/components/or-code-v3/index.mjs +1 -1
- package/dist/esm/components/or-combined-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-confirm-v3/index.mjs +1 -1
- package/dist/esm/components/or-context-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-range-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-picker-v3/index.mjs +2 -2
- package/dist/esm/components/or-drawer-v3/index.mjs +1 -1
- package/dist/esm/components/or-editor-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-error-tag-v3/index.mjs +1 -1
- package/dist/esm/components/or-expansion-panel-v3/index.mjs +1 -1
- package/dist/esm/components/or-fab-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-popover-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-trigger-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-v3/index.mjs +1 -1
- package/dist/esm/components/or-icon-button-v3/index.mjs +1 -1
- package/dist/esm/components/or-indicator-v3/index.mjs +1 -1
- package/dist/esm/components/or-inline-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-inline-textarea-v3/index.mjs +1 -1
- package/dist/esm/components/or-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-list-v3/index.mjs +1 -1
- package/dist/esm/components/or-menu-item-v3/index.mjs +1 -1
- package/dist/esm/components/or-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-modal-v3/index.mjs +1 -1
- package/dist/esm/components/or-notification-v3/index.mjs +1 -1
- package/dist/esm/components/or-overlay-v3/index.mjs +1 -1
- package/dist/esm/components/or-pagination-v3/index.mjs +1 -1
- package/dist/esm/components/or-popover-v3/index.mjs +1 -1
- package/dist/esm/components/or-progress-v3/index.mjs +1 -1
- package/dist/esm/components/or-radio-group-v3/index.mjs +1 -1
- package/dist/esm/components/or-radio-v3/index.mjs +1 -1
- package/dist/esm/components/or-range-slider-v3/index.mjs +1 -1
- package/dist/esm/components/or-rating-v3/index.mjs +1 -1
- package/dist/esm/components/or-resizeable-panel-v3/index.mjs +1 -1
- package/dist/esm/components/or-rich-text-editor-v3/index.mjs +1 -1
- package/dist/esm/components/or-rich-tooltip-v3/index.mjs +1 -1
- package/dist/esm/components/or-search-v3/index.mjs +1 -1
- package/dist/esm/components/or-segmented-control-v3/index.mjs +1 -1
- package/dist/esm/components/or-select-v3/index.mjs +1 -1
- package/dist/esm/components/or-sidebar-v3/index.mjs +1 -1
- package/dist/esm/components/or-slider-v3/index.mjs +2 -2
- package/dist/esm/components/or-sorting-v3/index.mjs +1 -1
- package/dist/esm/components/or-status-v3/index.mjs +1 -1
- package/dist/esm/components/or-sub-menu-item-v3/index.mjs +1 -1
- package/dist/esm/components/or-switch-v3/index.mjs +1 -1
- package/dist/esm/components/or-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-tag-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-tag-v3/index.mjs +1 -1
- package/dist/esm/components/or-tags-v3/index.mjs +1 -1
- package/dist/esm/components/or-textarea-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-range-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-toast-v3/index.mjs +1 -1
- package/dist/esm/components/or-tooltip-v3/index.mjs +1 -1
- package/dist/esm/components/or-tree-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +70 -70
- package/dist/esm/{props-CsYKLx5P.mjs → props-Dx-rjh3U.mjs} +11 -11
- package/dist/esm/props-Dx-rjh3U.mjs.map +1 -0
- package/dist/esm/{types-DrGu4wlu.mjs → types-BoAoZvZV.mjs} +22 -22
- package/dist/esm/types-BoAoZvZV.mjs.map +1 -0
- package/dist/types/components/or-button-group-v3/OrButtonGroup.vue.d.ts +1 -1
- package/dist/types/components/or-card-collection-v3/OrCardCollection.vue.d.ts +1 -1
- package/dist/types/components/or-context-menu-v3/OrContextMenu.vue.d.ts +1 -1
- package/dist/types/components/or-date-format-v3/OrDateFormat.vue.d.ts +1 -1
- package/dist/types/components/or-date-time-format-v3/OrDateTimeFormat.vue.d.ts +1 -1
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-date-control/OrDateTimePickerDateControl.vue.d.ts +1 -1
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue.d.ts +1 -1
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts +1 -1
- package/dist/types/components/or-filter-popover-v3/OrFilterPopover.vue.d.ts +1 -1
- package/dist/types/components/or-form-group-v3/styles.d.ts +1 -1
- package/dist/types/components/or-icon-button-v3/OrIconButton.vue.d.ts +1 -1
- package/dist/types/components/or-indicator-v3/OrIndicator.vue.d.ts +1 -1
- package/dist/types/components/or-notification-v3/OrNotification.vue.d.ts +1 -1
- package/dist/types/components/or-radio-group-v3/OrRadioGroup.vue.d.ts +1 -1
- package/dist/types/components/or-radio-v3/OrRadio.vue.d.ts +1 -1
- package/dist/types/components/or-range-slider-v3/OrRangeSlider.vue.d.ts +1 -1
- package/dist/types/components/or-rich-text-editor-v3/utils/codemirror/codemirrorView.d.ts +3 -3
- package/dist/types/components/or-rich-text-editor-v3/utils/codemirror/types.d.ts +2 -2
- package/dist/types/components/or-rich-tooltip-v3/OrRichTooltip.vue.d.ts +1 -1
- package/dist/types/components/or-select-v3/partials/or-select-multiple-control/OrSelectMultipleControl.vue.d.ts +1 -1
- package/dist/types/components/or-sidebar-v3/OrSidebar.vue.d.ts +1 -1
- package/dist/types/components/or-status-v3/OrStatus.vue.d.ts +1 -1
- package/dist/types/components/or-switch-v3/OrSwitch.vue.d.ts +1 -1
- package/dist/types/components/or-textarea-v3/OrTextarea.vue.d.ts +1 -1
- package/dist/types/components/or-time-format-v3/OrTimeFormat.vue.d.ts +1 -1
- package/dist/types/components/or-time-picker-v3/OrTimePicker.vue.d.ts +1 -1
- package/dist/types/components/or-time-range-picker-v3/OrTimeRangePicker.vue.d.ts +1 -1
- package/dist/types/components/or-toast-v3/types.d.ts +1 -1
- package/dist/types/components/or-tooltip-v3/OrTooltip.vue.d.ts +1 -1
- package/package.json +4 -5
- package/dist/esm/OrAvatar-XcP_rrT3.mjs.map +0 -1
- package/dist/esm/OrBottomSheet-CJxmY84p.mjs.map +0 -1
- package/dist/esm/OrButton-C_hXddAf.mjs.map +0 -1
- package/dist/esm/OrButton.vue_vue_type_script_lang-W1ictbKz.mjs.map +0 -1
- package/dist/esm/OrButtonGroup-Cd6tpyP3.mjs.map +0 -1
- package/dist/esm/OrCardCollection-CJ08vHsJ.mjs.map +0 -1
- package/dist/esm/OrCheckboxTree-K4WkrYXY.mjs.map +0 -1
- package/dist/esm/OrCode-C-aENyuR.mjs.map +0 -1
- package/dist/esm/OrCombinedInput-Ddlid03b.mjs.map +0 -1
- package/dist/esm/OrDataGrid-uquzpuT9.mjs.map +0 -1
- package/dist/esm/OrDateFormat-JU4vCVQ_.mjs.map +0 -1
- package/dist/esm/OrDateTimeFormat-DD0o7NO2.mjs.map +0 -1
- package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-BL0M-UeT.mjs.map +0 -1
- package/dist/esm/OrEditorTabs-T4vtJg3r.mjs.map +0 -1
- package/dist/esm/OrErrorTag-Bo_gxhzB.mjs.map +0 -1
- package/dist/esm/OrExpansionPanel-BNGPdEnp.mjs.map +0 -1
- package/dist/esm/OrFab-Cbg9unNc.mjs.map +0 -1
- package/dist/esm/OrFilter-DuFoI_Sd.mjs.map +0 -1
- package/dist/esm/OrFilterPopover-BwHlCPf2.mjs.map +0 -1
- package/dist/esm/OrIconButton-BajZRp1k.mjs.map +0 -1
- package/dist/esm/OrIndicator-CCrOseW7.mjs.map +0 -1
- package/dist/esm/OrInlineTextarea-CZVqac2G.mjs.map +0 -1
- package/dist/esm/OrInput-BrJzxNyE.mjs.map +0 -1
- package/dist/esm/OrList-Ded7wJKj.mjs.map +0 -1
- package/dist/esm/OrModal-Cbi6xMwA.mjs.map +0 -1
- package/dist/esm/OrNotification-DVQ-x6mP.mjs.map +0 -1
- package/dist/esm/OrOverlay-BjrghiC-.mjs.map +0 -1
- package/dist/esm/OrProgress-cgGfaP0m.mjs.map +0 -1
- package/dist/esm/OrRadio-BU9YDLzB.mjs.map +0 -1
- package/dist/esm/OrRadioGroup-ANee99e8.mjs.map +0 -1
- package/dist/esm/OrRangeSlider-Bw19Cx4f.mjs.map +0 -1
- package/dist/esm/OrRating-BhuvRBRy.mjs.map +0 -1
- package/dist/esm/OrRichTextEditor-BYEdE945.mjs.map +0 -1
- package/dist/esm/OrRichTooltip-CcQpjWtS.mjs.map +0 -1
- package/dist/esm/OrSearch-B3zonpwn.mjs.map +0 -1
- package/dist/esm/OrSegmentedControl-D5QoWe-N.mjs.map +0 -1
- package/dist/esm/OrSelect--RHYurq6.mjs.map +0 -1
- package/dist/esm/OrSlider-XimfcpRY.mjs.map +0 -1
- package/dist/esm/OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs.map +0 -1
- package/dist/esm/OrStatus-D4QIuE7R.mjs.map +0 -1
- package/dist/esm/OrSwitch-BkAgqeim.mjs.map +0 -1
- package/dist/esm/OrTabs-BCIxFSeW.mjs.map +0 -1
- package/dist/esm/OrTags-CREF3BTr.mjs.map +0 -1
- package/dist/esm/OrTextarea-zEjULE8W.mjs.map +0 -1
- package/dist/esm/OrTimeFormat-B2YLCb8H.mjs.map +0 -1
- package/dist/esm/OrTimePicker-CZwt1j2S.mjs.map +0 -1
- package/dist/esm/OrTimeRangePicker-zvRke1jb.mjs.map +0 -1
- package/dist/esm/OrTooltip-BIJSpzmX.mjs.map +0 -1
- package/dist/esm/OrTree-By3MLZUL.mjs.map +0 -1
- package/dist/esm/props-CsYKLx5P.mjs.map +0 -1
- package/dist/esm/types-DrGu4wlu.mjs.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrTimeRangePicker-zvRke1jb.mjs","sources":["../../../components/or-time-range-picker-v3/src/styles.ts","../../../components/or-time-range-picker-v3/src/OrTimeRangePicker.vue"],"sourcesContent":["export const TimeRangePicker: string[] = [\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const TimeRangePickerPopover: string[] = [];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <template v-if=\"$slots.label || $slots.addon || label\">\n <OrLabel\n :variant=\"'input'\"\n :required=\"required\"\n :disabled=\"disabled\"\n >\n <slot name=\"label\">\n {{ label }}\n </slot>\n\n <template v-slot:addon>\n <slot name=\"addon\" />\n </template>\n </OrLabel>\n </template>\n\n <OrInputBox\n :ref=\"'inputBox'\"\n v-dropdown-open=\"() => openPopover('from')\"\n v-dropdown-close=\"closePopover\"\n :variant=\"variant\"\n :size=\"size\"\n :invalid=\"!!error\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n >\n <OrDateTimePickerTimeControl\n v-model=\"draftFrom\"\n v-dropdown-open=\"() => openPopover('from')\"\n v-dropdown-close=\"closePopover\"\n :class=\"['!border-0']\"\n :format=\"resolvedFormat\"\n :locale=\"resolvedLocale\"\n :selected=\"popover && popover.state === 'open' && activeControl === 'from'\"\n :required=\"required\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n />\n\n -\n\n <OrDateTimePickerTimeControl\n v-model=\"draftTo\"\n v-dropdown-open=\"() => openPopover('to')\"\n v-dropdown-close=\"closePopover\"\n :class=\"['!border-0']\"\n :format=\"resolvedFormat\"\n :locale=\"resolvedLocale\"\n :selected=\"popover && popover.state === 'open' && activeControl === 'to'\"\n :required=\"required\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n />\n\n <OrPopover\n :ref=\"'popover'\"\n :class=\"popoverStyles\"\n :custom-styles=\"popoverStyles\"\n :variant=\"'auto'\"\n :bottom-sheet-props=\"{ variant: 'basic' }\"\n :trigger=\"anchor || inputBoxRoot\"\n :placement=\"'bottom-start'\"\n :fallback-placement=\"'start'\"\n @close=\"reset()\"\n >\n <OrDateTimePickerPopoverHeader\n v-if=\"isMobile\"\n >\n <OrDateTimePickerMobileControl\n :label=\"'Start Time'\"\n :selected=\"activeControl === 'from'\"\n @click=\"activeControl = 'from'\"\n >\n {{ draftFrom ? formatMobileTime(draftFrom, resolvedFormat, resolvedLocale) : '--' }}\n </OrDateTimePickerMobileControl>\n\n -\n\n <OrDateTimePickerMobileControl\n :label=\"'End Time'\"\n :selected=\"activeControl === 'to'\"\n @click=\"activeControl = 'to'\"\n >\n {{ draftTo ? formatMobileTime(draftTo, resolvedFormat, resolvedLocale) : '--' }}\n </OrDateTimePickerMobileControl>\n </OrDateTimePickerPopoverHeader>\n\n <div :class=\"['layout-row', 'gap-md']\">\n <template v-if=\"isDesktop || (isMobile && activeControl === 'from')\">\n <OrDateTimePickerTimeSelect\n v-model=\"draftFrom\"\n :class=\"['grow']\"\n :initial-value=\"initialValueFrom\"\n :format=\"resolvedFormat\"\n :locale=\"resolvedLocale\"\n :hour-step=\"hourStep\"\n :minute-step=\"minuteStep\"\n :hours-filter=\"startTimeHoursFilter\"\n :minutes-filter=\"startTimeMinutesFilter\"\n :is-active=\"popover && popover.state === 'open'\"\n />\n </template>\n\n <template v-if=\"isDesktop || (isMobile && activeControl === 'to')\">\n <OrDateTimePickerTimeSelect\n v-model=\"draftTo\"\n :class=\"['grow']\"\n :initial-value=\"initialValueTo\"\n :format=\"resolvedFormat\"\n :locale=\"resolvedLocale\"\n :hour-step=\"hourStep\"\n :minute-step=\"minuteStep\"\n :hours-filter=\"endTimeHoursFilter\"\n :minutes-filter=\"endTimeMinutesFilter\"\n :is-active=\"popover && popover.state === 'open'\"\n />\n </template>\n </div>\n\n <OrDateTimePickerPopoverFooter\n :disabled=\"invalid\"\n @apply=\"apply(); popover && popover.close()\"\n @reset=\"reset(); popover && popover.close()\"\n />\n </OrPopover>\n\n <div :class=\"['grow']\" />\n\n <template v-slot:addon>\n <template v-if=\"modelValue\">\n <OrIconButton\n :icon=\"'close'\"\n :color=\"'inherit'\"\n :disabled=\"readonly || disabled\"\n @click.stop=\"$emit('update:modelValue', undefined)\"\n />\n </template>\n\n <template v-else>\n <OrIcon\n :icon=\"'schedule'\"\n :variant=\"'outlined'\"\n />\n </template>\n </template>\n </OrInputBox>\n\n <template v-if=\"$slots.hint || hint\">\n <OrHint\n v-show=\"!error\"\n :disabled=\"disabled\"\n >\n <slot name=\"hint\">\n {{ hint }}\n </slot>\n </OrHint>\n </template>\n\n <OrError\n v-show=\"typeof error === 'string' && error.length > 0\"\n :disabled=\"disabled\"\n >\n {{ error }}\n </OrError>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useResponsive, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\nimport { TimeRangePickerModelValue } from './types';\n\nexport default defineComponent({\n name: 'OrTimeRangePicker',\n\n components: {\n OrDateTimePickerMobileControl,\n OrDateTimePickerPopoverFooter,\n OrDateTimePickerPopoverHeader,\n OrDateTimePickerTimeControl,\n OrDateTimePickerTimeSelect,\n OrError,\n OrHint,\n OrIcon,\n OrIconButton,\n OrInputBox,\n OrLabel,\n OrPopover,\n },\n\n directives: {\n DropdownClose,\n DropdownOpen,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<TimeRangePickerModelValue>,\n default: undefined,\n },\n\n format: {\n type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n default: undefined,\n },\n\n locale: {\n type: String,\n default: undefined,\n },\n\n hourStep: {\n type: Number,\n default: 1,\n },\n\n minuteStep: {\n type: Number,\n default: 1,\n },\n\n variant: {\n type: String as PropType<`${InputBoxVariant}`>,\n default: undefined,\n },\n\n size: {\n type: String as PropType<`${InputBoxSize}`>,\n default: undefined,\n },\n\n anchor: {\n type: Object as PropType<ReferenceElement>,\n default: undefined,\n },\n\n label: {\n type: String,\n default: undefined,\n },\n\n hint: {\n type: String,\n default: undefined,\n },\n\n error: {\n type: [String, Boolean],\n default: undefined,\n },\n\n required: {\n type: Boolean,\n default: false,\n },\n\n readonly: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n\n startTimeHoursFilter: {\n type: Function as PropType<FilterFunction<Date>>,\n default: undefined,\n },\n\n startTimeMinutesFilter: {\n type: Function as PropType<FilterFunction<Date>>,\n default: undefined,\n },\n\n endTimeHoursFilter: {\n type: Function as PropType<FilterFunction<Date>>,\n default: undefined,\n },\n\n endTimeMinutesFilter: {\n type: Function as PropType<FilterFunction<Date>>,\n default: undefined,\n },\n },\n\n emits: [\n 'update:modelValue',\n\n 'input',\n 'keydown',\n 'keyup',\n 'focus',\n 'blur',\n ],\n\n expose: [\n 'root',\n\n 'focus',\n 'blur',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-time-range-picker-v3',\n ...Styles.TimeRangePicker,\n ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n ]);\n\n const inputBox = ref<InstanceType<typeof OrInputBox>>();\n const inputBoxRoot = computed(() => inputBox.value?.root);\n\n const popover = ref<InstanceType<typeof OrPopover>>();\n const popoverState = computed(() => popover.value?.state);\n\n const popoverStyles = computed(() => [\n 'or-time-range-picker-popover-v3',\n ...Styles.TimeRangePickerPopover,\n ]);\n\n // Options\n const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n // State\n const initialValueFrom = ref(props.modelValue?.[0] ?? getCurrentDate());\n const initialValueTo = ref(props.modelValue?.[1] ?? getCurrentDate());\n\n watch(() => props.modelValue, (value) => {\n initialValueFrom.value = value?.[0] ?? getCurrentDate();\n initialValueTo.value = value?.[1] ?? getCurrentDate();\n });\n\n const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n const draft = ref(model.value);\n\n watch(model, (value) => {\n draft.value = value;\n });\n\n const draftFrom = computed({\n get: () => draft.value?.[0],\n\n set: (value) => {\n draft.value = [value, draft.value?.[1]];\n },\n });\n\n const draftTo = computed({\n get: () => draft.value?.[1],\n\n set: (value) => {\n draft.value = [draft.value?.[0], value];\n },\n });\n\n const activeControl = ref<'from' | 'to'>('from');\n\n const invalid = computed(() => {\n if (draftFrom.value && draftTo.value && draftFrom.value < draftTo.value) {\n return false;\n }\n\n return true;\n });\n\n // Methods\n function apply(): void {\n model.value = draft.value;\n }\n\n function reset(): void {\n draft.value = model.value ?? [undefined, undefined];\n }\n\n function openPopover(control: 'from' | 'to'): void {\n if (!props.readonly && !props.disabled) {\n const popoverInstance = popover.value;\n\n if (popoverInstance) {\n (popoverInstance.open as () => void)();\n }\n\n activeControl.value = control;\n }\n }\n\n function closePopover(): void {\n const popoverInstance = popover.value;\n\n if (popoverInstance) {\n (popoverInstance.close as () => void)();\n }\n }\n\n // Helpers\n const { isDesktop, isMobile } = useResponsive();\n\n return {\n root,\n rootStyles,\n\n inputBox,\n inputBoxRoot,\n\n popover,\n popoverState,\n popoverStyles,\n\n resolvedFormat,\n resolvedLocale,\n\n initialValueFrom,\n initialValueTo,\n\n model,\n draft,\n\n draftFrom,\n draftTo,\n\n activeControl,\n\n invalid,\n\n apply,\n reset,\n\n openPopover,\n closePopover,\n\n formatMobileTime,\n\n isDesktop,\n isMobile,\n };\n },\n});\n</script>\n"],"names":["TimeRangePicker","TimeRangePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimeRangePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimeRangePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValueFrom","getCurrentDate","initialValueTo","_b","watch","value","model","useProxyModelValue","draft","draftFrom","draftTo","activeControl","invalid","apply","reset","openPopover","control","popoverInstance","closePopover","isDesktop","isMobile","useResponsive","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_createTextVNode","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_createElementVNode","_hoisted_1","_component_OrDateTimePickerTimeSelect","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrTooltip-BIJSpzmX.mjs","sources":["../../../components/or-tooltip-v3/src/styles.ts","../../../components/or-tooltip-v3/src/OrTooltip.vue"],"sourcesContent":["import { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\n\nexport const Tooltip: string[] = [\n // Layout\n 'layout-inline-row',\n\n // Typography\n 'leading-[0]',\n];\n\nexport const TooltipBody: string[] = [\n // Layout\n 'layout-inline-column',\n\n // Shape\n 'rounded-sm',\n\n // Spacing\n 'mx-sm',\n 'my-sm',\n\n 'px-sm',\n 'py-xs',\n\n // Typography\n 'typography-caption-regular',\n\n // Theme\n 'theme-foreground-on-surface-inverse',\n 'dark:theme-foreground-on-surface-inverse-dark',\n\n 'theme-background-surface-inverse',\n 'dark:theme-background-surface-inverse-dark',\n];\n\nexport const TooltipBodyPlacements: Record<PopoverPlacement, string[]> = {\n [PopoverPlacement.Top]: [\n // Spacing\n 'mb-0',\n ],\n\n [PopoverPlacement.TopStart]: [\n // Spacing\n 'mb-0',\n 'ml-0',\n ],\n\n [PopoverPlacement.TopEnd]: [\n // Spacing\n 'mb-0',\n 'mr-0',\n ],\n\n [PopoverPlacement.Bottom]: [\n // Spacing\n 'mt-0',\n ],\n\n [PopoverPlacement.BottomStart]: [\n // Spacing\n 'mt-0',\n 'ml-0',\n ],\n\n [PopoverPlacement.BottomEnd]: [\n // Spacing\n 'mt-0',\n 'mr-0',\n ],\n\n [PopoverPlacement.Left]: [\n // Spacing\n 'mr-0',\n ],\n\n [PopoverPlacement.LeftStart]: [\n // Spacing\n 'mr-0',\n 'mt-0',\n ],\n\n [PopoverPlacement.LeftEnd]: [\n // Spacing\n 'mr-0',\n 'mb-0',\n ],\n\n [PopoverPlacement.Right]: [\n // Spacing\n 'ml-0',\n ],\n\n [PopoverPlacement.RightStart]: [\n // Spacing\n 'ml-0',\n 'mt-0',\n ],\n\n [PopoverPlacement.RightEnd]: [\n // Spacing\n 'ml-0',\n 'mb-0',\n ],\n};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n @mouseover=\"!hasExternalControl && open()\"\n @mouseout=\"!hasExternalControl && close()\"\n >\n <slot />\n\n <template v-if=\"$slots.content || content\">\n <OrPopover\n :class=\"popoverStyles\"\n :custom-styles=\"popoverStyles\"\n :is-open=\"state === 'open'\"\n :variant=\"'popover'\"\n :trigger=\"localTrigger\"\n :placement=\"placement\"\n :fallback-placement=\"fallbackPlacement\"\n :offset=\"offset\"\n :disable-default-styles=\"true\"\n :keep-alive=\"false\"\n @update:state=\"$event === 'open' ? open() : close()\"\n >\n <div :class=\"bodyStyles\">\n <slot name=\"content\">\n {{ content }}\n </slot>\n </div>\n </OrPopover>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { Tooltip, TooltipBody, TooltipBodyPlacements } from './styles';\n\nexport default defineComponent({\n name: 'OrTooltip',\n\n components: {\n OrPopover,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n content: {\n type: String,\n default: undefined,\n },\n\n placement: {\n type: String as PropType<`${PopoverPlacement}`>,\n default: () => PopoverPlacement.Bottom,\n },\n\n fallbackPlacement: {\n type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n default: undefined,\n },\n\n offset: {\n type: [Number, Object, Function] as PropType<PopoverOffset>,\n default: 8,\n },\n\n debounce: {\n type: Number,\n default: 250,\n },\n\n // Left for backward compatibility since `trigger` prop covers similar tasks in a more neat way\n externalControl: {\n type: Boolean,\n default: false,\n },\n\n trigger: {\n type: Object as PropType<ReferenceElement>,\n default: undefined,\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n ],\n\n expose: [\n 'root',\n\n 'state',\n\n 'open',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n if (props.externalControl) {\n console.warn('Property externalControl is deprecated for OrTooltipV3. Use trigger prop to pass the ref to external control.');\n }\n // Refs\n const root = ref<HTMLElement>();\n\n // Computed trigger based on availability of trigger passed from outside\n const localTrigger = computed<ReferenceElement | undefined>(() => {\n return props.trigger ?? root.value;\n });\n\n // Used instead of `externalControl`\n const hasExternalControl = computed<boolean>(() => {\n return props.trigger !== undefined || props.externalControl;\n });\n\n // Styles\n const rootStyles = computed(() => [\n 'or-tooltip-v3',\n ...Tooltip,\n ]);\n\n const popoverStyles = computed(() => [\n 'or-tooltip-popover-v3',\n ]);\n\n const bodyStyles = computed(() => [\n ...TooltipBody,\n ...TooltipBodyPlacements[props.placement],\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit, {\n debounce: toRef(props, 'debounce'),\n });\n\n return {\n root,\n localTrigger,\n hasExternalControl,\n rootStyles,\n popoverStyles,\n bodyStyles,\n state,\n open,\n close,\n toggle,\n };\n },\n});\n</script>\n"],"names":["Tooltip","TooltipBody","TooltipBodyPlacements","PopoverPlacement","_sfc_main","defineComponent","OrPopover","props","context","root","ref","localTrigger","computed","hasExternalControl","rootStyles","popoverStyles","bodyStyles","state","open","close","toggle","usePopoverState","toRef","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_component_OrPopover","_withCtx","_createElementVNode"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrTree-By3MLZUL.mjs","sources":["../../../components/or-tree-v3/src/partials/or-tree-node/styles.ts","../../../components/or-tree-v3/src/types.ts","../../../components/or-tree-v3/src/partials/or-tree-node/utils.ts","../../../components/or-tree-v3/src/partials/or-tree-node/OrTreeNode.vue","../../../components/or-tree-v3/src/OrTree.vue"],"sourcesContent":["import { TreeNodeDropPosition } from '../../types';\n\nexport const TreeNodeRoot = [];\n\nexport const TreeNodeItemRoot = [\n // Layout\n 'layout-row',\n 'py-xs',\n '!items-start',\n 'relative',\n\n // Theme\n 'hover:bg-primary-opacity-0-08',\n 'dark:hover:bg-primary-opacity-0-08-dark',\n\n 'selected:bg-primary-opacity-0-16',\n 'dark:selected:bg-primary-opacity-0-16-dark',\n\n 'selected:hover:bg-primary-opacity-0-16',\n 'dark:selected:hover:bg-primary-opacity-0-16-dark',\n];\n\nexport const TreeNodeItemRootParentSelected = [\n // Theme\n 'bg-primary-opacity-0-08',\n 'dark:bg-primary-opacity-0-08-dark',\n\n 'hover:bg-primary-opacity-0-16',\n 'dark:hover:bg-primary-opacity-0-16-dark',\n];\nexport const TreeNodeDragIndicator = [\n // Layout\n 'absolute h-[2px] w-full left-[0px]',\n\n // Theme\n 'bg-primary-hover',\n 'dark:bg-primary-hover-dark',\n\n // Interaction\n 'pointer-events-none',\n];\n\nexport const TreeNodeDragIndicatorPosition: Record<TreeNodeDropPosition, string[]> = {\n top: [\n // Layout\n 'top-[-1px]',\n ],\n middle: [\n // Layout\n 'top-[-1px]',\n 'left-[0px]',\n 'w-full',\n '!h-[calc(100%+2px)]',\n\n // Theme\n 'bg-transparent',\n 'dark:bg-transparent',\n\n 'border-1',\n 'border-primary-hover',\n 'dark:border-primary-hover-dark',\n ],\n bottom: [\n // Layout\n 'bottom-[-1px]',\n ],\n};\n\nexport const ChildrenDragoverStyles: string[] = [\n // Layout\n 'top-[-1px]',\n 'left-[0px]',\n 'w-full',\n '!h-[calc(100%+2px)]',\n\n // Theme\n 'bg-transparent',\n 'dark:bg-transparent',\n\n 'border-1',\n 'border-primary-hover',\n 'dark:border-primary-hover-dark',\n];\n","export type TreeNode = {\n key: string;\n children?: TreeNode[];\n collapsible?: boolean;\n expanded?: boolean;\n selected?: boolean;\n draggable?: boolean;\n [key: string]: any;\n canMiddleDrop?: boolean;\n};\n\nexport enum TreeNodeDropPosition {\n Top = 'top',\n Bottom = 'bottom',\n Middle = 'middle',\n}\n\n\nexport type TreeNodeType = {\n isDragOver: boolean;\n};\n","import { TreeNode, TreeNodeDropPosition } from '../../types';\n\nfunction inRange(num: number, min: number, max: number): boolean {\n return num >= min && num <= max;\n}\n\nexport function getDropOffset(e: DragEvent, canMiddleDrop = false, isOpen = false): TreeNodeDropPosition {\n const { clientY } = e;\n const { top, height } = (e.target as HTMLElement).getBoundingClientRect();\n const offset = Math.max(((clientY - top) / height), 0); // sometimes offset is negative\n const expandedMiddleBottomOffest = isOpen ? 1 : 0.7;\n\n if (canMiddleDrop && inRange(offset, 0.4, expandedMiddleBottomOffest)) {\n return TreeNodeDropPosition.Middle;\n } else if (inRange(offset, 0, 0.5)) {\n return TreeNodeDropPosition.Top;\n }\n\n return TreeNodeDropPosition.Bottom;\n}\n\nexport function applyPadding(element: HTMLElement, level: number, hasCollapseTrigger: boolean): void {\n const padding = level * 20 - (hasCollapseTrigger ? 20 : 0);\n Object.assign(element.style, {\n paddingLeft: `${padding}px`,\n });\n}\n\nexport const dataTransferCache: Record<string, TreeNode> = {};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div\n :ref=\"'nodeRoot'\"\n :class=\"nodeStyles\"\n :draggable=\"canDrag ? true : undefined\"\n :selected=\"selected ? true : undefined\"\n @dragend=\"isDrag = false\"\n @dragstart.stop=\"handleDragStart\"\n @dragover.prevent=\"handleDragOver\"\n @dragenter.prevent=\"handleDragOver\"\n @dragleave=\"handleDragLeave\"\n @drop=\"handleDrop\"\n @click=\"handleClick\"\n @contextmenu=\"handleContextMenu\"\n >\n <template\n v-if=\"hasCollapseTrigger\"\n >\n <OrButton\n variant=\"link\"\n @click.stop=\"handleCollapse\"\n >\n <OrIcon\n :class=\"[isOpen ? 'rotate-90': 'rotate-0']\"\n icon=\"arrow_right\"\n size=\"l\"\n />\n </OrButton>\n </template>\n <slot\n name=\"node\"\n v-bind=\"{node, isOpen, isLeaf, isDrag, isDragOver, depth}\"\n >\n {{ node.key }}\n </slot>\n <div\n v-if=\"hasDragoverChildren || isDragOver && !isDrag\"\n :class=\"dragIndicatorStyles\"\n />\n </div>\n <template\n v-if=\"!isLeaf && isOpen\"\n >\n <OrTreeNode\n v-for=\"child in node.children\"\n :key=\"child.key\"\n :ref=\"'childrenTreeNodes'\"\n :parent-selected=\"selected || parentSelected ||undefined\"\n :node=\"child\"\n :depth=\"depth + 1\"\n :selected=\"child.selected\"\n :draggable=\"draggable\"\n @drop=\"$emit('drop', $event)\"\n @dragstart=\"$emit('dragstart', $event)\"\n @click=\"$emit('click', $event)\"\n @expand=\"$emit('expand', $event)\"\n @collapse=\"$emit('collapse', $event)\"\n @contextmenu=\"onContextMenu\"\n >\n <template v-slot:node=\"props\">\n <slot\n name=\"node\"\n v-bind=\"props\"\n />\n </template>\n </OrTreeNode>\n </template>\n </div>\n</template>\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, onMounted, ref, unref, watch } from 'vue';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { TreeNode, TreeNodeDropPosition, TreeNodeType } from '../../types';\nimport * as Styles from './styles';\nimport { applyPadding, getDropOffset, dataTransferCache } from './utils';\n\nexport default defineComponent({\n name: 'OrTreeNode',\n\n components: {\n OrButton,\n OrIcon,\n },\n\n props: {\n node: {\n type: Object as PropType<TreeNode>,\n required: true,\n },\n\n selected: {\n type: Boolean,\n default: undefined,\n },\n\n parentSelected: {\n type: Boolean,\n default: undefined,\n },\n\n expanded: {\n type: Boolean,\n default: true,\n },\n\n depth: {\n type: Number,\n default: 1,\n },\n\n draggable: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: ['drop', 'dragstart', 'click', 'expand', 'collapse', 'contextmenu'],\n\n expose: ['isDragOver'],\n\n setup(props, { emit }) {\n // Refs\n const root = ref<HTMLElement>();\n const nodeRoot = ref<HTMLElement>();\n const childrenTreeNodes = ref<TreeNodeType[]>([]);\n\n // State\n const isDragOver = ref(false);\n const isDrag = ref(false);\n const dragOverPosition = ref<`${TreeNodeDropPosition}`>('top');\n const hasChildren = computed(() => !!props.node.children && props.node.children.length > 0);\n const isOpen = ref(props.expanded);\n\n const setIsOpen = (value: boolean) => {\n isOpen.value = value;\n };\n const hasCollapseTrigger = computed(() => props.node.collapsible || hasChildren.value);\n const isLeaf = computed(() => !hasChildren.value);\n const canDrag = computed(() => props.draggable !== false && props.node.draggable !== false);\n const hasDragoverChildren = computed(() => childrenTreeNodes.value.some((child) => child.isDragOver));\n\n // Effects\n watch(() => props.depth, (value) => {\n applyPadding(unref(nodeRoot)!, value, hasCollapseTrigger.value);\n });\n\n watch(() => props.expanded, (value) => {\n if (value !== undefined) {\n setIsOpen(value);\n }\n }, {\n immediate: true,\n });\n\n onMounted(() => {\n applyPadding(unref(nodeRoot)!, props.depth, hasCollapseTrigger.value);\n });\n\n // Methods\n const handleDrop = (e: DragEvent) => {\n let node: TreeNode | undefined;\n const nodeKey = (e?.dataTransfer?.getData('node-key') as string);\n (e.currentTarget as HTMLElement).style.cursor = 'default';\n isDragOver.value = false;\n\n if (nodeKey && dataTransferCache[nodeKey]) {\n node = dataTransferCache[nodeKey];\n delete dataTransferCache[nodeKey];\n }\n\n emit('drop', {\n dropKey: props.node.key,\n dragKey: nodeKey,\n dropPosition: dragOverPosition.value,\n node: node,\n });\n };\n\n const handleDragStart = (e: DragEvent) => {\n if (e.dataTransfer) {\n (e.currentTarget as HTMLElement).style.cursor = 'grabbing';\n e?.dataTransfer?.setData('node-key', props.node.key);\n dataTransferCache[props.node.key] = props.node;\n\n const crt = unref(nodeRoot)?.cloneNode(true) as HTMLElement;\n\n if (crt) {\n crt.style.opacity = '0';\n document.body.appendChild(crt);\n e.dataTransfer?.setDragImage(crt, 0, 0);\n }\n }\n\n isDrag.value = true;\n setIsOpen(false);\n emit('dragstart', props.node);\n };\n\n const handleDragOver = (e: DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n\n dragOverPosition.value = getDropOffset(e, props.node.canMiddleDrop || props.node.collapsible || hasChildren.value, isOpen.value);\n isDragOver.value = true;\n };\n\n const handleDragLeave = (e: DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n isDragOver.value = false;\n };\n\n const handleContextMenu = (e: MouseEvent) => {\n emit('contextmenu', Object.assign(e, {\n nodeKey: props.node.key,\n node: props.node,\n }));\n };\n\n const handleClick = (e: MouseEvent) => {\n e.preventDefault();\n emit('click', props.node);\n };\n\n const handleCollapse = () => {\n if (isOpen.value) {\n setIsOpen(false);\n emit('collapse', props.node);\n } else {\n setIsOpen(true);\n emit('expand', props.node);\n }\n };\n\n // Styles\n const rootStyles = computed(() => [\n 'or-tree-node-v3',\n ...Styles.TreeNodeRoot,\n ]);\n\n const nodeStyles = computed(() => [\n ...Styles.TreeNodeItemRoot,\n ...(props.parentSelected ? Styles.TreeNodeItemRootParentSelected : []),\n ]);\n\n const dragIndicatorStyles = computed(() => [\n ...Styles.TreeNodeDragIndicator,\n ...Styles.TreeNodeDragIndicatorPosition[dragOverPosition.value],\n ...(hasDragoverChildren.value ? Styles.ChildrenDragoverStyles : []),\n ]);\n\n return {\n root,\n isOpen,\n isLeaf,\n rootStyles,\n nodeStyles,\n dragIndicatorStyles,\n childrenTreeNodes,\n setIsOpen,\n nodeRoot,\n isDrag,\n canDrag,\n dragOverPosition,\n handleDragStart,\n handleDrop,\n handleCollapse,\n handleContextMenu,\n handleClick,\n handleDragOver,\n handleDragLeave,\n hasCollapseTrigger,\n hasDragoverChildren,\n isDragOver,\n onContextMenu: (e: unknown, key: unknown) => emit('contextmenu', e, key),\n };\n },\n});\n</script>\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <OrTreeNode\n v-for=\"item in nodes\"\n :key=\"item.key\"\n :node=\"item\"\n :expanded=\"item.expanded\"\n :selected=\"item.selected\"\n :draggable=\"(!item.hasOwnProperty('draggable') || item.draggable === null) ? draggable : item.draggable\"\n @drop=\"$emit('drop', $event)\"\n @dragstart=\"$emit('dragstart', $event)\"\n @click=\"$emit('click', $event)\"\n @collapse=\"$emit('collapse', $event)\"\n @expand=\"$emit('expand', $event)\"\n @contextmenu=\"$emit('contextmenu', $event)\"\n >\n <template v-slot:node=\"props\">\n <slot\n name=\"node\"\n v-bind=\"props\"\n />\n </template>\n </OrTreeNode>\n </div>\n</template>\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref } from 'vue';\nimport OrTreeNode from './partials/or-tree-node/OrTreeNode.vue';\nimport { TreeNode } from './types';\n\nexport default defineComponent({\n name: 'OrTree',\n\n components: {\n OrTreeNode,\n },\n\n props: {\n nodes: {\n type: Array as PropType<TreeNode[]>,\n default: () => [],\n },\n\n draggable: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: ['drop', 'dragstart', 'click', 'expand', 'collapse', 'contextmenu'],\n\n setup() {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-tree-v3',\n ]);\n\n return {\n root,\n rootStyles,\n };\n },\n});\n</script>\n"],"names":["TreeNodeRoot","TreeNodeItemRoot","TreeNodeItemRootParentSelected","TreeNodeDragIndicator","TreeNodeDragIndicatorPosition","ChildrenDragoverStyles","TreeNodeDropPosition","inRange","num","min","max","getDropOffset","canMiddleDrop","isOpen","clientY","top","height","offset","applyPadding","element","level","hasCollapseTrigger","padding","dataTransferCache","_sfc_main$1","defineComponent","OrButton","OrIcon","props","emit","root","ref","nodeRoot","childrenTreeNodes","isDragOver","isDrag","dragOverPosition","hasChildren","computed","setIsOpen","value","isLeaf","canDrag","hasDragoverChildren","child","watch","unref","onMounted","handleDrop","e","node","nodeKey","_a","handleDragStart","crt","_b","_c","handleDragOver","handleDragLeave","handleContextMenu","handleClick","handleCollapse","rootStyles","Styles.TreeNodeRoot","nodeStyles","Styles.TreeNodeItemRoot","Styles.TreeNodeItemRootParentSelected","dragIndicatorStyles","Styles.TreeNodeDragIndicator","Styles.TreeNodeDragIndicatorPosition","Styles.ChildrenDragoverStyles","key","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","args","_createBlock","_component_OrButton","_withModifiers","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_createTextVNode","_toDisplayString","_hoisted_1","_Fragment","_renderList","_sfc_main","OrTreeNode","item","_component_OrTreeNode"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props-CsYKLx5P.mjs","sources":["../../../components/or-sidebar-v3/src/styles.ts","../../../components/or-sidebar-v3/src/OrSidebar.vue","../../../components/or-sidebar-v3/src/props.ts"],"sourcesContent":["import { ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\n\nexport const Sidebar: string[] = [\n // Layout\n 'layout-column grow',\n\n // Overflow\n 'overflow-hidden',\n];\n\nexport const SidebarHeader: string[] = [\n // Layout\n 'shrink-0',\n\n // Overflow\n 'overflow-hidden',\n\n // Typography\n 'typography-headline-2 truncate',\n];\n\nexport const SidebarHeaderPaddings: Record<ResizeablePanelPadding, string[]> = {\n [ResizeablePanelPadding.L]: [\n // Box\n 'px-lg',\n 'py-lg',\n ],\n\n [ResizeablePanelPadding.M]: [\n // Box\n 'px-md',\n 'py-md',\n ],\n\n [ResizeablePanelPadding.S]: [\n // Box\n 'px-sm',\n 'py-sm',\n ],\n\n [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarContent: string[] = [\n // Layout\n 'grow',\n\n // Overflow\n 'overflow-auto',\n];\n\nexport const SidebarContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n [ResizeablePanelPadding.L]: [\n // Box\n 'px-lg',\n 'py-lg',\n ],\n\n [ResizeablePanelPadding.M]: [\n // Box\n 'px-md',\n 'py-md',\n ],\n\n [ResizeablePanelPadding.S]: [\n // Box\n 'px-sm',\n 'py-sm',\n ],\n\n [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarFooter: string[] = [\n // Layout\n 'shrink-0',\n\n // Overflow\n 'overflow-hidden',\n\n // Theme\n 'theme-border-outline-variant border-t-1',\n 'dark:theme-border-outline-variant-dark',\n];\n\nexport const SidebarFooterPaddings: Record<ResizeablePanelPadding, string[]> = {\n [ResizeablePanelPadding.L]: [\n // Box\n 'px-lg',\n 'py-lg',\n ],\n\n [ResizeablePanelPadding.M]: [\n // Box\n 'px-md',\n 'py-md',\n ],\n\n [ResizeablePanelPadding.S]: [\n // Box\n 'px-sm',\n 'py-sm',\n ],\n\n [ResizeablePanelPadding.None]: [],\n};\n","<template>\n <OrResizeablePanel\n :is-open=\"state === 'open'\"\n :width=\"width\"\n :min-width=\"minWidth\"\n :max-width=\"maxWidth\"\n :padding=\"'none'\"\n :placement=\"placement\"\n :resizeable=\"resizeable\"\n :collapsible=\"collapsible\"\n @update:state=\"$event === 'open' ? open() : close()\"\n @resize=\"$emit('resize', $event)\"\n >\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <template v-if=\"$slots.header\">\n <header :class=\"headerStyles\">\n <slot name=\"header\" />\n </header>\n </template>\n\n <div :class=\"contentStyles\">\n <slot />\n </div>\n\n <template v-if=\"$slots.footer\">\n <footer :class=\"footerStyles\">\n <slot name=\"footer\" />\n </footer>\n </template>\n </div>\n\n <template\n v-if=\"!!$slots.toolbar\"\n v-slot:toolbar\n >\n <slot name=\"toolbar\" />\n </template>\n </OrResizeablePanel>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrResizeablePanelV3 as OrResizeablePanel, ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\nimport { SidebarPlacement } from './props';\nimport { Sidebar, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings, SidebarHeader, SidebarHeaderPaddings } from './styles';\n\nexport default defineComponent({\n name: 'OrSidebar',\n\n components: {\n OrResizeablePanel,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: true,\n },\n\n width: {\n type: Number,\n default: 320,\n },\n\n minWidth: {\n type: Number,\n default: undefined,\n },\n\n maxWidth: {\n type: Number,\n default: undefined,\n },\n\n padding: {\n type: String as PropType<`${ResizeablePanelPadding}`>,\n default: () => ResizeablePanelPadding.M,\n },\n\n placement: {\n type: String as PropType<`${SidebarPlacement}`>,\n default: undefined,\n },\n\n resizeable: {\n type: Boolean,\n default: undefined,\n },\n\n collapsible: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n\n 'resize',\n ],\n\n expose: [\n 'root',\n\n 'state',\n\n 'open',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-sidebar-v3',\n ...Sidebar,\n ]);\n\n const headerStyles = computed(() => [\n ...SidebarHeader,\n ...SidebarHeaderPaddings[props.padding],\n ]);\n\n const contentStyles = computed(() => [\n ...SidebarContent,\n ...SidebarContentPaddings[props.padding],\n ]);\n\n const footerStyles = computed(() => [\n ...SidebarFooter,\n ...SidebarFooterPaddings[props.padding],\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n return {\n root,\n\n rootStyles,\n headerStyles,\n contentStyles,\n footerStyles,\n\n state,\n open,\n close,\n toggle,\n };\n },\n});\n</script>\n","export enum SidebarPlacement {\n Left = 'left',\n Right = 'right',\n}\n"],"names":["Sidebar","SidebarHeader","SidebarHeaderPaddings","ResizeablePanelPadding","SidebarContent","SidebarContentPaddings","SidebarFooter","SidebarFooterPaddings","_sfc_main","defineComponent","OrResizeablePanel","props","context","root","ref","rootStyles","computed","headerStyles","contentStyles","footerStyles","state","open","close","toggle","usePopoverState","toRef","_component_OrResizeablePanel","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$event","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createCommentVNode","_renderSlot","SidebarPlacement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types-DrGu4wlu.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n Right = 'right',\n Left = 'left',\n Center = 'center',\n}\n\nexport enum PositionsY {\n Top = 'top',\n Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n Slide = 'slide',\n Fade = 'fade',\n}\n\nexport enum ToastType {\n Success = 'success',\n Error = 'error',\n Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n // Layout\n 'layout-row',\n\n // Box\n 'w-[343px] md:w-[512px]',\n\n // Shape\n 'rounded-md',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n\n // Typography\n 'typography-caption-regular',\n\n // Elevation\n 'shadow-card',\n 'dark:shadow-card-dark',\n\n // Theme\n 'theme-background-surface-inverse',\n 'dark:theme-background-surface-inverse-dark',\n\n 'theme-foreground-on-surface-inverse',\n 'dark:theme-foreground-on-surface-inverse-dark',\n\n // Theme (children)\n '[&_:any-link]:text-inverse-primary',\n 'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n // Position\n 'absolute',\n\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-sm',\n\n // Overflow\n 'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n 'left-top': [\n // Position\n 'left-md md:left-lg',\n 'top-md md:top-lg',\n ],\n\n 'center-top': [\n // Position\n 'top-md md:top-lg',\n ],\n\n 'right-top': [\n // Position\n 'right-md md:right-lg',\n 'top-md md:top-lg',\n ],\n\n 'left-bottom': [\n // Position\n 'left-md md:left-lg',\n 'bottom-md md:bottom-lg',\n ],\n\n 'center-bottom': [\n // Position\n 'bottom-md md:bottom-lg',\n ],\n\n 'right-bottom': [\n // Position\n 'right-md md:right-lg',\n 'bottom-md md:bottom-lg',\n ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n 'success': [\n // Typography\n 'typography-caption-regular',\n ],\n\n 'error': [\n // Typography\n 'typography-caption-regular',\n ],\n\n 'loading': [\n // Typography\n 'typography-caption-regular',\n ],\n};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <slot name=\"content\">\n <!-- before message -->\n <div\n v-if=\"toastType === 'loading'\"\n :class=\"loaderStyle\"\n >\n <OrLoader\n :variant=\"'circular'\"\n :color=\"'inherit'\"\n :size=\"'s'\"\n />\n </div>\n\n <img\n v-else-if=\"emojiSrc\"\n :class=\"toastIconStyle\"\n :src=\"emojiSrc\"\n alt=\"Emoji\"\n >\n\n <!-- message -->\n <div\n v-if=\"messageText\"\n :class=\"messageStyle\"\n v-html=\"messageText\"\n />\n </slot>\n\n <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n <template v-if=\"link\">\n <a\n class=\"or-toast__link\"\n :href=\"link.href\"\n :target=\"hrefTarget\"\n @click=\"onLinkClick\"\n >\n {{ link.title }}\n </a>\n </template>\n\n <template v-if=\"dismissible\">\n <OrIconButton\n :icon=\"'close'\"\n :size=\"'m'\"\n @click.stop=\"onClose()\"\n />\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n name: 'OrToast',\n\n components: {\n OrIconButton,\n OrLoader,\n },\n\n props: {\n toastType: {\n type: String as PropType<`${ToastType}`>,\n default: () => ToastType.Success,\n },\n\n link: {\n type: Object as PropType<ToastLink>,\n default: undefined,\n },\n\n messageText: {\n type: String,\n default: undefined,\n },\n\n dismissible: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: [\n 'close',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n ...Toast,\n ]);\n\n const toastIconStyle = computed(() => [\n 'self-center',\n 'object-cover',\n // Box\n 'w-[20px]',\n 'h-[20px]',\n ]);\n\n const messageStyle = computed(() => [\n ...messageStyleVariant[props.toastType],\n 'grow',\n ]);\n\n const loaderStyle = computed(() => [\n //Layout\n 'self-center',\n // Theme\n 'text-inverse-primary',\n 'dark:text-inverse-primary-dark',\n ]);\n\n // State\n const emojiSrc = computed(() => {\n switch (props.toastType) {\n case ToastType.Success:\n return successPng;\n case ToastType.Error:\n return errorPng;\n default:\n return null;\n }\n });\n\n const hrefTarget = computed(() => {\n return props.link?.target ?? '_self';\n });\n\n // Methods\n function onClose(): void {\n context.emit('close');\n }\n\n function onLinkClick(event: MouseEvent): void {\n if (props.link?.callback) {\n event.preventDefault();\n props.link.callback?.();\n }\n }\n\n return {\n root,\n toastIconStyle,\n rootStyles,\n loaderStyle,\n messageStyle,\n emojiSrc,\n hrefTarget,\n onClose,\n onLinkClick,\n };\n },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n word-break: break-word;\n white-space: nowrap;\n cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n //generic needed! see https://github.com/vuejs/core/issues/2136\n const queue = ref<Array<T>>(initialValue || []) as Ref<Ref<T>[]>;\n\n const addItem = (item: T): void => {\n const refItem = ref<T>(item) as Ref<T>;\n queue.value.push(refItem);\n };\n\n const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n const index = queue.value.findIndex((i, idx, q) => {\n return condition?.(i.value, idx, q);\n });\n if (index !== -1) queue.value.splice(index, 1);\n };\n\n const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n return queue.value.filter((i, idx, q) => {\n return condition?.(i.value, idx, q);\n })[0];\n };\n\n const clearAll = (): void => {\n queue.value = [];\n };\n\n return {\n queue,\n addItem,\n removeItem,\n clearAll,\n getItem,\n };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'|'toastClose'|'toastCloseAll' | 'toastUpdate';\n\nconst useToastEventBus = () => {\n const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n toastNotify: useEventBus('toastNotify'),\n toastClose: useEventBus('toastClose'),\n toastCloseAll: useEventBus('toastCloseAll'),\n toastUpdate: useEventBus('toastUpdate'),\n };\n return {\n on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n busPull[namedQueue].on(listener);\n },\n off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n busPull[namedQueue].off(listener);\n },\n emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n busPull[namedQueue].emit(data);\n },\n };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n <OrTeleport :disabled=\"isActive\">\n <div\n :ref=\"'root'\"\n :class=\"classes\"\n >\n <TransitionGroup\n :name=\"transitionName\"\n tag=\"div\"\n class=\"contents\"\n @after-leave=\"onToastHidden\"\n >\n <OrToast\n v-for=\"toastConfiguration in queue\"\n v-bind=\"toastConfiguration.toastProps\"\n :key=\"toastConfiguration.hash\"\n @click=\"onClick(toastConfiguration.toastBehaviour)\"\n @mouseenter=\"onToastEnter(toastConfiguration)\"\n @mouseleave=\"onToastLeave(toastConfiguration)\"\n @close=\"toastRemove(toastConfiguration)\"\n />\n </TransitionGroup>\n </div>\n </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n name: 'OrToastContainer',\n\n components: {\n OrTeleport,\n OrToast,\n },\n\n props: {\n includeHeaderHeight: {\n type: Boolean,\n default: true,\n },\n\n position: {\n type: Object as PropType<Position>,\n default: {\n positionX: PositionsX.Right,\n positionY: PositionsY.Bottom,\n } as Position,\n },\n\n transition: {\n type: String as PropType<`${TransitionType}`>,\n default: () => TransitionType.Slide,\n },\n },\n\n setup(props) {\n // Refs\n const root = ref<HTMLElement>();\n\n const { on, off } = useToastEventBus();\n const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n const [isActive, toggle] = useToggle(false);\n const classes = computed(() => [\n 'or-toast-container-v3',\n ...ToastContainer,\n ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n {\n 'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n },\n ]);\n const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n // State\n const queue = computed<ToastConfiguration[]>(() => {\n return queueRef.value.map(({ value }) => value);\n });\n\n // Methods\n function createToast(toastConfiguration: ToastConfiguration): void {\n const caller = () => {\n addItem(toastConfiguration);\n toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n toastConfiguration.toastBehaviour.duration,\n );\n };\n\n if (!isActive.value) {\n // before create toast we need change isActive props, to render or-teleport,\n // in other case first item will not be animated\n toggle(true);\n nextTick(caller);\n } else {\n caller();\n }\n }\n\n function toastUpdate(toast: ToastConfiguration): void {\n const toastItem = getItem((item) => {\n return item.hash === toast.hash;\n });\n\n if (toastItem)\n toastItem.value = toast;\n }\n\n function toastRemove(toast: ToastConfiguration): void {\n removeItem((item) => {\n if (item.hash === toast.hash) {\n item.toastBehaviour?.onToastClose?.();\n item.timer?.stop();\n return true;\n }\n return false;\n });\n }\n\n function onToastEnter(toast: ToastConfiguration): void {\n if (toast.toastBehaviour.pauseOnHover)\n toast.timer?.pause();\n }\n\n function onToastLeave(toast: ToastConfiguration): void {\n if (toast.toastBehaviour.pauseOnHover)\n toast.timer?.resume();\n }\n\n function onClick(toastBehaviour: ToastBehaviour): void {\n toastBehaviour.onToastClick?.();\n }\n\n function onToastHidden(): void {\n toggle(queue.value.length > 0);\n }\n\n // Effects\n onBeforeMount(() => {\n on('toastNotify', createToast);\n on('toastClose', toastRemove);\n on('toastUpdate', toastUpdate);\n on('toastCloseAll', clearAll);\n });\n\n onBeforeUnmount(() => {\n off('toastNotify', createToast);\n off('toastClose', toastRemove);\n off('toastUpdate', toastUpdate);\n off('toastCloseAll', clearAll);\n });\n\n useElevation(root, isActive);\n\n return {\n on,\n off,\n classes,\n transitionName,\n isActive,\n toggle,\n addItem,\n removeItem,\n clearAll,\n getItem,\n queue,\n root,\n createToast,\n toastUpdate,\n toastRemove,\n onToastEnter,\n onToastLeave,\n onClick,\n onToastHidden,\n };\n },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n private startedAt: number| null = null;\n private timer: ReturnType<typeof setTimeout> | null = null;\n private callback: () => void = noop;\n private delay = 0;\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n constructor() {}\n\n start(callback: () => void, delay?: number) {\n if (delay && delay > 0) {\n this.callback = callback;\n this.delay = delay;\n this.startedAt = Date.now();\n this.timer = setTimeout(this.callback, this.delay);\n }\n }\n\n pause() {\n if (this.timer && this.startedAt) {\n this.stop();\n this.delay -= Date.now() - this.startedAt;\n }\n }\n\n resume() {\n this.stop();\n if (this.delay > 0) {\n this.startedAt = Date.now();\n this.timer = setTimeout(this.callback, this.delay);\n }\n }\n\n stop() {\n if (this.timer)\n clearTimeout(this.timer);\n }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n const { emit } = useToastEventBus();\n\n function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n const propsData = {\n ...props,\n ...globalToastProps,\n };\n\n const config: ToastConfiguration = {\n toastProps: propsData,\n //generate ToastHash\n hash: Math.random().toString(36).slice(2),\n ...(Number.isInteger(duration) && { timer: new Timer() }),\n toastBehaviour: {\n duration,\n pauseOnHover,\n onToastClose,\n onToastClick,\n },\n };\n\n emit('toastNotify', config);\n\n return ({\n close: () => emit('toastClose', config),\n update: (data: ToastProps) => emit('toastUpdate', {\n ...config,\n toastProps: {\n ...config.toastProps,\n ...data,\n },\n }),\n });\n }\n\n function clearAll(): void {\n emit('toastCloseAll');\n }\n\n function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n ...props,\n toastType: ToastType.Success,\n }, behaviour);\n }\n\n function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n ...props,\n toastType: ToastType.Error,\n }, behaviour);\n }\n\n\n function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n dismissible: false,\n ...props,\n toastType: ToastType.Loading,\n }, {\n ...behaviour,\n duration: 0, // <- toast with type \"loading\" will not cloe automatically\n });\n }\n\n return {\n notify,\n clearAll,\n success,\n error,\n loading,\n };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}
|