@onereach/ui-components 4.1.1-beta.2586.0 → 4.1.1-beta.2588.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/{OrDateTimePickerMonthSelect-f5e60fd3.js → OrDateTimePickerMonthSelect-e20fd8dc.js} +7 -7
- package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js +1 -1
- package/dist/bundled/v2/components/OrDatePickerV3/index.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/index.js +1 -1
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-8737a597.js → OrDatePicker.vue_vue_type_script_lang-b581f7f5.js} +1 -1
- package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-a29f280b.js → OrDateTimePicker.vue_vue_type_script_lang-54d6f97e.js} +1 -1
- package/dist/bundled/v3/{OrDateTimePickerMonthSelect-d912fb91.js → OrDateTimePickerMonthSelect-a9634fe9.js} +8 -8
- package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +3 -3
- package/dist/bundled/v3/components/OrDatePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +3 -3
- package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/index.js +3 -3
- package/dist/bundled/v3/index.js +3 -3
- package/dist/esm/v2/{OrDatePicker-b033644e.js → OrDatePicker-28e45b6f.js} +1 -1
- package/dist/esm/v2/{OrDateTimePicker-51544afb.js → OrDateTimePicker-57ab43ba.js} +1 -1
- package/dist/esm/v2/{OrDateTimePickerMonthSelect-b6700451.js → OrDateTimePickerMonthSelect-7803ed9e.js} +7 -7
- package/dist/esm/v2/components/index.js +3 -3
- package/dist/esm/v2/components/or-date-picker-v3/index.js +2 -2
- package/dist/esm/v2/components/or-date-time-picker-v3/index.js +2 -2
- package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue.d.ts +4 -4
- package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/styles.d.ts +2 -2
- package/dist/esm/v2/index.js +3 -3
- package/dist/esm/v3/{OrDatePicker-49a076fa.js → OrDatePicker-0a7a2b80.js} +1 -1
- package/dist/esm/v3/{OrDateTimePicker-d0ba01c8.js → OrDateTimePicker-5c353b72.js} +1 -1
- package/dist/esm/v3/{OrDateTimePickerMonthSelect-f5029697.js → OrDateTimePickerMonthSelect-7e13dcca.js} +8 -8
- package/dist/esm/v3/components/index.js +3 -3
- package/dist/esm/v3/components/or-date-picker-v3/index.js +2 -2
- package/dist/esm/v3/components/or-date-time-picker-v3/index.js +2 -2
- package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue.d.ts +4 -4
- package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/styles.d.ts +2 -2
- package/dist/esm/v3/index.js +3 -3
- package/package.json +2 -2
- package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue +9 -9
- package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/styles.ts +2 -2
- package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue +1 -1
|
@@ -141,14 +141,14 @@ const DateTimePickerDateSelectButtonGroupWeekdayItem = [
|
|
|
141
141
|
'typography-caption-regular',
|
|
142
142
|
// Theme
|
|
143
143
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
|
|
144
|
-
const
|
|
144
|
+
const DateTimePickerDateSelectButtonGroupDateItem = [
|
|
145
145
|
// Box
|
|
146
146
|
'min-w-fit',
|
|
147
147
|
// Spacing
|
|
148
148
|
'!px-sm', '!py-sm',
|
|
149
149
|
// Typography
|
|
150
150
|
'typography-caption-regular'];
|
|
151
|
-
const
|
|
151
|
+
const DateTimePickerDateSelectButtonGroupCurrentDateItem = [
|
|
152
152
|
// Theme
|
|
153
153
|
'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
|
|
154
154
|
|
|
@@ -184,8 +184,8 @@ var script$1 = defineComponent({
|
|
|
184
184
|
const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
|
|
185
185
|
const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
|
|
186
186
|
const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
|
|
187
|
-
const
|
|
188
|
-
const
|
|
187
|
+
const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
|
|
188
|
+
const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
|
|
189
189
|
// State
|
|
190
190
|
const proxyModelValue = computed({
|
|
191
191
|
get: () => {
|
|
@@ -237,8 +237,8 @@ var script$1 = defineComponent({
|
|
|
237
237
|
rootStyles,
|
|
238
238
|
buttonGroupStyles,
|
|
239
239
|
buttonGroupWeekdayItemStyles,
|
|
240
|
-
|
|
241
|
-
|
|
240
|
+
buttonGroupDateItemStyles,
|
|
241
|
+
buttonGroupCurrentDateItemStyles,
|
|
242
242
|
proxyModelValue,
|
|
243
243
|
dayOptions,
|
|
244
244
|
currentDate,
|
|
@@ -270,7 +270,7 @@ var __vue_render__$1 = function () {
|
|
|
270
270
|
var _obj;
|
|
271
271
|
return _c('OrButton', {
|
|
272
272
|
key: Number(value),
|
|
273
|
-
class: (_obj = {}, _obj[_vm.
|
|
273
|
+
class: (_obj = {}, _obj[_vm.buttonGroupDateItemStyles.join(' ')] = true, _obj[_vm.buttonGroupCurrentDateItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj['invisible'] = value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth(), _obj),
|
|
274
274
|
attrs: {
|
|
275
275
|
"variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
|
|
276
276
|
"color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
|
|
@@ -4,7 +4,7 @@ import { useDefaultHours } from '../OrDateTimePickerV3/hooks/useDefaultHours.js'
|
|
|
4
4
|
import { useDefaultMinutes } from '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
5
5
|
import { useDefaultMonth } from '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
6
6
|
import { useDefaultYear } from '../OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
7
|
-
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
7
|
+
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e20fd8dc.js';
|
|
8
8
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
|
|
9
9
|
import { DatePicker, DatePickerPopover } from './styles.js';
|
|
10
10
|
import __vue_component__$1 from '../OrErrorV3/OrError.js';
|
|
@@ -6,7 +6,7 @@ import '../OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
6
6
|
import '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
7
7
|
import '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
8
8
|
import '../OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
9
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
9
|
+
import '../../OrDateTimePickerMonthSelect-e20fd8dc.js';
|
|
10
10
|
import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
11
11
|
import '../../normalize-component-6e8e3d80.js';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
@@ -4,7 +4,7 @@ import { useDefaultHours } from './hooks/useDefaultHours.js';
|
|
|
4
4
|
import { useDefaultMinutes } from './hooks/useDefaultMinutes.js';
|
|
5
5
|
import { useDefaultMonth } from './hooks/useDefaultMonth.js';
|
|
6
6
|
import { useDefaultYear } from './hooks/useDefaultYear.js';
|
|
7
|
-
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-
|
|
7
|
+
import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e20fd8dc.js';
|
|
8
8
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
|
|
9
9
|
import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.js';
|
|
10
10
|
import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
|
|
@@ -6,7 +6,7 @@ import './hooks/useDefaultHours.js';
|
|
|
6
6
|
import './hooks/useDefaultMinutes.js';
|
|
7
7
|
import './hooks/useDefaultMonth.js';
|
|
8
8
|
import './hooks/useDefaultYear.js';
|
|
9
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
9
|
+
import '../../OrDateTimePickerMonthSelect-e20fd8dc.js';
|
|
10
10
|
import './hooks/useDatePlaceholder.js';
|
|
11
11
|
import '../../normalize-component-6e8e3d80.js';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
@@ -207,7 +207,7 @@ import './OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
207
207
|
import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
208
208
|
import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
209
209
|
import './OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
210
|
-
import '../OrDateTimePickerMonthSelect-
|
|
210
|
+
import '../OrDateTimePickerMonthSelect-e20fd8dc.js';
|
|
211
211
|
import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
212
212
|
import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
|
|
213
213
|
import './OrDatePickerV3/styles.js';
|
package/dist/bundled/v2/index.js
CHANGED
|
@@ -189,7 +189,7 @@ import './components/OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
189
189
|
import './components/OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
190
190
|
import './components/OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
191
191
|
import './components/OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
192
|
-
import './OrDateTimePickerMonthSelect-
|
|
192
|
+
import './OrDateTimePickerMonthSelect-e20fd8dc.js';
|
|
193
193
|
import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
194
194
|
import './OrDateTimePickerPopoverHeader-7c87f38a.js';
|
|
195
195
|
import './components/OrDatePickerV3/styles.js';
|
|
@@ -4,7 +4,7 @@ import { useDefaultHours } from './components/OrDateTimePickerV3/hooks/useDefaul
|
|
|
4
4
|
import { useDefaultMinutes } from './components/OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
5
5
|
import { useDefaultMonth } from './components/OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
6
6
|
import { useDefaultYear } from './components/OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
7
|
-
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-
|
|
7
|
+
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
8
8
|
import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
|
|
9
9
|
import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
|
|
10
10
|
import './components/OrErrorV3/OrError.js';
|
|
@@ -4,7 +4,7 @@ import { useDefaultHours } from './components/OrDateTimePickerV3/hooks/useDefaul
|
|
|
4
4
|
import { useDefaultMinutes } from './components/OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
5
5
|
import { useDefaultMonth } from './components/OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
6
6
|
import { useDefaultYear } from './components/OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
7
|
-
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-
|
|
7
|
+
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
8
8
|
import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
|
|
9
9
|
import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-b962e4d5.js';
|
|
10
10
|
import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
|
|
@@ -123,14 +123,14 @@ const DateTimePickerDateSelectButtonGroupWeekdayItem = [
|
|
|
123
123
|
'typography-caption-regular',
|
|
124
124
|
// Theme
|
|
125
125
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
|
|
126
|
-
const
|
|
126
|
+
const DateTimePickerDateSelectButtonGroupDateItem = [
|
|
127
127
|
// Box
|
|
128
128
|
'min-w-fit',
|
|
129
129
|
// Spacing
|
|
130
130
|
'!px-sm', '!py-sm',
|
|
131
131
|
// Typography
|
|
132
132
|
'typography-caption-regular'];
|
|
133
|
-
const
|
|
133
|
+
const DateTimePickerDateSelectButtonGroupCurrentDateItem = [
|
|
134
134
|
// Theme
|
|
135
135
|
'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
|
|
136
136
|
|
|
@@ -166,8 +166,8 @@ var script$1 = defineComponent({
|
|
|
166
166
|
const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
|
|
167
167
|
const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
|
|
168
168
|
const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
|
|
169
|
-
const
|
|
170
|
-
const
|
|
169
|
+
const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
|
|
170
|
+
const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
|
|
171
171
|
// State
|
|
172
172
|
const proxyModelValue = computed({
|
|
173
173
|
get: () => {
|
|
@@ -219,8 +219,8 @@ var script$1 = defineComponent({
|
|
|
219
219
|
rootStyles,
|
|
220
220
|
buttonGroupStyles,
|
|
221
221
|
buttonGroupWeekdayItemStyles,
|
|
222
|
-
|
|
223
|
-
|
|
222
|
+
buttonGroupDateItemStyles,
|
|
223
|
+
buttonGroupCurrentDateItemStyles,
|
|
224
224
|
proxyModelValue,
|
|
225
225
|
dayOptions,
|
|
226
226
|
currentDate,
|
|
@@ -246,8 +246,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
246
246
|
return openBlock(), createBlock(_component_OrButton, {
|
|
247
247
|
key: Number(value),
|
|
248
248
|
class: normalizeClass({
|
|
249
|
-
[_ctx.
|
|
250
|
-
[_ctx.
|
|
249
|
+
[_ctx.buttonGroupDateItemStyles.join(' ')]: true,
|
|
250
|
+
[_ctx.buttonGroupCurrentDateItemStyles.join(' ')]: Number(value) === Number(_ctx.currentDate) && Number(value) !== Number(_ctx.proxyModelValue),
|
|
251
251
|
'invisible': value.getUTCMonth() !== _ctx.proxyModelValue.getUTCMonth()
|
|
252
252
|
}),
|
|
253
253
|
variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-
|
|
2
|
-
export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-
|
|
1
|
+
import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-b581f7f5.js';
|
|
2
|
+
export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-b581f7f5.js';
|
|
3
3
|
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
|
|
4
4
|
import 'vue-demi';
|
|
5
5
|
import '../OrDateTimePickerV3/hooks/useDefaultDate.js';
|
|
@@ -7,7 +7,7 @@ import '../OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
7
7
|
import '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
8
8
|
import '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
9
9
|
import '../OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
10
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
10
|
+
import '../../OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
11
11
|
import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
13
13
|
import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-b581f7f5.js';
|
|
2
2
|
export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../OrDateTimePickerV3/hooks/useDefaultDate.js';
|
|
@@ -6,7 +6,7 @@ import '../OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
6
6
|
import '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
7
7
|
import '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
8
8
|
import '../OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
9
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
9
|
+
import '../../OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
10
10
|
import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
11
11
|
import 'vue';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-
|
|
2
|
-
export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-
|
|
1
|
+
import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-54d6f97e.js';
|
|
2
|
+
export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-54d6f97e.js';
|
|
3
3
|
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
|
|
4
4
|
import 'vue-demi';
|
|
5
5
|
import './hooks/useDefaultDate.js';
|
|
@@ -7,7 +7,7 @@ import './hooks/useDefaultHours.js';
|
|
|
7
7
|
import './hooks/useDefaultMinutes.js';
|
|
8
8
|
import './hooks/useDefaultMonth.js';
|
|
9
9
|
import './hooks/useDefaultYear.js';
|
|
10
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
10
|
+
import '../../OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
11
11
|
import './hooks/useDatePlaceholder.js';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
13
13
|
import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-54d6f97e.js';
|
|
2
2
|
export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import './hooks/useDefaultDate.js';
|
|
@@ -6,7 +6,7 @@ import './hooks/useDefaultHours.js';
|
|
|
6
6
|
import './hooks/useDefaultMinutes.js';
|
|
7
7
|
import './hooks/useDefaultMonth.js';
|
|
8
8
|
import './hooks/useDefaultYear.js';
|
|
9
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
9
|
+
import '../../OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
10
10
|
import './hooks/useDatePlaceholder.js';
|
|
11
11
|
import 'vue';
|
|
12
12
|
import '../OrButtonV3/OrButton.js';
|
|
@@ -30,11 +30,11 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
|
|
|
30
30
|
export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-806d209b.js';
|
|
31
31
|
export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-5ee20884.js';
|
|
32
32
|
export { ConfirmType } from './OrConfirmV3/props.js';
|
|
33
|
-
export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-
|
|
33
|
+
export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-b581f7f5.js';
|
|
34
34
|
export { InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
|
|
35
35
|
export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-5c1a5d4a.js';
|
|
36
36
|
export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
|
|
37
|
-
export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-
|
|
37
|
+
export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-54d6f97e.js';
|
|
38
38
|
export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
|
|
39
39
|
export { EmptyStateSize } from './OrEmptyStateV3/props.js';
|
|
40
40
|
export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
|
|
@@ -239,7 +239,7 @@ import './OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
239
239
|
import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
240
240
|
import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
241
241
|
import './OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
242
|
-
import '../OrDateTimePickerMonthSelect-
|
|
242
|
+
import '../OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
243
243
|
import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
244
244
|
import '../OrDateTimePickerPopoverHeader-f81b902f.js';
|
|
245
245
|
import './OrDatePickerV3/styles.js';
|
package/dist/bundled/v3/index.js
CHANGED
|
@@ -27,11 +27,11 @@ export { s as OrConfirm } from './OrConfirm.vue_vue_type_script_lang-806d209b.js
|
|
|
27
27
|
import './components/OrConfirmV3/OrConfirm.js';
|
|
28
28
|
export { s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-5ee20884.js';
|
|
29
29
|
import './components/OrDatePickerV3/OrDatePicker.js';
|
|
30
|
-
export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-
|
|
30
|
+
export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-b581f7f5.js';
|
|
31
31
|
import './components/OrDateTimePicker/OrDateTimePicker.js';
|
|
32
32
|
export { s as OrDateTimePicker } from './OrDateTimePicker.vue_vue_type_script_lang-5c1a5d4a.js';
|
|
33
33
|
import './components/OrDateTimePickerV3/OrDateTimePicker.js';
|
|
34
|
-
export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-
|
|
34
|
+
export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-54d6f97e.js';
|
|
35
35
|
import './components/OrEmptyStateV3/OrEmptyState.js';
|
|
36
36
|
export { s as OrEmptyStateV3 } from './OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
|
|
37
37
|
import './components/OrErrorTagV3/OrErrorTag.js';
|
|
@@ -272,7 +272,7 @@ import './components/OrDateTimePickerV3/hooks/useDefaultHours.js';
|
|
|
272
272
|
import './components/OrDateTimePickerV3/hooks/useDefaultMinutes.js';
|
|
273
273
|
import './components/OrDateTimePickerV3/hooks/useDefaultMonth.js';
|
|
274
274
|
import './components/OrDateTimePickerV3/hooks/useDefaultYear.js';
|
|
275
|
-
import './OrDateTimePickerMonthSelect-
|
|
275
|
+
import './OrDateTimePickerMonthSelect-a9634fe9.js';
|
|
276
276
|
import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
|
|
277
277
|
import './OrDateTimePickerPopoverHeader-f81b902f.js';
|
|
278
278
|
import './components/OrLabelV3/OrLabel.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch } from 'vue-demi';
|
|
2
2
|
import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
|
|
3
3
|
import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useDefaultYear, c as useDefaultMonth, d as useDefaultDate, e as useDefaultHours, f as useDefaultMinutes } from './OrDateTimePickerPopoverHeader-7eaba46c.js';
|
|
4
|
-
import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-
|
|
4
|
+
import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-7803ed9e.js';
|
|
5
5
|
import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
|
|
6
6
|
import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
|
|
7
7
|
import { _ as __vue_component__$a } from './OrIconButton-0ec2cda6.js';
|
|
@@ -9,7 +9,7 @@ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe2
|
|
|
9
9
|
import { _ as __vue_component__$e } from './OrLabel-63380256.js';
|
|
10
10
|
import { _ as __vue_component__$f } from './OrPopover-c902e2fd.js';
|
|
11
11
|
import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useDefaultYear, c as useDefaultMonth, d as useDefaultDate, e as useDefaultHours, f as useDefaultMinutes } from './OrDateTimePickerPopoverHeader-7eaba46c.js';
|
|
12
|
-
import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-
|
|
12
|
+
import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-7803ed9e.js';
|
|
13
13
|
import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
|
|
14
14
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
15
15
|
|
|
@@ -148,14 +148,14 @@ const DateTimePickerDateSelectButtonGroupWeekdayItem = [
|
|
|
148
148
|
'typography-caption-regular',
|
|
149
149
|
// Theme
|
|
150
150
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
|
|
151
|
-
const
|
|
151
|
+
const DateTimePickerDateSelectButtonGroupDateItem = [
|
|
152
152
|
// Box
|
|
153
153
|
'min-w-fit',
|
|
154
154
|
// Spacing
|
|
155
155
|
'!px-sm', '!py-sm',
|
|
156
156
|
// Typography
|
|
157
157
|
'typography-caption-regular'];
|
|
158
|
-
const
|
|
158
|
+
const DateTimePickerDateSelectButtonGroupCurrentDateItem = [
|
|
159
159
|
// Theme
|
|
160
160
|
'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
|
|
161
161
|
|
|
@@ -191,8 +191,8 @@ var script$1 = defineComponent({
|
|
|
191
191
|
const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
|
|
192
192
|
const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
|
|
193
193
|
const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
|
|
194
|
-
const
|
|
195
|
-
const
|
|
194
|
+
const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
|
|
195
|
+
const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
|
|
196
196
|
// State
|
|
197
197
|
const proxyModelValue = computed({
|
|
198
198
|
get: () => {
|
|
@@ -244,8 +244,8 @@ var script$1 = defineComponent({
|
|
|
244
244
|
rootStyles,
|
|
245
245
|
buttonGroupStyles,
|
|
246
246
|
buttonGroupWeekdayItemStyles,
|
|
247
|
-
|
|
248
|
-
|
|
247
|
+
buttonGroupDateItemStyles,
|
|
248
|
+
buttonGroupCurrentDateItemStyles,
|
|
249
249
|
proxyModelValue,
|
|
250
250
|
dayOptions,
|
|
251
251
|
currentDate,
|
|
@@ -277,7 +277,7 @@ var __vue_render__$1 = function () {
|
|
|
277
277
|
var _obj;
|
|
278
278
|
return _c('OrButton', {
|
|
279
279
|
key: Number(value),
|
|
280
|
-
class: (_obj = {}, _obj[_vm.
|
|
280
|
+
class: (_obj = {}, _obj[_vm.buttonGroupDateItemStyles.join(' ')] = true, _obj[_vm.buttonGroupCurrentDateItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj['invisible'] = value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth(), _obj),
|
|
281
281
|
attrs: {
|
|
282
282
|
"variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
|
|
283
283
|
"color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
|
|
@@ -21,11 +21,11 @@ export { _ as OrCollapse } from '../OrCollapse-50e3914c.js';
|
|
|
21
21
|
export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-fa92b4fa.js';
|
|
22
22
|
export { _ as OrConfirm } from '../OrConfirm-497cd260.js';
|
|
23
23
|
export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-d1572223.js';
|
|
24
|
-
export { _ as OrDatePickerV3 } from '../OrDatePicker-
|
|
24
|
+
export { _ as OrDatePickerV3 } from '../OrDatePicker-28e45b6f.js';
|
|
25
25
|
export { _ as OrInputBoxV3 } from '../OrInputBox-d36b1323.js';
|
|
26
26
|
export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
|
|
27
27
|
export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-c88ca716.js';
|
|
28
|
-
export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-
|
|
28
|
+
export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-57ab43ba.js';
|
|
29
29
|
export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
|
|
30
30
|
export { _ as OrError } from '../OrError-efc74907.js';
|
|
31
31
|
export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
|
|
@@ -136,7 +136,7 @@ import '../dom-7a41831b.js';
|
|
|
136
136
|
import '@vueuse/math';
|
|
137
137
|
import '../dropdown-open-e1f90e0a.js';
|
|
138
138
|
import '../OrDateTimePickerPopoverHeader-7eaba46c.js';
|
|
139
|
-
import '../OrDateTimePickerMonthSelect-
|
|
139
|
+
import '../OrDateTimePickerMonthSelect-7803ed9e.js';
|
|
140
140
|
import '../OrDateTimePickerTimeSelect-0b70d0df.js';
|
|
141
141
|
import '@floating-ui/dom';
|
|
142
142
|
import '../OrTooltip.vue_rollup-plugin-vue_styles.0-122f7804.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as OrDatePickerV3 } from '../../OrDatePicker-
|
|
1
|
+
export { _ as OrDatePickerV3 } from '../../OrDatePicker-28e45b6f.js';
|
|
2
2
|
export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-e1f90e0a.js';
|
|
@@ -8,7 +8,7 @@ import '../../normalize-component-6e8e3d80.js';
|
|
|
8
8
|
import '../../OrButton-9622e713.js';
|
|
9
9
|
import '../../OrLoader-b0c381f9.js';
|
|
10
10
|
import '@vueuse/core';
|
|
11
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
11
|
+
import '../../OrDateTimePickerMonthSelect-7803ed9e.js';
|
|
12
12
|
import '../../OrIconButton-0ec2cda6.js';
|
|
13
13
|
import '../../OrIcon-d35a84d8.js';
|
|
14
14
|
import '../../OrTooltip-b7290ed1.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-
|
|
1
|
+
export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-57ab43ba.js';
|
|
2
2
|
export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-e1f90e0a.js';
|
|
@@ -22,7 +22,7 @@ import '../../OrLabel-63380256.js';
|
|
|
22
22
|
import '../../OrDateTimePickerPopoverHeader-7eaba46c.js';
|
|
23
23
|
import '../../OrButton-9622e713.js';
|
|
24
24
|
import '../../OrLoader-b0c381f9.js';
|
|
25
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
25
|
+
import '../../OrDateTimePickerMonthSelect-7803ed9e.js';
|
|
26
26
|
import '../../OrMenuItem-6f9b8a93.js';
|
|
27
27
|
import '../../OrMenu-55befbc8.js';
|
|
28
28
|
import '../../OrDateTimePickerTimeSelect-0b70d0df.js';
|
|
@@ -5,8 +5,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
5
5
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
6
6
|
buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
7
|
buttonGroupWeekdayItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
buttonGroupDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
9
|
+
buttonGroupCurrentDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
10
10
|
proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
|
|
11
11
|
dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
|
|
12
12
|
currentDate: import("@vue/composition-api").ComputedRef<Date>;
|
|
@@ -49,8 +49,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
49
49
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
50
50
|
buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
51
51
|
buttonGroupWeekdayItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
buttonGroupDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
53
|
+
buttonGroupCurrentDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
54
54
|
proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
|
|
55
55
|
dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
|
|
56
56
|
currentDate: import("@vue/composition-api").ComputedRef<Date>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const DateTimePickerDateSelect: string[];
|
|
2
2
|
export declare const DateTimePickerDateSelectButtonGroup: string[];
|
|
3
3
|
export declare const DateTimePickerDateSelectButtonGroupWeekdayItem: string[];
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
4
|
+
export declare const DateTimePickerDateSelectButtonGroupDateItem: string[];
|
|
5
|
+
export declare const DateTimePickerDateSelectButtonGroupCurrentDateItem: string[];
|
package/dist/esm/v2/index.js
CHANGED
|
@@ -21,11 +21,11 @@ export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
|
|
|
21
21
|
export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-fa92b4fa.js';
|
|
22
22
|
export { _ as OrConfirm } from './OrConfirm-497cd260.js';
|
|
23
23
|
export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d1572223.js';
|
|
24
|
-
export { _ as OrDatePickerV3 } from './OrDatePicker-
|
|
24
|
+
export { _ as OrDatePickerV3 } from './OrDatePicker-28e45b6f.js';
|
|
25
25
|
export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
|
|
26
26
|
export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
|
|
27
27
|
export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-c88ca716.js';
|
|
28
|
-
export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-
|
|
28
|
+
export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-57ab43ba.js';
|
|
29
29
|
export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
|
|
30
30
|
export { _ as OrError } from './OrError-efc74907.js';
|
|
31
31
|
export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
|
|
@@ -141,7 +141,7 @@ import './px-to-rem-0b26b83e.js';
|
|
|
141
141
|
import './dom-7a41831b.js';
|
|
142
142
|
import '@vueuse/math';
|
|
143
143
|
import './OrDateTimePickerPopoverHeader-7eaba46c.js';
|
|
144
|
-
import './OrDateTimePickerMonthSelect-
|
|
144
|
+
import './OrDateTimePickerMonthSelect-7803ed9e.js';
|
|
145
145
|
import './OrDateTimePickerTimeSelect-0b70d0df.js';
|
|
146
146
|
import '@floating-ui/dom';
|
|
147
147
|
import './OrTooltip.vue_rollup-plugin-vue_styles.0-122f7804.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch } from 'vue-demi';
|
|
2
2
|
import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
|
|
3
3
|
import { s as script$3, a as script$5, b as script$6, u as useDefaultYear, c as useDefaultMonth, d as useDefaultDate, e as useDefaultHours, f as useDefaultMinutes } from './OrDateTimePickerPopoverHeader-7f25ca83.js';
|
|
4
|
-
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-
|
|
4
|
+
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-7e13dcca.js';
|
|
5
5
|
import { s as script$7 } from './OrError-c01d0c29.js';
|
|
6
6
|
import { s as script$8 } from './OrHint-06ab89d7.js';
|
|
7
7
|
import { s as script$a } from './OrIconButton-46b3c1e2.js';
|
|
@@ -8,7 +8,7 @@ import { s as script$d, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
|
|
|
8
8
|
import { s as script$e } from './OrLabel-4da56db0.js';
|
|
9
9
|
import { s as script$f } from './OrPopover-e34e8f6c.js';
|
|
10
10
|
import { s as script$3, a as script$5, b as script$6, u as useDefaultYear, c as useDefaultMonth, d as useDefaultDate, e as useDefaultHours, f as useDefaultMinutes } from './OrDateTimePickerPopoverHeader-7f25ca83.js';
|
|
11
|
-
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-
|
|
11
|
+
import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-7e13dcca.js';
|
|
12
12
|
import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-9309c434.js';
|
|
13
13
|
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
|
|
14
14
|
|
|
@@ -126,14 +126,14 @@ const DateTimePickerDateSelectButtonGroupWeekdayItem = [
|
|
|
126
126
|
'typography-caption-regular',
|
|
127
127
|
// Theme
|
|
128
128
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
|
|
129
|
-
const
|
|
129
|
+
const DateTimePickerDateSelectButtonGroupDateItem = [
|
|
130
130
|
// Box
|
|
131
131
|
'min-w-fit',
|
|
132
132
|
// Spacing
|
|
133
133
|
'!px-sm', '!py-sm',
|
|
134
134
|
// Typography
|
|
135
135
|
'typography-caption-regular'];
|
|
136
|
-
const
|
|
136
|
+
const DateTimePickerDateSelectButtonGroupCurrentDateItem = [
|
|
137
137
|
// Theme
|
|
138
138
|
'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
|
|
139
139
|
|
|
@@ -169,8 +169,8 @@ var script$1 = defineComponent({
|
|
|
169
169
|
const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
|
|
170
170
|
const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
|
|
171
171
|
const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
|
|
172
|
-
const
|
|
173
|
-
const
|
|
172
|
+
const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
|
|
173
|
+
const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
|
|
174
174
|
// State
|
|
175
175
|
const proxyModelValue = computed({
|
|
176
176
|
get: () => {
|
|
@@ -222,8 +222,8 @@ var script$1 = defineComponent({
|
|
|
222
222
|
rootStyles,
|
|
223
223
|
buttonGroupStyles,
|
|
224
224
|
buttonGroupWeekdayItemStyles,
|
|
225
|
-
|
|
226
|
-
|
|
225
|
+
buttonGroupDateItemStyles,
|
|
226
|
+
buttonGroupCurrentDateItemStyles,
|
|
227
227
|
proxyModelValue,
|
|
228
228
|
dayOptions,
|
|
229
229
|
currentDate,
|
|
@@ -249,8 +249,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
249
249
|
return openBlock(), createBlock(_component_OrButton, {
|
|
250
250
|
key: Number(value),
|
|
251
251
|
class: normalizeClass({
|
|
252
|
-
[_ctx.
|
|
253
|
-
[_ctx.
|
|
252
|
+
[_ctx.buttonGroupDateItemStyles.join(' ')]: true,
|
|
253
|
+
[_ctx.buttonGroupCurrentDateItemStyles.join(' ')]: Number(value) === Number(_ctx.currentDate) && Number(value) !== Number(_ctx.proxyModelValue),
|
|
254
254
|
'invisible': value.getUTCMonth() !== _ctx.proxyModelValue.getUTCMonth()
|
|
255
255
|
}),
|
|
256
256
|
variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
|
|
@@ -20,10 +20,10 @@ export { s as OrCollapse } from '../OrCollapse-37a52e8f.js';
|
|
|
20
20
|
export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-9a149e6b.js';
|
|
21
21
|
export { s as OrConfirm } from '../OrConfirm-1ffb7ed6.js';
|
|
22
22
|
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-14cefbad.js';
|
|
23
|
-
export { s as OrDatePickerV3 } from '../OrDatePicker-
|
|
23
|
+
export { s as OrDatePickerV3 } from '../OrDatePicker-0a7a2b80.js';
|
|
24
24
|
export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
|
|
25
25
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-02c6de49.js';
|
|
26
|
-
export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-
|
|
26
|
+
export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-5c353b72.js';
|
|
27
27
|
export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
|
|
28
28
|
export { s as OrError } from '../OrError-f90296db.js';
|
|
29
29
|
export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
|
|
@@ -132,7 +132,7 @@ import '../dom-7a41831b.js';
|
|
|
132
132
|
import '@vueuse/math';
|
|
133
133
|
import '../dropdown-open-e1f90e0a.js';
|
|
134
134
|
import '../OrDateTimePickerPopoverHeader-7f25ca83.js';
|
|
135
|
-
import '../OrDateTimePickerMonthSelect-
|
|
135
|
+
import '../OrDateTimePickerMonthSelect-7e13dcca.js';
|
|
136
136
|
import '../OrDateTimePickerTimeSelect-9309c434.js';
|
|
137
137
|
import '@floating-ui/dom';
|
|
138
138
|
import '../useValidationAttributes-d1abbe34.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrDatePickerV3 } from '../../OrDatePicker-
|
|
1
|
+
export { s as OrDatePickerV3 } from '../../OrDatePicker-0a7a2b80.js';
|
|
2
2
|
export { I as DatePickerSize } from '../../OrInputBox-ba40bbdf.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-e1f90e0a.js';
|
|
@@ -8,7 +8,7 @@ import 'vue';
|
|
|
8
8
|
import '../../OrButton-c2b6aa9e.js';
|
|
9
9
|
import '../../OrLoader-b79022da.js';
|
|
10
10
|
import '@vueuse/core';
|
|
11
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
11
|
+
import '../../OrDateTimePickerMonthSelect-7e13dcca.js';
|
|
12
12
|
import '../../OrIconButton-46b3c1e2.js';
|
|
13
13
|
import '../../OrIcon-62793572.js';
|
|
14
14
|
import '../../OrTooltip-e3c85390.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-
|
|
1
|
+
export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-5c353b72.js';
|
|
2
2
|
export { I as DateTimePickerSize } from '../../OrInputBox-ba40bbdf.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-e1f90e0a.js';
|
|
@@ -20,7 +20,7 @@ import '../../OrLabel-4da56db0.js';
|
|
|
20
20
|
import '../../OrDateTimePickerPopoverHeader-7f25ca83.js';
|
|
21
21
|
import '../../OrButton-c2b6aa9e.js';
|
|
22
22
|
import '../../OrLoader-b79022da.js';
|
|
23
|
-
import '../../OrDateTimePickerMonthSelect-
|
|
23
|
+
import '../../OrDateTimePickerMonthSelect-7e13dcca.js';
|
|
24
24
|
import '../../OrMenuItem-dbee450f.js';
|
|
25
25
|
import '../../OrMenu-03a8a492.js';
|
|
26
26
|
import '../../OrDateTimePickerTimeSelect-9309c434.js';
|
|
@@ -5,8 +5,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
5
5
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
6
6
|
buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
7
|
buttonGroupWeekdayItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
buttonGroupDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
9
|
+
buttonGroupCurrentDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
10
10
|
proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
|
|
11
11
|
dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
|
|
12
12
|
currentDate: import("@vue/composition-api").ComputedRef<Date>;
|
|
@@ -49,8 +49,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
49
49
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
50
50
|
buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
51
51
|
buttonGroupWeekdayItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
buttonGroupDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
53
|
+
buttonGroupCurrentDateItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
54
54
|
proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
|
|
55
55
|
dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
|
|
56
56
|
currentDate: import("@vue/composition-api").ComputedRef<Date>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const DateTimePickerDateSelect: string[];
|
|
2
2
|
export declare const DateTimePickerDateSelectButtonGroup: string[];
|
|
3
3
|
export declare const DateTimePickerDateSelectButtonGroupWeekdayItem: string[];
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
4
|
+
export declare const DateTimePickerDateSelectButtonGroupDateItem: string[];
|
|
5
|
+
export declare const DateTimePickerDateSelectButtonGroupCurrentDateItem: string[];
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -20,10 +20,10 @@ export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
|
|
|
20
20
|
export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-9a149e6b.js';
|
|
21
21
|
export { s as OrConfirm } from './OrConfirm-1ffb7ed6.js';
|
|
22
22
|
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-14cefbad.js';
|
|
23
|
-
export { s as OrDatePickerV3 } from './OrDatePicker-
|
|
23
|
+
export { s as OrDatePickerV3 } from './OrDatePicker-0a7a2b80.js';
|
|
24
24
|
export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox-ba40bbdf.js';
|
|
25
25
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-02c6de49.js';
|
|
26
|
-
export { s as OrDateTimePickerV3 } from './OrDateTimePicker-
|
|
26
|
+
export { s as OrDateTimePickerV3 } from './OrDateTimePicker-5c353b72.js';
|
|
27
27
|
export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-5349a1f9.js';
|
|
28
28
|
export { s as OrError } from './OrError-f90296db.js';
|
|
29
29
|
export { s as OrErrorTagV3 } from './OrErrorTag-ade9192b.js';
|
|
@@ -137,7 +137,7 @@ import './px-to-rem-0b26b83e.js';
|
|
|
137
137
|
import './dom-7a41831b.js';
|
|
138
138
|
import '@vueuse/math';
|
|
139
139
|
import './OrDateTimePickerPopoverHeader-7f25ca83.js';
|
|
140
|
-
import './OrDateTimePickerMonthSelect-
|
|
140
|
+
import './OrDateTimePickerMonthSelect-7e13dcca.js';
|
|
141
141
|
import './OrDateTimePickerTimeSelect-9309c434.js';
|
|
142
142
|
import '@floating-ui/dom';
|
|
143
143
|
import 'uuid';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "4.1.1-beta.
|
|
3
|
+
"version": "4.1.1-beta.2588.0",
|
|
4
4
|
"description": "Vue components library for v2/3",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/auto/index.js",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@codemirror/lang-json": "6.0.0",
|
|
39
39
|
"@codemirror/lang-markdown": "6.0.1",
|
|
40
40
|
"@floating-ui/dom": "0.3.1",
|
|
41
|
-
"@onereach/styles": "^2.37.4-beta.
|
|
41
|
+
"@onereach/styles": "^2.37.4-beta.2588.0",
|
|
42
42
|
"@splidejs/splide": "4.0.6",
|
|
43
43
|
"@types/lodash": "4.14.173",
|
|
44
44
|
"@types/sortablejs": "1.10.7",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
v-for="value in dayOptions"
|
|
17
17
|
:key="Number(value)"
|
|
18
18
|
:class="{
|
|
19
|
-
[
|
|
20
|
-
[
|
|
19
|
+
[buttonGroupDateItemStyles.join(' ')]: true,
|
|
20
|
+
[buttonGroupCurrentDateItemStyles.join(' ')]: Number(value) === Number(currentDate) && Number(value) !== Number(proxyModelValue),
|
|
21
21
|
'invisible': value.getUTCMonth() !== proxyModelValue.getUTCMonth(),
|
|
22
22
|
}"
|
|
23
23
|
:variant="Number(value) === Number(proxyModelValue) ? 'contained' : 'text'"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
import { computed, defineComponent, PropType, ref } from 'vue-demi';
|
|
36
36
|
import { OrButtonV3 as OrButton } from '../../../or-button-v3';
|
|
37
37
|
import { FilterFunction } from '../../types';
|
|
38
|
-
import { DateTimePickerDateSelect, DateTimePickerDateSelectButtonGroup,
|
|
38
|
+
import { DateTimePickerDateSelect, DateTimePickerDateSelectButtonGroup, DateTimePickerDateSelectButtonGroupCurrentDateItem, DateTimePickerDateSelectButtonGroupDateItem, DateTimePickerDateSelectButtonGroupWeekdayItem } from './styles';
|
|
39
39
|
|
|
40
40
|
export default defineComponent({
|
|
41
41
|
name: 'OrDateTimePickerDateSelect',
|
|
@@ -92,12 +92,12 @@ export default defineComponent({
|
|
|
92
92
|
...DateTimePickerDateSelectButtonGroupWeekdayItem,
|
|
93
93
|
]);
|
|
94
94
|
|
|
95
|
-
const
|
|
96
|
-
...
|
|
95
|
+
const buttonGroupDateItemStyles = computed(() => [
|
|
96
|
+
...DateTimePickerDateSelectButtonGroupDateItem,
|
|
97
97
|
]);
|
|
98
98
|
|
|
99
|
-
const
|
|
100
|
-
...
|
|
99
|
+
const buttonGroupCurrentDateItemStyles = computed(() => [
|
|
100
|
+
...DateTimePickerDateSelectButtonGroupCurrentDateItem,
|
|
101
101
|
]);
|
|
102
102
|
|
|
103
103
|
// State
|
|
@@ -192,8 +192,8 @@ export default defineComponent({
|
|
|
192
192
|
rootStyles,
|
|
193
193
|
buttonGroupStyles,
|
|
194
194
|
buttonGroupWeekdayItemStyles,
|
|
195
|
-
|
|
196
|
-
|
|
195
|
+
buttonGroupDateItemStyles,
|
|
196
|
+
buttonGroupCurrentDateItemStyles,
|
|
197
197
|
proxyModelValue,
|
|
198
198
|
dayOptions,
|
|
199
199
|
currentDate,
|
package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/styles.ts
CHANGED
|
@@ -40,7 +40,7 @@ export const DateTimePickerDateSelectButtonGroupWeekdayItem: string[] = [
|
|
|
40
40
|
'dark:theme-foreground-outline-dark',
|
|
41
41
|
];
|
|
42
42
|
|
|
43
|
-
export const
|
|
43
|
+
export const DateTimePickerDateSelectButtonGroupDateItem: string[] = [
|
|
44
44
|
// Box
|
|
45
45
|
'min-w-fit',
|
|
46
46
|
|
|
@@ -52,7 +52,7 @@ export const DateTimePickerDateSelectButtonGroupDayItem: string[] = [
|
|
|
52
52
|
'typography-caption-regular',
|
|
53
53
|
];
|
|
54
54
|
|
|
55
|
-
export const
|
|
55
|
+
export const DateTimePickerDateSelectButtonGroupCurrentDateItem: string[] = [
|
|
56
56
|
// Theme
|
|
57
57
|
'theme-foreground-primary',
|
|
58
58
|
'dark:theme-foreground-primary-dark',
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
<script lang="ts">
|
|
39
39
|
import { computed, defineComponent, PropType, ref } from 'vue-demi';
|
|
40
40
|
import { OrButtonV3 as OrButton } from '../../../or-button-v3';
|
|
41
|
-
import { DateTimePickerTimeSelect, DateTimePickerTimeSelectButtonGroup, DateTimePickerTimeSelectButtonGroupItem } from './styles';
|
|
42
41
|
import { FilterFunction } from '../../types';
|
|
42
|
+
import { DateTimePickerTimeSelect, DateTimePickerTimeSelectButtonGroup, DateTimePickerTimeSelectButtonGroupItem } from './styles';
|
|
43
43
|
|
|
44
44
|
export default defineComponent({
|
|
45
45
|
name: 'OrDateTimePickerTimeSelect',
|