@onereach/ui-components 8.19.3 → 8.19.4-beta.3983.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js +1 -1
- package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js +1 -1
- package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js +1 -1
- package/dist/bundled/v2/components/OrDateTimePickerV3/index.js +1 -1
- package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.js +331 -0
- package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.vue.d.ts +62 -0
- package/dist/bundled/v2/components/OrEditorTabsV3/index.d.ts +1 -0
- package/dist/bundled/v2/components/OrEditorTabsV3/index.js +1 -0
- package/dist/bundled/v2/components/OrEditorTabsV3/styles.d.ts +5 -0
- package/dist/bundled/v2/components/OrEditorTabsV3/styles.js +21 -0
- package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.js +25 -7
- package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.vue.d.ts +11 -0
- package/dist/bundled/v2/components/OrMenuItemV3/styles.d.ts +1 -1
- package/dist/bundled/v2/components/OrMenuItemV3/styles.js +2 -2
- package/dist/bundled/v2/components/index.d.ts +1 -0
- package/dist/bundled/v2/components/index.js +2 -1
- package/dist/bundled/v2/index.js +3 -2
- package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/index.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/props.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrCardCollectionV3-f757e81c.js → OrCardCollectionV3-feb7f0e9.js} +1 -1
- package/dist/bundled/v3/components/OrDateFormatV3/OrDateFormat.js +1 -1
- package/dist/bundled/v3/components/OrDateFormatV3/index.js +1 -1
- package/dist/bundled/v3/components/OrDateFormatV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrDateFormatV3-b88a046a.js → OrDateFormatV3-2d345262.js} +1 -1
- package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +1 -1
- package/dist/bundled/v3/components/OrDatePickerV3/index.js +1 -1
- package/dist/bundled/v3/components/OrDatePickerV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrDatePickerV3-cf890376.js → OrDatePickerV3-6ad851c2.js} +1 -1
- package/dist/bundled/v3/components/OrDateRangePickerV3/OrDateRangePicker.js +1 -1
- package/dist/bundled/v3/components/OrDateRangePickerV3/index.js +1 -1
- package/dist/bundled/v3/components/OrDateRangePickerV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrDateRangePickerV3-9860ac68.js → OrDateRangePickerV3-e15c8aad.js} +1 -1
- package/dist/bundled/v3/components/OrDateTimeFormatV3/OrDateTimeFormat.js +1 -1
- package/dist/bundled/v3/components/OrDateTimeFormatV3/index.js +1 -1
- package/dist/bundled/v3/components/OrDateTimeFormatV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrDateTimeFormatV3-970134b7.js → OrDateTimeFormatV3-a574a1fb.js} +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/props.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/styles.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/utils/formatDate.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/utils/formatTime.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getCurrentDate.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getDatePlaceholder.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getNextMonthDate.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getTimePlaceholder.js +1 -1
- package/dist/bundled/v3/components/OrDateTimePickerV3/utils/index.js +1 -1
- package/dist/bundled/v3/components/{OrDateTimePickerV3-cb582ca0.js → OrDateTimePickerV3-7406fd30.js} +1 -1
- package/dist/bundled/v3/components/OrEditorTabsV3/OrEditorTabs.js +1 -0
- package/dist/bundled/v3/components/OrEditorTabsV3/OrEditorTabs.vue.d.ts +42 -0
- package/dist/bundled/v3/components/OrEditorTabsV3/index.d.ts +1 -0
- package/dist/bundled/v3/components/OrEditorTabsV3/index.js +1 -0
- package/dist/bundled/v3/components/OrEditorTabsV3/styles.d.ts +5 -0
- package/dist/bundled/v3/components/OrEditorTabsV3/styles.js +1 -0
- package/dist/bundled/v3/components/OrEditorTabsV3-fdfedec3.js +283 -0
- package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.js +1 -1
- package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.vue.d.ts +11 -1
- package/dist/bundled/v3/components/OrMenuItemV3/index.js +1 -1
- package/dist/bundled/v3/components/OrMenuItemV3/styles.d.ts +1 -1
- package/dist/bundled/v3/components/OrMenuItemV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrMenuItemV3-7b557536.js → OrMenuItemV3-4ad38b95.js} +28 -12
- package/dist/bundled/v3/components/OrPaginationV3/OrPagination.js +1 -1
- package/dist/bundled/v3/components/OrPaginationV3/index.js +1 -1
- package/dist/bundled/v3/components/OrPaginationV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrPaginationV3-4ea5bc9f.js → OrPaginationV3-a8f7deed.js} +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/index.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/props.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js +1 -1
- package/dist/bundled/v3/components/{OrRichTextEditorV3-f3786714.js → OrRichTextEditorV3-843d63b6.js} +1 -1
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrSelectV3-c604ca91.js → OrSelectV3-420bee16.js} +1 -1
- package/dist/bundled/v3/components/OrSortingV3/OrSorting.js +1 -1
- package/dist/bundled/v3/components/OrSortingV3/index.js +1 -1
- package/dist/bundled/v3/components/OrSortingV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrSortingV3-c2d7e14c.js → OrSortingV3-34a9c5c2.js} +1 -1
- package/dist/bundled/v3/components/OrTabsV3/OrTabs.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/props.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrTabsV3-d1028c81.js → OrTabsV3-4137df11.js} +1 -1
- package/dist/bundled/v3/components/OrTimeFormatV3/OrTimeFormat.js +1 -1
- package/dist/bundled/v3/components/OrTimeFormatV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTimeFormatV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrTimeFormatV3-2734e8fa.js → OrTimeFormatV3-31a6392c.js} +1 -1
- package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js +1 -1
- package/dist/bundled/v3/components/OrTimePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/OrTimePickerV3/props.js +1 -1
- package/dist/bundled/v3/components/OrTimePickerV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrTimePickerV3-281585a5.js → OrTimePickerV3-798d4777.js} +1 -1
- package/dist/bundled/v3/components/OrTimeRangePickerV3/OrTimeRangePicker.js +1 -1
- package/dist/bundled/v3/components/OrTimeRangePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/OrTimeRangePickerV3/props.js +1 -1
- package/dist/bundled/v3/components/OrTimeRangePickerV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrTimeRangePickerV3-195df692.js → OrTimeRangePickerV3-488d5544.js} +1 -1
- package/dist/bundled/v3/components/index.d.ts +1 -0
- package/dist/bundled/v3/components/index.js +16 -15
- package/dist/bundled/v3/index.js +17 -16
- package/dist/esm/v2/{OrCardCollection-d82b4dd0.js → OrCardCollection-db39a325.js} +1 -1
- package/dist/esm/v2/{OrDateFormat-5e3b12fc.js → OrDateFormat-752fc779.js} +2 -2
- package/dist/esm/v2/{OrDatePicker-0a22ea42.js → OrDatePicker-25b3e281.js} +2 -2
- package/dist/esm/v2/{OrDateRangePicker-14e9413a.js → OrDateRangePicker-5803dc91.js} +2 -2
- package/dist/esm/v2/{OrDateTimeFormat-30e78da3.js → OrDateTimeFormat-d6767984.js} +2 -2
- package/dist/esm/v2/{OrDateTimePicker-c95b1582.js → OrDateTimePicker-43588e11.js} +1 -1
- package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-4f842ab1.js → OrDateTimePicker.vue_rollup-plugin-vue_script-82dc45be.js} +1 -1
- package/dist/esm/v2/{OrDateTimePickerTimeSelect-441799e2.js → OrDateTimePickerTimeSelect-57e2d2e4.js} +1 -1
- package/dist/esm/v2/OrEditorTabs-60ec84d5.js +252 -0
- package/dist/esm/v2/OrEditorTabsItem-045802c0.js +106 -0
- package/dist/esm/v2/{OrMenuItem-fbe3e8e4.js → OrMenuItem-aef527fb.js} +25 -7
- package/dist/esm/v2/{OrPagination-6d986889.js → OrPagination-ee8f224b.js} +1 -1
- package/dist/esm/v2/{OrRichTextEditor-8b4d1d64.js → OrRichTextEditor-5ab919a5.js} +1 -1
- package/dist/esm/v2/{OrSelect-699f3ae1.js → OrSelect-1f40ebe0.js} +1 -1
- package/dist/esm/v2/{OrSorting-d657f712.js → OrSorting-e31da34e.js} +1 -1
- package/dist/esm/v2/{OrTabs-b8df5b2e.js → OrTabs-76f5d536.js} +1 -1
- package/dist/esm/v2/{OrTimeFormat-f88cbf6f.js → OrTimeFormat-0368a673.js} +2 -2
- package/dist/esm/v2/{OrTimePicker-cd42023a.js → OrTimePicker-615a39ce.js} +2 -2
- package/dist/esm/v2/{OrTimeRangePicker-39820fd8.js → OrTimeRangePicker-55cb3d2c.js} +2 -2
- package/dist/esm/v2/components/index.d.ts +1 -0
- package/dist/esm/v2/components/index.js +19 -17
- package/dist/esm/v2/components/or-card-collection-v3/index.js +3 -3
- package/dist/esm/v2/components/or-date-format-v3/index.js +4 -4
- package/dist/esm/v2/components/or-date-picker-v3/index.js +4 -4
- package/dist/esm/v2/components/or-date-range-picker-v3/index.js +4 -4
- package/dist/esm/v2/components/or-date-time-format-v3/index.js +4 -4
- package/dist/esm/v2/components/or-date-time-picker-v3/index.js +4 -4
- package/dist/esm/v2/components/or-date-time-picker-v3/partials/index.js +2 -2
- package/dist/esm/v2/components/or-editor-tabs-v3/OrEditorTabs.vue.d.ts +62 -0
- package/dist/esm/v2/components/or-editor-tabs-v3/index.d.ts +1 -0
- package/dist/esm/v2/components/or-editor-tabs-v3/index.js +26 -0
- package/dist/esm/v2/components/or-editor-tabs-v3/partials/index.d.ts +1 -0
- package/dist/esm/v2/components/or-editor-tabs-v3/partials/index.js +22 -0
- package/dist/esm/v2/components/or-editor-tabs-v3/partials/or-editor-tabs-item/OrEditorTabsItem.vue.d.ts +50 -0
- package/dist/esm/v2/components/or-editor-tabs-v3/partials/or-editor-tabs-item/styles.d.ts +1 -0
- package/dist/esm/v2/components/or-editor-tabs-v3/styles.d.ts +5 -0
- package/dist/esm/v2/components/or-menu-item-v3/OrMenuItem.vue.d.ts +11 -0
- package/dist/esm/v2/components/or-menu-item-v3/index.js +19 -1
- package/dist/esm/v2/components/or-menu-item-v3/styles.d.ts +1 -1
- package/dist/esm/v2/components/or-pagination-v3/index.js +5 -3
- package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +2 -2
- package/dist/esm/v2/components/or-select-v3/index.js +2 -2
- package/dist/esm/v2/components/or-sorting-v3/index.js +4 -2
- package/dist/esm/v2/components/or-tabs-v3/index.js +5 -3
- package/dist/esm/v2/components/or-time-format-v3/index.js +4 -4
- package/dist/esm/v2/components/or-time-picker-v3/index.js +4 -4
- package/dist/esm/v2/components/or-time-range-picker-v3/index.js +4 -4
- package/dist/esm/v2/index.js +19 -17
- package/dist/esm/v3/{OrCardCollection-11d518ae.js → OrCardCollection-b1f4b543.js} +1 -1
- package/dist/esm/v3/{OrDateFormat-5fee3e3a.js → OrDateFormat-7816bb4f.js} +2 -2
- package/dist/esm/v3/{OrDatePicker-ee7d02bc.js → OrDatePicker-b52dc314.js} +2 -2
- package/dist/esm/v3/{OrDateRangePicker-2fd73580.js → OrDateRangePicker-8c288b20.js} +2 -2
- package/dist/esm/v3/{OrDateTimeFormat-0c9deda2.js → OrDateTimeFormat-04840e4e.js} +2 -2
- package/dist/esm/v3/{OrDateTimePicker-647ff5f1.js → OrDateTimePicker-8b7560b5.js} +1 -1
- package/dist/esm/v3/{OrDateTimePickerTimeSelect-486f2486.js → OrDateTimePickerTimeSelect-9445ae78.js} +1 -1
- package/dist/esm/v3/OrEditorTabs-853c5859.js +213 -0
- package/dist/esm/v3/OrEditorTabsItem-b67aa2ec.js +79 -0
- package/dist/esm/v3/{OrMenuItem-2928ba60.js → OrMenuItem-1703dc05.js} +27 -11
- package/dist/esm/v3/{OrPagination-1c040cdc.js → OrPagination-18379bab.js} +1 -1
- package/dist/esm/v3/{OrRichTextEditor-06c85acf.js → OrRichTextEditor-3a72b30d.js} +1 -1
- package/dist/esm/v3/{OrSelect-42a9a859.js → OrSelect-b9127612.js} +1 -1
- package/dist/esm/v3/{OrSorting-d047cf00.js → OrSorting-42677f78.js} +1 -1
- package/dist/esm/v3/{OrTabs-cd217d74.js → OrTabs-e6976b96.js} +1 -1
- package/dist/esm/v3/{OrTimeFormat-a256b6f2.js → OrTimeFormat-a0c2d466.js} +2 -2
- package/dist/esm/v3/{OrTimePicker-b1c40457.js → OrTimePicker-b7c0e287.js} +2 -2
- package/dist/esm/v3/{OrTimeRangePicker-9c8ece38.js → OrTimeRangePicker-fcf80677.js} +2 -2
- package/dist/esm/v3/components/index.d.ts +1 -0
- package/dist/esm/v3/components/index.js +18 -16
- package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
- package/dist/esm/v3/components/or-date-format-v3/index.js +4 -4
- package/dist/esm/v3/components/or-date-picker-v3/index.js +4 -4
- package/dist/esm/v3/components/or-date-range-picker-v3/index.js +4 -4
- package/dist/esm/v3/components/or-date-time-format-v3/index.js +4 -4
- package/dist/esm/v3/components/or-date-time-picker-v3/index.js +3 -3
- package/dist/esm/v3/components/or-date-time-picker-v3/partials/index.js +2 -2
- package/dist/esm/v3/components/or-editor-tabs-v3/OrEditorTabs.vue.d.ts +42 -0
- package/dist/esm/v3/components/or-editor-tabs-v3/index.d.ts +1 -0
- package/dist/esm/v3/components/or-editor-tabs-v3/index.js +25 -0
- package/dist/esm/v3/components/or-editor-tabs-v3/partials/index.d.ts +1 -0
- package/dist/esm/v3/components/or-editor-tabs-v3/partials/index.js +21 -0
- package/dist/esm/v3/components/or-editor-tabs-v3/partials/or-editor-tabs-item/OrEditorTabsItem.vue.d.ts +37 -0
- package/dist/esm/v3/components/or-editor-tabs-v3/partials/or-editor-tabs-item/styles.d.ts +1 -0
- package/dist/esm/v3/components/or-editor-tabs-v3/styles.d.ts +5 -0
- package/dist/esm/v3/components/or-menu-item-v3/OrMenuItem.vue.d.ts +11 -1
- package/dist/esm/v3/components/or-menu-item-v3/index.js +18 -1
- package/dist/esm/v3/components/or-menu-item-v3/styles.d.ts +1 -1
- package/dist/esm/v3/components/or-pagination-v3/index.js +5 -3
- package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +2 -2
- package/dist/esm/v3/components/or-select-v3/index.js +2 -2
- package/dist/esm/v3/components/or-sorting-v3/index.js +4 -2
- package/dist/esm/v3/components/or-tabs-v3/index.js +5 -3
- package/dist/esm/v3/components/or-time-format-v3/index.js +4 -4
- package/dist/esm/v3/components/or-time-picker-v3/index.js +4 -4
- package/dist/esm/v3/components/or-time-range-picker-v3/index.js +4 -4
- package/dist/esm/v3/index.js +18 -16
- package/package.json +3 -4
- package/src/components/index.ts +1 -0
- package/src/components/or-editor-tabs-v3/OrEditorTabs.vue +229 -0
- package/src/components/or-editor-tabs-v3/index.ts +1 -0
- package/src/components/or-editor-tabs-v3/partials/index.ts +1 -0
- package/src/components/or-editor-tabs-v3/partials/or-editor-tabs-item/OrEditorTabsItem.vue +73 -0
- package/src/components/or-editor-tabs-v3/partials/or-editor-tabs-item/styles.ts +35 -0
- package/src/components/or-editor-tabs-v3/styles.ts +36 -0
- package/src/components/or-menu-item-v3/OrMenuItem.vue +22 -5
- package/src/components/or-menu-item-v3/styles.ts +1 -1
- /package/dist/bundled/v2/{OrDateTimePickerMonthSelect-03c3d054.js → OrDateTimePickerMonthSelect-fe1c8243.js} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
|
|
2
2
|
import { DatePicker, DatePickerPopover } from './styles.js';
|
|
3
|
-
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
3
|
+
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-fe1c8243.js';
|
|
4
4
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
|
|
5
5
|
import __vue_component__$1 from '../OrErrorV3/OrError.js';
|
|
6
6
|
import __vue_component__$2 from '../OrHintV3/OrHint.js';
|
|
@@ -8,7 +8,7 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
|
|
|
8
8
|
import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
|
|
9
9
|
import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
|
|
10
10
|
import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
|
|
11
|
-
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
11
|
+
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-fe1c8243.js';
|
|
12
12
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
|
|
13
13
|
import { DropdownClose } from '../../directives/dropdown-close.js';
|
|
14
14
|
import { DropdownOpen } from '../../directives/dropdown-open.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
|
|
2
|
-
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
2
|
+
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-fe1c8243.js';
|
|
3
3
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
|
|
4
4
|
import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
|
|
5
5
|
import { DateTimePickerTimeFormat } from './props.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
|
|
2
|
-
export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
2
|
+
export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-fe1c8243.js';
|
|
3
3
|
export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
|
|
4
4
|
export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
|
|
5
5
|
export { DateTimePickerTimeFormat } from './props.js';
|
|
@@ -0,0 +1,331 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, toRef } from 'vue-demi';
|
|
2
|
+
import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
|
|
3
|
+
import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
|
|
4
|
+
import { EditorTabs, EditorTabsHeader, EditorTabsHeaderTabs, EditorTabsHeaderMenu, EditorTabsContent } from './styles.js';
|
|
5
|
+
import __vue_component__$3 from '../OrIconV3/OrIcon.js';
|
|
6
|
+
import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
|
|
7
|
+
import __vue_component__$5 from '../OrMenuItemV3/OrMenuItem.js';
|
|
8
|
+
import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
|
|
9
|
+
import useResponsive from '../../hooks/useResponsive/useResponsive.js';
|
|
10
|
+
|
|
11
|
+
const EditorTabsItem = [
|
|
12
|
+
// Layout
|
|
13
|
+
'layout-row',
|
|
14
|
+
// Interactivity
|
|
15
|
+
'interactivity-click',
|
|
16
|
+
// Box
|
|
17
|
+
'md:min-w-0', 'md:max-w-[240px]',
|
|
18
|
+
// Spacing
|
|
19
|
+
'px-md', 'py-sm', 'gap-sm',
|
|
20
|
+
// Typography
|
|
21
|
+
'typography-caption-regular',
|
|
22
|
+
// Theme
|
|
23
|
+
'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
|
|
24
|
+
// Theme (hover)
|
|
25
|
+
'hover:theme-foreground-primary', 'dark:hover:theme-foreground-primary-dark',
|
|
26
|
+
// Theme (selected)
|
|
27
|
+
'selected:theme-foreground-primary', 'dark:selected:theme-foreground-primary-dark', 'selected:theme-background-surface-1', 'dark:selected:theme-background-surface-1-dark'];
|
|
28
|
+
|
|
29
|
+
var script$1 = defineComponent({
|
|
30
|
+
components: {
|
|
31
|
+
OrIconButton: __vue_component__$2
|
|
32
|
+
},
|
|
33
|
+
props: {
|
|
34
|
+
closeButton: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: true
|
|
37
|
+
},
|
|
38
|
+
selected: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: false
|
|
41
|
+
},
|
|
42
|
+
disabled: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: false
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
emits: ['close'],
|
|
48
|
+
expose: ['root'],
|
|
49
|
+
setup() {
|
|
50
|
+
// Refs
|
|
51
|
+
const root = ref();
|
|
52
|
+
// Styles
|
|
53
|
+
const rootStyles = computed(() => ['or-editor-tabs-item-v3', ...EditorTabsItem]);
|
|
54
|
+
return {
|
|
55
|
+
root,
|
|
56
|
+
rootStyles
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
/* script */
|
|
62
|
+
const __vue_script__$1 = script$1;
|
|
63
|
+
|
|
64
|
+
/* template */
|
|
65
|
+
var __vue_render__$1 = function () {
|
|
66
|
+
var _vm = this;
|
|
67
|
+
var _h = _vm.$createElement;
|
|
68
|
+
var _c = _vm._self._c || _h;
|
|
69
|
+
return _c('div', {
|
|
70
|
+
ref: "root",
|
|
71
|
+
class: _vm.rootStyles,
|
|
72
|
+
attrs: {
|
|
73
|
+
"selected": _vm.selected,
|
|
74
|
+
"disabled": _vm.disabled
|
|
75
|
+
}
|
|
76
|
+
}, [_vm._t("default"), _vm._v(" "), _vm.closeButton ? [_c('div', {
|
|
77
|
+
class: ['grow']
|
|
78
|
+
}), _vm._v(" "), _c('OrIconButton', {
|
|
79
|
+
attrs: {
|
|
80
|
+
"icon": 'close',
|
|
81
|
+
"disabled": _vm.disabled
|
|
82
|
+
},
|
|
83
|
+
on: {
|
|
84
|
+
"click": function ($event) {
|
|
85
|
+
$event.stopPropagation();
|
|
86
|
+
return _vm.$emit('close');
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
})] : _vm._e()], 2);
|
|
90
|
+
};
|
|
91
|
+
var __vue_staticRenderFns__$1 = [];
|
|
92
|
+
|
|
93
|
+
/* style */
|
|
94
|
+
const __vue_inject_styles__$1 = undefined;
|
|
95
|
+
/* scoped */
|
|
96
|
+
const __vue_scope_id__$1 = undefined;
|
|
97
|
+
/* module identifier */
|
|
98
|
+
const __vue_module_identifier__$1 = undefined;
|
|
99
|
+
/* functional template */
|
|
100
|
+
const __vue_is_functional_template__$1 = false;
|
|
101
|
+
/* style inject */
|
|
102
|
+
|
|
103
|
+
/* style inject SSR */
|
|
104
|
+
|
|
105
|
+
/* style inject shadow dom */
|
|
106
|
+
|
|
107
|
+
const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
|
|
108
|
+
render: __vue_render__$1,
|
|
109
|
+
staticRenderFns: __vue_staticRenderFns__$1
|
|
110
|
+
}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
|
|
111
|
+
var OrEditorTabsItem = __vue_component__$1;
|
|
112
|
+
|
|
113
|
+
var script = defineComponent({
|
|
114
|
+
components: {
|
|
115
|
+
OrEditorTabsItem,
|
|
116
|
+
OrIcon: __vue_component__$3,
|
|
117
|
+
OrMenu: __vue_component__$4,
|
|
118
|
+
OrMenuItem: __vue_component__$5
|
|
119
|
+
},
|
|
120
|
+
model: {
|
|
121
|
+
prop: 'modelValue',
|
|
122
|
+
event: 'update:modelValue'
|
|
123
|
+
},
|
|
124
|
+
props: {
|
|
125
|
+
modelValue: {
|
|
126
|
+
type: [String, Number],
|
|
127
|
+
default: undefined
|
|
128
|
+
},
|
|
129
|
+
items: {
|
|
130
|
+
type: Array,
|
|
131
|
+
required: true
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
emits: ['update:modelValue', 'open', 'close'],
|
|
135
|
+
expose: ['root'],
|
|
136
|
+
setup(props, context) {
|
|
137
|
+
// Refs
|
|
138
|
+
const root = ref();
|
|
139
|
+
// Styles
|
|
140
|
+
const rootStyles = computed(() => ['or-editor-tabs-v3', ...EditorTabs]);
|
|
141
|
+
const headerStyles = computed(() => [...EditorTabsHeader]);
|
|
142
|
+
const headerTabsStyles = computed(() => [...EditorTabsHeaderTabs]);
|
|
143
|
+
const headerMenuStyles = computed(() => [...EditorTabsHeaderMenu]);
|
|
144
|
+
const contentStyles = computed(() => [...EditorTabsContent]);
|
|
145
|
+
// State
|
|
146
|
+
const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
|
|
147
|
+
const selectedItem = computed(() => {
|
|
148
|
+
return props.items.find(item => item.value === proxyModelValue.value);
|
|
149
|
+
});
|
|
150
|
+
const overflowItems = computed(() => {
|
|
151
|
+
return props.items.filter(item => item.value !== proxyModelValue.value);
|
|
152
|
+
});
|
|
153
|
+
const showOverflowMenu = ref(false);
|
|
154
|
+
// Handlers
|
|
155
|
+
function onClose(item) {
|
|
156
|
+
if (item.value === proxyModelValue.value) {
|
|
157
|
+
const index = props.items.indexOf(item);
|
|
158
|
+
if (index !== -1) {
|
|
159
|
+
const nextItem = props.items[index + 1];
|
|
160
|
+
const previousItem = props.items[index - 1];
|
|
161
|
+
proxyModelValue.value = (nextItem === null || nextItem === void 0 ? void 0 : nextItem.value) || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.value);
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
context.emit('close', item);
|
|
165
|
+
}
|
|
166
|
+
// Helpers
|
|
167
|
+
const {
|
|
168
|
+
isDesktop,
|
|
169
|
+
isMobile
|
|
170
|
+
} = useResponsive();
|
|
171
|
+
return {
|
|
172
|
+
root,
|
|
173
|
+
rootStyles,
|
|
174
|
+
headerStyles,
|
|
175
|
+
headerTabsStyles,
|
|
176
|
+
headerMenuStyles,
|
|
177
|
+
contentStyles,
|
|
178
|
+
proxyModelValue,
|
|
179
|
+
selectedItem,
|
|
180
|
+
overflowItems,
|
|
181
|
+
showOverflowMenu,
|
|
182
|
+
onClose,
|
|
183
|
+
isDesktop,
|
|
184
|
+
isMobile
|
|
185
|
+
};
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
|
|
189
|
+
/* script */
|
|
190
|
+
const __vue_script__ = script;
|
|
191
|
+
|
|
192
|
+
/* template */
|
|
193
|
+
var __vue_render__ = function () {
|
|
194
|
+
var _vm = this;
|
|
195
|
+
var _h = _vm.$createElement;
|
|
196
|
+
var _c = _vm._self._c || _h;
|
|
197
|
+
return _c('div', {
|
|
198
|
+
ref: "root",
|
|
199
|
+
class: _vm.rootStyles
|
|
200
|
+
}, [_c('div', {
|
|
201
|
+
class: _vm.headerStyles
|
|
202
|
+
}, [_c('div', {
|
|
203
|
+
class: ['grow'].concat(_vm.headerTabsStyles)
|
|
204
|
+
}, [_vm.isDesktop ? _vm._l(_vm.items, function (item) {
|
|
205
|
+
return _c('OrEditorTabsItem', {
|
|
206
|
+
key: item.value,
|
|
207
|
+
attrs: {
|
|
208
|
+
"selected": item.value === _vm.proxyModelValue,
|
|
209
|
+
"disabled": item.disabled
|
|
210
|
+
},
|
|
211
|
+
on: {
|
|
212
|
+
"click": function ($event) {
|
|
213
|
+
_vm.proxyModelValue = item.value;
|
|
214
|
+
},
|
|
215
|
+
"close": function ($event) {
|
|
216
|
+
return _vm.onClose(item);
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}, [_vm._t(item.value + "-label", function () {
|
|
220
|
+
return [_c('div', {
|
|
221
|
+
class: ['truncate']
|
|
222
|
+
}, [_vm._v("\n " + _vm._s(item.label) + "\n ")])];
|
|
223
|
+
}, {
|
|
224
|
+
"label": item.label
|
|
225
|
+
})], 2);
|
|
226
|
+
}) : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.selectedItem ? [_c('OrEditorTabsItem', {
|
|
227
|
+
class: ['grow'],
|
|
228
|
+
attrs: {
|
|
229
|
+
"selected": true,
|
|
230
|
+
"disabled": _vm.selectedItem.disabled
|
|
231
|
+
},
|
|
232
|
+
on: {
|
|
233
|
+
"close": function ($event) {
|
|
234
|
+
return _vm.onClose(_vm.selectedItem);
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}, [_vm._t(_vm.selectedItem.value + "-label", function () {
|
|
238
|
+
return [_c('div', {
|
|
239
|
+
class: ['truncate']
|
|
240
|
+
}, [_vm._v("\n " + _vm._s(_vm.selectedItem.label) + "\n ")])];
|
|
241
|
+
}, {
|
|
242
|
+
"label": _vm.selectedItem.label
|
|
243
|
+
})], 2)] : _vm._e(), _vm._v(" "), _c('OrEditorTabsItem', {
|
|
244
|
+
attrs: {
|
|
245
|
+
"close-button": false
|
|
246
|
+
},
|
|
247
|
+
on: {
|
|
248
|
+
"click": function ($event) {
|
|
249
|
+
return _vm.$emit('open');
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
}, [_c('OrIcon', {
|
|
253
|
+
attrs: {
|
|
254
|
+
"icon": 'add',
|
|
255
|
+
"size": 'm'
|
|
256
|
+
}
|
|
257
|
+
})], 1), _vm._v(" "), _vm.isMobile && _vm.items.length > 1 ? [_c('OrEditorTabsItem', {
|
|
258
|
+
attrs: {
|
|
259
|
+
"close-button": false
|
|
260
|
+
},
|
|
261
|
+
on: {
|
|
262
|
+
"click": function ($event) {
|
|
263
|
+
_vm.showOverflowMenu = true;
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
}, [_vm._v("\n " + _vm._s(_vm.overflowItems.length) + "\n\n "), _c('OrIcon', {
|
|
267
|
+
attrs: {
|
|
268
|
+
"icon": 'more_vert',
|
|
269
|
+
"size": 'm'
|
|
270
|
+
}
|
|
271
|
+
})], 1), _vm._v(" "), _c('OrMenu', {
|
|
272
|
+
attrs: {
|
|
273
|
+
"is-open": _vm.showOverflowMenu
|
|
274
|
+
},
|
|
275
|
+
on: {
|
|
276
|
+
"close": function ($event) {
|
|
277
|
+
_vm.showOverflowMenu = false;
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
}, _vm._l(_vm.overflowItems, function (item) {
|
|
281
|
+
return _c('OrMenuItem', {
|
|
282
|
+
key: item.value,
|
|
283
|
+
attrs: {
|
|
284
|
+
"close-button": true,
|
|
285
|
+
"disabled": item.disabled
|
|
286
|
+
},
|
|
287
|
+
on: {
|
|
288
|
+
"click": function ($event) {
|
|
289
|
+
_vm.proxyModelValue = item.value;
|
|
290
|
+
},
|
|
291
|
+
"close": function ($event) {
|
|
292
|
+
return _vm.onClose(item);
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
}, [_c('div', {
|
|
296
|
+
class: ['layout-row', 'gap-sm']
|
|
297
|
+
}, [_vm._t(item.value + "-label", function () {
|
|
298
|
+
return [_c('div', {
|
|
299
|
+
class: ['truncate']
|
|
300
|
+
}, [_vm._v("\n " + _vm._s(item.label) + "\n ")])];
|
|
301
|
+
}, {
|
|
302
|
+
"label": item.label
|
|
303
|
+
})], 2)]);
|
|
304
|
+
}), 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
|
|
305
|
+
class: _vm.headerMenuStyles
|
|
306
|
+
})]), _vm._v(" "), _c('div', {
|
|
307
|
+
class: _vm.contentStyles
|
|
308
|
+
}, [_vm._t(_vm.proxyModelValue)], 2)]);
|
|
309
|
+
};
|
|
310
|
+
var __vue_staticRenderFns__ = [];
|
|
311
|
+
|
|
312
|
+
/* style */
|
|
313
|
+
const __vue_inject_styles__ = undefined;
|
|
314
|
+
/* scoped */
|
|
315
|
+
const __vue_scope_id__ = undefined;
|
|
316
|
+
/* module identifier */
|
|
317
|
+
const __vue_module_identifier__ = undefined;
|
|
318
|
+
/* functional template */
|
|
319
|
+
const __vue_is_functional_template__ = false;
|
|
320
|
+
/* style inject */
|
|
321
|
+
|
|
322
|
+
/* style inject SSR */
|
|
323
|
+
|
|
324
|
+
/* style inject shadow dom */
|
|
325
|
+
|
|
326
|
+
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
327
|
+
render: __vue_render__,
|
|
328
|
+
staticRenderFns: __vue_staticRenderFns__
|
|
329
|
+
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
330
|
+
|
|
331
|
+
export { __vue_component__ as default };
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
import { TabsItem } from '../or-tabs-v3';
|
|
3
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
6
|
+
headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
+
headerTabsStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
8
|
+
headerMenuStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
9
|
+
contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
10
|
+
proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
|
|
11
|
+
selectedItem: import("@vue/composition-api").ComputedRef<TabsItem | undefined>;
|
|
12
|
+
overflowItems: import("@vue/composition-api").ComputedRef<TabsItem[]>;
|
|
13
|
+
showOverflowMenu: import("@vue/composition-api").Ref<boolean>;
|
|
14
|
+
onClose: (item: TabsItem) => void;
|
|
15
|
+
isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
|
|
16
|
+
isMobile: import("@vue/composition-api").ComputedRef<boolean>;
|
|
17
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
18
|
+
modelValue: {
|
|
19
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
items: {
|
|
23
|
+
type: PropType<TabsItem[]>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
27
|
+
modelValue: {
|
|
28
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
29
|
+
default: undefined;
|
|
30
|
+
};
|
|
31
|
+
items: {
|
|
32
|
+
type: PropType<TabsItem[]>;
|
|
33
|
+
required: true;
|
|
34
|
+
};
|
|
35
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
36
|
+
modelValue: string | number;
|
|
37
|
+
items: TabsItem[];
|
|
38
|
+
} & {} & {
|
|
39
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
40
|
+
}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
41
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
42
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
43
|
+
headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
44
|
+
headerTabsStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
45
|
+
headerMenuStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
46
|
+
contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
47
|
+
proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
|
|
48
|
+
selectedItem: import("@vue/composition-api").ComputedRef<TabsItem | undefined>;
|
|
49
|
+
overflowItems: import("@vue/composition-api").ComputedRef<TabsItem[]>;
|
|
50
|
+
showOverflowMenu: import("@vue/composition-api").Ref<boolean>;
|
|
51
|
+
onClose: (item: TabsItem) => void;
|
|
52
|
+
isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
|
|
53
|
+
isMobile: import("@vue/composition-api").ComputedRef<boolean>;
|
|
54
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
55
|
+
modelValue: string | number;
|
|
56
|
+
items: TabsItem[];
|
|
57
|
+
} & {} & {
|
|
58
|
+
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
59
|
+
}, {
|
|
60
|
+
modelValue: string | number;
|
|
61
|
+
}, true>);
|
|
62
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as OrEditorTabsV3 } from './OrEditorTabs.vue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as OrEditorTabsV3 } from './OrEditorTabs.js';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const EditorTabs = [];
|
|
2
|
+
const EditorTabsHeader = [
|
|
3
|
+
// Layout
|
|
4
|
+
'layout-row',
|
|
5
|
+
// Theme
|
|
6
|
+
'theme-border-underline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
|
|
7
|
+
const EditorTabsHeaderTabs = [
|
|
8
|
+
// Layout
|
|
9
|
+
'layout-row',
|
|
10
|
+
// Box
|
|
11
|
+
'max-w-full',
|
|
12
|
+
// Theme
|
|
13
|
+
'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'];
|
|
14
|
+
const EditorTabsHeaderMenu = [];
|
|
15
|
+
const EditorTabsContent = [
|
|
16
|
+
// Spacing
|
|
17
|
+
'px-md', 'py-md',
|
|
18
|
+
// Theme
|
|
19
|
+
'theme-background-surface-1', 'dark:theme-background-surface-1-dark'];
|
|
20
|
+
|
|
21
|
+
export { EditorTabs, EditorTabsContent, EditorTabsHeader, EditorTabsHeaderMenu, EditorTabsHeaderTabs };
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import { defineComponent, ref, computed } from 'vue-demi';
|
|
2
|
-
import {
|
|
2
|
+
import { MenuItem } from './styles.js';
|
|
3
3
|
import __vue_component__$1 from '../OrIconV3/OrIcon.js';
|
|
4
|
+
import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
|
|
4
5
|
import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
|
|
5
6
|
|
|
6
7
|
var script = defineComponent({
|
|
7
|
-
name: 'OrMenuItem',
|
|
8
8
|
components: {
|
|
9
|
-
OrIcon: __vue_component__$1
|
|
9
|
+
OrIcon: __vue_component__$1,
|
|
10
|
+
OrIconButton: __vue_component__$2
|
|
10
11
|
},
|
|
11
12
|
props: {
|
|
12
13
|
icon: {
|
|
13
14
|
type: [String, Object],
|
|
14
15
|
default: undefined
|
|
15
16
|
},
|
|
17
|
+
closeButton: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
default: false
|
|
20
|
+
},
|
|
16
21
|
selected: {
|
|
17
22
|
type: Boolean,
|
|
18
23
|
default: false
|
|
@@ -22,13 +27,13 @@ var script = defineComponent({
|
|
|
22
27
|
default: false
|
|
23
28
|
}
|
|
24
29
|
},
|
|
25
|
-
emits: ['click', 'focus', 'blur'],
|
|
30
|
+
emits: ['click', 'focus', 'blur', 'close'],
|
|
26
31
|
expose: ['root'],
|
|
27
32
|
setup() {
|
|
28
33
|
// Refs
|
|
29
34
|
const root = ref();
|
|
30
35
|
// Styles
|
|
31
|
-
const rootStyles = computed(() => ['or-menu-item-v3', ...
|
|
36
|
+
const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItem]);
|
|
32
37
|
return {
|
|
33
38
|
root,
|
|
34
39
|
rootStyles
|
|
@@ -66,8 +71,21 @@ var __vue_render__ = function () {
|
|
|
66
71
|
}, [_vm.icon ? [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
|
|
67
72
|
icon: _vm.icon
|
|
68
73
|
} : _vm.icon, false))] : _vm._e(), _vm._v(" "), _c('div', {
|
|
69
|
-
class: ['truncate'
|
|
70
|
-
}, [_vm._t("default")], 2)
|
|
74
|
+
class: ['truncate']
|
|
75
|
+
}, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
|
|
76
|
+
class: ['grow']
|
|
77
|
+
}), _vm._v(" "), _c('OrIconButton', {
|
|
78
|
+
attrs: {
|
|
79
|
+
"icon": 'close',
|
|
80
|
+
"disabled": _vm.disabled
|
|
81
|
+
},
|
|
82
|
+
on: {
|
|
83
|
+
"click": function ($event) {
|
|
84
|
+
$event.stopPropagation();
|
|
85
|
+
return _vm.$emit('close');
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
})] : _vm._e()], 2);
|
|
71
89
|
};
|
|
72
90
|
var __vue_staticRenderFns__ = [];
|
|
73
91
|
|
|
@@ -9,6 +9,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
9
9
|
} | {}> & Omit<{} & {}, never>>>;
|
|
10
10
|
default: undefined;
|
|
11
11
|
};
|
|
12
|
+
closeButton: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
12
16
|
selected: {
|
|
13
17
|
type: BooleanConstructor;
|
|
14
18
|
default: boolean;
|
|
@@ -24,6 +28,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
24
28
|
} | {}> & Omit<{} & {}, never>>>;
|
|
25
29
|
default: undefined;
|
|
26
30
|
};
|
|
31
|
+
closeButton: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
27
35
|
selected: {
|
|
28
36
|
type: BooleanConstructor;
|
|
29
37
|
default: boolean;
|
|
@@ -36,6 +44,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
36
44
|
icon: string | Readonly<Partial<{
|
|
37
45
|
[x: number]: string;
|
|
38
46
|
} | {}> & Omit<{} & {}, never>>;
|
|
47
|
+
closeButton: boolean;
|
|
39
48
|
selected: boolean;
|
|
40
49
|
disabled: boolean;
|
|
41
50
|
} & {} & {
|
|
@@ -47,6 +56,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
47
56
|
icon: string | Readonly<Partial<{
|
|
48
57
|
[x: number]: string;
|
|
49
58
|
} | {}> & Omit<{} & {}, never>>;
|
|
59
|
+
closeButton: boolean;
|
|
50
60
|
selected: boolean;
|
|
51
61
|
disabled: boolean;
|
|
52
62
|
} & {} & {
|
|
@@ -55,6 +65,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
55
65
|
icon: string | Readonly<Partial<{
|
|
56
66
|
[x: number]: string;
|
|
57
67
|
} | {}> & Omit<{} & {}, never>>;
|
|
68
|
+
closeButton: boolean;
|
|
58
69
|
selected: boolean;
|
|
59
70
|
disabled: boolean;
|
|
60
71
|
}, true>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const MenuItem: string[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const MenuItem = [
|
|
2
2
|
// Layout
|
|
3
3
|
'layout-row',
|
|
4
4
|
// Spacing
|
|
@@ -18,4 +18,4 @@ const MenuItemRoot = [
|
|
|
18
18
|
// Theme (active)
|
|
19
19
|
'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark'];
|
|
20
20
|
|
|
21
|
-
export {
|
|
21
|
+
export { MenuItem };
|
|
@@ -28,6 +28,7 @@ export * from './or-date-range-picker-v3';
|
|
|
28
28
|
export * from './or-date-time-format-v3';
|
|
29
29
|
export * from './or-date-time-picker';
|
|
30
30
|
export * from './or-date-time-picker-v3';
|
|
31
|
+
export * from './or-editor-tabs-v3';
|
|
31
32
|
export * from './or-empty-state-v3';
|
|
32
33
|
export * from './or-error';
|
|
33
34
|
export * from './or-error-tag-v3';
|
|
@@ -52,7 +52,7 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
|
|
|
52
52
|
export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
|
|
53
53
|
export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
|
|
54
54
|
export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
|
|
55
|
-
export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-
|
|
55
|
+
export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-fe1c8243.js';
|
|
56
56
|
export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
|
|
57
57
|
export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-6ac77884.js';
|
|
58
58
|
export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
|
|
@@ -62,6 +62,7 @@ export { getCurrentDate } from './OrDateTimePickerV3/utils/getCurrentDate.js';
|
|
|
62
62
|
export { getDatePlaceholder } from './OrDateTimePickerV3/utils/getDatePlaceholder.js';
|
|
63
63
|
export { getNextMonthDate } from './OrDateTimePickerV3/utils/getNextMonthDate.js';
|
|
64
64
|
export { getTimePlaceholder } from './OrDateTimePickerV3/utils/getTimePlaceholder.js';
|
|
65
|
+
export { default as OrEditorTabsV3 } from './OrEditorTabsV3/OrEditorTabs.js';
|
|
65
66
|
export { default as OrEmptyStateV3 } from './OrEmptyStateV3/OrEmptyState.js';
|
|
66
67
|
export { EmptyStateSize } from './OrEmptyStateV3/props.js';
|
|
67
68
|
export { default as OrError } from './OrError/OrError.js';
|