@onereach/ui-components 8.16.1-beta.3871.0 → 8.16.1
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/OrResizeablePanelV3/OrResizeablePanel.js +2 -1
- package/dist/bundled/v2/components/OrResizeablePanelV3/styles.js +2 -4
- package/dist/bundled/v2/components/OrSelectV3/OrSelect.js +6 -12
- package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts +0 -2
- package/dist/bundled/v2/components/OrSelectV3/types.d.ts +0 -1
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/index.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/props.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrResizeablePanelV3-a85c8811.js → OrResizeablePanelV3-b14e7e87.js} +4 -5
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts +0 -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/types.d.ts +0 -1
- package/dist/bundled/v3/components/{OrSelectV3-9365affd.js → OrSelectV3-fdc69cd8.js} +9 -15
- package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +1 -1
- package/dist/bundled/v3/components/OrSidebarV3/index.js +2 -2
- package/dist/bundled/v3/components/OrSidebarV3/props.js +2 -2
- package/dist/bundled/v3/components/OrSidebarV3/styles.js +2 -2
- package/dist/bundled/v3/components/{OrSidebarV3-d0105f13.js → OrSidebarV3-3bc2d48b.js} +1 -1
- package/dist/bundled/v3/components/index.js +3 -3
- package/dist/bundled/v3/index.js +4 -4
- package/dist/esm/v2/{OrResizeablePanel-c4c84bde.js → OrResizeablePanel-cb99359f.js} +4 -5
- package/dist/esm/v2/{OrSelect-cef9c89b.js → OrSelect-c1a48c2f.js} +6 -12
- package/dist/esm/v2/{OrSidebar-4ab5a08e.js → OrSidebar-7a40a9ad.js} +1 -1
- package/dist/esm/v2/components/index.js +3 -3
- package/dist/esm/v2/components/or-resizeable-panel-v3/index.js +1 -1
- package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +0 -2
- package/dist/esm/v2/components/or-select-v3/index.js +1 -1
- package/dist/esm/v2/components/or-select-v3/types.d.ts +0 -1
- package/dist/esm/v2/components/or-sidebar-v3/index.js +2 -2
- package/dist/esm/v2/index.js +3 -3
- package/dist/esm/v3/{OrResizeablePanel-65d7e4fb.js → OrResizeablePanel-605cb793.js} +4 -5
- package/dist/esm/v3/{OrSelect-63e49112.js → OrSelect-190a0d6e.js} +9 -15
- package/dist/esm/v3/{OrSidebar-896d39f6.js → OrSidebar-a46b0605.js} +1 -1
- package/dist/esm/v3/components/index.js +3 -3
- package/dist/esm/v3/components/or-resizeable-panel-v3/index.js +1 -1
- package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +0 -1
- package/dist/esm/v3/components/or-select-v3/index.js +1 -1
- package/dist/esm/v3/components/or-select-v3/types.d.ts +0 -1
- package/dist/esm/v3/components/or-sidebar-v3/index.js +2 -2
- package/dist/esm/v3/index.js +3 -3
- package/package.json +3 -2
- package/src/components/or-resizeable-panel-v3/OrResizeablePanel.vue +2 -1
- package/src/components/or-resizeable-panel-v3/styles.ts +3 -7
- package/src/components/or-select-v3/OrSelect.vue +0 -6
- package/src/components/or-select-v3/types.ts +0 -2
|
@@ -141,12 +141,10 @@ const ResizeablePanelResizeBarPlacements = {
|
|
|
141
141
|
const ResizeablePanelCollapseButtonContainer = [
|
|
142
142
|
// Position
|
|
143
143
|
'relative z-10',
|
|
144
|
-
// Box
|
|
145
|
-
'w-fit', 'h-fit',
|
|
146
|
-
// Spacing
|
|
147
|
-
'px-[1px]', 'py-[1px]',
|
|
148
144
|
// Shape
|
|
149
145
|
'rounded-full',
|
|
146
|
+
// Box
|
|
147
|
+
'w-fit', 'h-fit',
|
|
150
148
|
// Typography
|
|
151
149
|
'leading-[0]',
|
|
152
150
|
// Theme
|
|
@@ -409,10 +407,11 @@ var __vue_render__ = function () {
|
|
|
409
407
|
}), _vm._v(" "), _vm.collapsible ? [_c('div', {
|
|
410
408
|
class: _vm.collapseButtonContainerStyles
|
|
411
409
|
}, [_c('OrIconButton', {
|
|
410
|
+
class: ['p-xs'],
|
|
412
411
|
attrs: {
|
|
413
412
|
"icon": _vm.collapseButtonIcon,
|
|
414
413
|
"color": 'primary',
|
|
415
|
-
"size": '
|
|
414
|
+
"size": 'm'
|
|
416
415
|
},
|
|
417
416
|
on: {
|
|
418
417
|
"click": function ($event) {
|
|
@@ -537,16 +537,14 @@ var __vue_render__ = function () {
|
|
|
537
537
|
return _c('OrMenuItem', {
|
|
538
538
|
key: i,
|
|
539
539
|
attrs: {
|
|
540
|
-
"selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
|
|
541
|
-
"disabled": option.disabled
|
|
540
|
+
"selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
|
|
542
541
|
}
|
|
543
542
|
}, [_vm._t("optionTemplate", function () {
|
|
544
543
|
return [_c('OrCheckbox', {
|
|
545
544
|
attrs: {
|
|
546
545
|
"value": option.value,
|
|
547
546
|
"label": option.label,
|
|
548
|
-
"label-variant": 'menu-item'
|
|
549
|
-
"disabled": option.disabled
|
|
547
|
+
"label-variant": 'menu-item'
|
|
550
548
|
},
|
|
551
549
|
model: {
|
|
552
550
|
value: _vm.proxyModelValue,
|
|
@@ -565,8 +563,7 @@ var __vue_render__ = function () {
|
|
|
565
563
|
key: i,
|
|
566
564
|
class: _vm.dropdownItemStyles,
|
|
567
565
|
attrs: {
|
|
568
|
-
"selected": _vm.proxyModelValue === option.value
|
|
569
|
-
"disabled": option.disabled
|
|
566
|
+
"selected": _vm.proxyModelValue === option.value
|
|
570
567
|
},
|
|
571
568
|
on: {
|
|
572
569
|
"click": function ($event) {
|
|
@@ -585,8 +582,7 @@ var __vue_render__ = function () {
|
|
|
585
582
|
return _c('OrMenuItem', {
|
|
586
583
|
key: i,
|
|
587
584
|
attrs: {
|
|
588
|
-
"selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
|
|
589
|
-
"disabled": option.disabled
|
|
585
|
+
"selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
|
|
590
586
|
},
|
|
591
587
|
on: {
|
|
592
588
|
"click": function ($event) {
|
|
@@ -598,8 +594,7 @@ var __vue_render__ = function () {
|
|
|
598
594
|
attrs: {
|
|
599
595
|
"model-value": _vm.proxyModelValue,
|
|
600
596
|
"value": option.value,
|
|
601
|
-
"label-variant": 'menu-item'
|
|
602
|
-
"disabled": option.disabled
|
|
597
|
+
"label-variant": 'menu-item'
|
|
603
598
|
}
|
|
604
599
|
}, [_c('div', {
|
|
605
600
|
on: {
|
|
@@ -618,8 +613,7 @@ var __vue_render__ = function () {
|
|
|
618
613
|
key: i,
|
|
619
614
|
class: _vm.dropdownItemStyles,
|
|
620
615
|
attrs: {
|
|
621
|
-
"selected": _vm.proxyModelValue === option.value
|
|
622
|
-
"disabled": option.disabled
|
|
616
|
+
"selected": _vm.proxyModelValue === option.value
|
|
623
617
|
},
|
|
624
618
|
on: {
|
|
625
619
|
"click": function ($event) {
|
|
@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
|
|
|
4
4
|
import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
|
|
5
5
|
import '@onereach/styles/tailwind/plugins/core';
|
|
6
6
|
import '@onereach/styles/tailwind.config.json';
|
|
7
|
-
import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-
|
|
7
|
+
import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-cb99359f.js';
|
|
8
8
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
9
9
|
|
|
10
10
|
var SidebarPlacement;
|
|
@@ -96,15 +96,15 @@ export { _ as OrRangeSliderV3 } from '../OrRangeSlider-23be9910.js';
|
|
|
96
96
|
export { _ as OrSliderV3 } from '../OrSlider-a474445c.js';
|
|
97
97
|
export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
|
|
98
98
|
export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
|
|
99
|
-
export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-
|
|
99
|
+
export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-cb99359f.js';
|
|
100
100
|
export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-598c582f.js';
|
|
101
101
|
export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
|
|
102
102
|
export { _ as OrSearchV3 } from '../OrSearch-f23844a4.js';
|
|
103
103
|
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-00583234.js';
|
|
104
104
|
export { _ as OrSelect } from '../OrSelect-d271f7a3.js';
|
|
105
|
-
export { _ as OrSelectV3 } from '../OrSelect-
|
|
105
|
+
export { _ as OrSelectV3 } from '../OrSelect-c1a48c2f.js';
|
|
106
106
|
export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
|
|
107
|
-
export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-
|
|
107
|
+
export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-7a40a9ad.js';
|
|
108
108
|
export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
|
|
109
109
|
export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
|
|
110
110
|
export { _ as OrSkeletonText } from '../OrSkeletonText-202a4282.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-
|
|
1
|
+
export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-cb99359f.js';
|
|
2
2
|
import '@vueuse/core';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dom-aecadd9a.js';
|
|
@@ -44,7 +44,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
44
44
|
internalSearchOptions: import("@vue/composition-api").Ref<{
|
|
45
45
|
value: import("./types").RawValue;
|
|
46
46
|
label: string;
|
|
47
|
-
disabled?: boolean | undefined;
|
|
48
47
|
}[]>;
|
|
49
48
|
resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
|
|
50
49
|
groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
|
|
@@ -265,7 +264,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
265
264
|
internalSearchOptions: import("@vue/composition-api").Ref<{
|
|
266
265
|
value: import("./types").RawValue;
|
|
267
266
|
label: string;
|
|
268
|
-
disabled?: boolean | undefined;
|
|
269
267
|
}[]>;
|
|
270
268
|
resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
|
|
271
269
|
groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as OrSelectV3 } from '../../OrSelect-
|
|
1
|
+
export { _ as OrSelectV3 } from '../../OrSelect-c1a48c2f.js';
|
|
2
2
|
export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-06d651cf.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-
|
|
2
|
-
export { R as SidebarPadding } from '../../OrResizeablePanel-
|
|
1
|
+
export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-7a40a9ad.js';
|
|
2
|
+
export { R as SidebarPadding } from '../../OrResizeablePanel-cb99359f.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '../../dom-aecadd9a.js';
|
package/dist/esm/v2/index.js
CHANGED
|
@@ -96,15 +96,15 @@ export { _ as OrRangeSliderV3 } from './OrRangeSlider-23be9910.js';
|
|
|
96
96
|
export { _ as OrSliderV3 } from './OrSlider-a474445c.js';
|
|
97
97
|
export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
|
|
98
98
|
export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
|
|
99
|
-
export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-
|
|
99
|
+
export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-cb99359f.js';
|
|
100
100
|
export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-598c582f.js';
|
|
101
101
|
export { _ as OrSearch } from './OrSearch-ddf244e6.js';
|
|
102
102
|
export { _ as OrSearchV3 } from './OrSearch-f23844a4.js';
|
|
103
103
|
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-00583234.js';
|
|
104
104
|
export { _ as OrSelect } from './OrSelect-d271f7a3.js';
|
|
105
|
-
export { _ as OrSelectV3 } from './OrSelect-
|
|
105
|
+
export { _ as OrSelectV3 } from './OrSelect-c1a48c2f.js';
|
|
106
106
|
export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
|
|
107
|
-
export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-
|
|
107
|
+
export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-7a40a9ad.js';
|
|
108
108
|
export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
|
|
109
109
|
export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
|
|
110
110
|
export { _ as OrSkeletonText } from './OrSkeletonText-202a4282.js';
|
|
@@ -141,12 +141,10 @@ const ResizeablePanelResizeBarPlacements = {
|
|
|
141
141
|
const ResizeablePanelCollapseButtonContainer = [
|
|
142
142
|
// Position
|
|
143
143
|
'relative z-10',
|
|
144
|
-
// Box
|
|
145
|
-
'w-fit', 'h-fit',
|
|
146
|
-
// Spacing
|
|
147
|
-
'px-[1px]', 'py-[1px]',
|
|
148
144
|
// Shape
|
|
149
145
|
'rounded-full',
|
|
146
|
+
// Box
|
|
147
|
+
'w-fit', 'h-fit',
|
|
150
148
|
// Typography
|
|
151
149
|
'leading-[0]',
|
|
152
150
|
// Theme
|
|
@@ -406,9 +404,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
406
404
|
key: 2,
|
|
407
405
|
class: normalizeClass(_ctx.collapseButtonContainerStyles)
|
|
408
406
|
}, [createVNode(_component_OrIconButton, {
|
|
407
|
+
class: normalizeClass(['p-xs']),
|
|
409
408
|
icon: _ctx.collapseButtonIcon,
|
|
410
409
|
color: 'primary',
|
|
411
|
-
size: '
|
|
410
|
+
size: 'm',
|
|
412
411
|
onClick: _cache[0] || (_cache[0] = $event => _ctx.toggle())
|
|
413
412
|
}, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", {
|
|
414
413
|
key: 3,
|
|
@@ -503,8 +503,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
503
503
|
}, renderList(group, (option, i) => {
|
|
504
504
|
return openBlock(), createBlock(_component_OrMenuItem, {
|
|
505
505
|
key: i,
|
|
506
|
-
selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value)
|
|
507
|
-
disabled: option.disabled
|
|
506
|
+
selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value)
|
|
508
507
|
}, {
|
|
509
508
|
default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
|
|
510
509
|
model: _ctx.proxyModelValue,
|
|
@@ -514,11 +513,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
514
513
|
"onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
|
|
515
514
|
value: option.value,
|
|
516
515
|
label: option.label,
|
|
517
|
-
"label-variant": 'menu-item'
|
|
518
|
-
|
|
519
|
-
}, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"])])]),
|
|
516
|
+
"label-variant": 'menu-item'
|
|
517
|
+
}, null, 8 /* PROPS */, ["modelValue", "value", "label"])])]),
|
|
520
518
|
_: 2 /* DYNAMIC */
|
|
521
|
-
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected"
|
|
519
|
+
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected"]);
|
|
522
520
|
}), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
|
|
523
521
|
key: 1
|
|
524
522
|
}, renderList(group, (option, i) => {
|
|
@@ -526,7 +524,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
526
524
|
key: i,
|
|
527
525
|
class: normalizeClass(_ctx.dropdownItemStyles),
|
|
528
526
|
selected: _ctx.proxyModelValue === option.value,
|
|
529
|
-
disabled: option.disabled,
|
|
530
527
|
onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
|
|
531
528
|
}, {
|
|
532
529
|
default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
|
|
@@ -535,7 +532,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
535
532
|
}, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
|
|
536
533
|
|
|
537
534
|
_: 2 /* DYNAMIC */
|
|
538
|
-
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "
|
|
535
|
+
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
|
|
539
536
|
}), 128 /* KEYED_FRAGMENT */))]),
|
|
540
537
|
|
|
541
538
|
_: 2 /* DYNAMIC */
|
|
@@ -548,14 +545,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
548
545
|
return openBlock(), createBlock(_component_OrMenuItem, {
|
|
549
546
|
key: i,
|
|
550
547
|
selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
|
|
551
|
-
disabled: option.disabled,
|
|
552
548
|
onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
|
|
553
549
|
}, {
|
|
554
550
|
default: withCtx(() => [createVNode(_component_OrCheckbox, {
|
|
555
551
|
"model-value": _ctx.proxyModelValue,
|
|
556
552
|
value: option.value,
|
|
557
|
-
"label-variant": 'menu-item'
|
|
558
|
-
disabled: option.disabled
|
|
553
|
+
"label-variant": 'menu-item'
|
|
559
554
|
}, {
|
|
560
555
|
default: withCtx(() => [createElementVNode("div", {
|
|
561
556
|
onClick: $event => _ctx.toggleOption(option.value)
|
|
@@ -564,9 +559,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
564
559
|
option: option
|
|
565
560
|
}, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])], 8 /* PROPS */, _hoisted_3)]),
|
|
566
561
|
_: 2 /* DYNAMIC */
|
|
567
|
-
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value"
|
|
562
|
+
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value"])]),
|
|
568
563
|
_: 2 /* DYNAMIC */
|
|
569
|
-
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "
|
|
564
|
+
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
|
|
570
565
|
}), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
|
|
571
566
|
key: 1
|
|
572
567
|
}, renderList(_ctx.resolvedSearchOptions, (option, i) => {
|
|
@@ -574,7 +569,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
574
569
|
key: i,
|
|
575
570
|
class: normalizeClass(_ctx.dropdownItemStyles),
|
|
576
571
|
selected: _ctx.proxyModelValue === option.value,
|
|
577
|
-
disabled: option.disabled,
|
|
578
572
|
onClick: withModifiers($event => {
|
|
579
573
|
_ctx.toggleOption(option.value);
|
|
580
574
|
_ctx.close();
|
|
@@ -586,7 +580,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
586
580
|
}, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
|
|
587
581
|
|
|
588
582
|
_: 2 /* DYNAMIC */
|
|
589
|
-
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "
|
|
583
|
+
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
|
|
590
584
|
}), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
|
|
591
585
|
key: 2,
|
|
592
586
|
class: normalizeClass(_ctx.noSearchResultsStyles)
|
|
@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
|
|
|
4
4
|
import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
|
|
5
5
|
import '@onereach/styles/tailwind/plugins/core';
|
|
6
6
|
import '@onereach/styles/tailwind.config.json';
|
|
7
|
-
import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-
|
|
7
|
+
import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-605cb793.js';
|
|
8
8
|
import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
|
|
9
9
|
|
|
10
10
|
var SidebarPlacement;
|
|
@@ -92,15 +92,15 @@ export { s as OrRadioV3 } from '../OrRadio-09a6916c.js';
|
|
|
92
92
|
export { s as OrRangeSliderV3 } from '../OrRangeSlider-758f8cc7.js';
|
|
93
93
|
export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-1437f51e.js';
|
|
94
94
|
export { s as OrRatingV3 } from '../OrRating-ec9462c5.js';
|
|
95
|
-
export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-
|
|
95
|
+
export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-605cb793.js';
|
|
96
96
|
export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-31ca0236.js';
|
|
97
97
|
export { s as OrSearch } from '../OrSearch-aa57d4e8.js';
|
|
98
98
|
export { s as OrSearchV3 } from '../OrSearch-0e75a652.js';
|
|
99
99
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-adbf7f4e.js';
|
|
100
100
|
export { s as OrSelect } from '../OrSelect-a366e668.js';
|
|
101
|
-
export { s as OrSelectV3 } from '../OrSelect-
|
|
101
|
+
export { s as OrSelectV3 } from '../OrSelect-190a0d6e.js';
|
|
102
102
|
export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
|
|
103
|
-
export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-
|
|
103
|
+
export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-a46b0605.js';
|
|
104
104
|
export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
|
|
105
105
|
export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
|
|
106
106
|
export { s as OrSkeletonText } from '../OrSkeletonText-69827192.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-
|
|
1
|
+
export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-605cb793.js';
|
|
2
2
|
import '@vueuse/core';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dom-aecadd9a.js';
|
|
@@ -101,7 +101,6 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
101
101
|
internalSearchOptions: import("vue-demi").Ref<{
|
|
102
102
|
value: import("./types").RawValue;
|
|
103
103
|
label: string;
|
|
104
|
-
disabled?: boolean | undefined;
|
|
105
104
|
}[]>;
|
|
106
105
|
resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
|
|
107
106
|
groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-
|
|
2
|
-
export { R as SidebarPadding } from '../../OrResizeablePanel-
|
|
1
|
+
export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-a46b0605.js';
|
|
2
|
+
export { R as SidebarPadding } from '../../OrResizeablePanel-605cb793.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '../../dom-aecadd9a.js';
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -92,15 +92,15 @@ export { s as OrRadioV3 } from './OrRadio-09a6916c.js';
|
|
|
92
92
|
export { s as OrRangeSliderV3 } from './OrRangeSlider-758f8cc7.js';
|
|
93
93
|
export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-1437f51e.js';
|
|
94
94
|
export { s as OrRatingV3 } from './OrRating-ec9462c5.js';
|
|
95
|
-
export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-
|
|
95
|
+
export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-605cb793.js';
|
|
96
96
|
export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-31ca0236.js';
|
|
97
97
|
export { s as OrSearch } from './OrSearch-aa57d4e8.js';
|
|
98
98
|
export { s as OrSearchV3 } from './OrSearch-0e75a652.js';
|
|
99
99
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-adbf7f4e.js';
|
|
100
100
|
export { s as OrSelect } from './OrSelect-a366e668.js';
|
|
101
|
-
export { s as OrSelectV3 } from './OrSelect-
|
|
101
|
+
export { s as OrSelectV3 } from './OrSelect-190a0d6e.js';
|
|
102
102
|
export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
|
|
103
|
-
export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-
|
|
103
|
+
export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-a46b0605.js';
|
|
104
104
|
export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
|
|
105
105
|
export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
|
|
106
106
|
export { s as OrSkeletonText } from './OrSkeletonText-69827192.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "8.16.1
|
|
3
|
+
"version": "8.16.1",
|
|
4
4
|
"npmUnpacked": "4.15.2",
|
|
5
5
|
"description": "Vue components library for v2/3",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -176,5 +176,6 @@
|
|
|
176
176
|
"default": "./dist/bundled/v3/components/*/index.js"
|
|
177
177
|
},
|
|
178
178
|
"./package.json": "./package.json"
|
|
179
|
-
}
|
|
179
|
+
},
|
|
180
|
+
"gitHead": "99292ae49e945d7f918bab350aaa4f46e5054398"
|
|
180
181
|
}
|
|
@@ -191,17 +191,13 @@ export const ResizeablePanelCollapseButtonContainer: string[] = [
|
|
|
191
191
|
// Position
|
|
192
192
|
'relative z-10',
|
|
193
193
|
|
|
194
|
+
// Shape
|
|
195
|
+
'rounded-full',
|
|
196
|
+
|
|
194
197
|
// Box
|
|
195
198
|
'w-fit',
|
|
196
199
|
'h-fit',
|
|
197
200
|
|
|
198
|
-
// Spacing
|
|
199
|
-
'px-[1px]',
|
|
200
|
-
'py-[1px]',
|
|
201
|
-
|
|
202
|
-
// Shape
|
|
203
|
-
'rounded-full',
|
|
204
|
-
|
|
205
201
|
// Typography
|
|
206
202
|
'leading-[0]',
|
|
207
203
|
|
|
@@ -122,7 +122,6 @@
|
|
|
122
122
|
v-for="(option, i) in group"
|
|
123
123
|
:key="i"
|
|
124
124
|
:selected="proxyModelValue && proxyModelValue.includes(option.value)"
|
|
125
|
-
:disabled="option.disabled"
|
|
126
125
|
>
|
|
127
126
|
<slot
|
|
128
127
|
name="optionTemplate"
|
|
@@ -134,7 +133,6 @@
|
|
|
134
133
|
:value="option.value"
|
|
135
134
|
:label="option.label"
|
|
136
135
|
:label-variant="'menu-item'"
|
|
137
|
-
:disabled="option.disabled"
|
|
138
136
|
/>
|
|
139
137
|
</slot>
|
|
140
138
|
</OrMenuItem>
|
|
@@ -146,7 +144,6 @@
|
|
|
146
144
|
:key="i"
|
|
147
145
|
:class="dropdownItemStyles"
|
|
148
146
|
:selected="proxyModelValue === option.value"
|
|
149
|
-
:disabled="option.disabled"
|
|
150
147
|
@click.stop="toggleOption(option.value)"
|
|
151
148
|
>
|
|
152
149
|
<slot
|
|
@@ -167,14 +164,12 @@
|
|
|
167
164
|
v-for="(option, i) in resolvedSearchOptions"
|
|
168
165
|
:key="i"
|
|
169
166
|
:selected="proxyModelValue && proxyModelValue.includes(option.value)"
|
|
170
|
-
:disabled="option.disabled"
|
|
171
167
|
@click.stop="toggleOption(option.value)"
|
|
172
168
|
>
|
|
173
169
|
<OrCheckbox
|
|
174
170
|
:model-value="proxyModelValue"
|
|
175
171
|
:value="option.value"
|
|
176
172
|
:label-variant="'menu-item'"
|
|
177
|
-
:disabled="option.disabled"
|
|
178
173
|
>
|
|
179
174
|
<div @click="toggleOption(option.value)">
|
|
180
175
|
<slot
|
|
@@ -195,7 +190,6 @@
|
|
|
195
190
|
:key="i"
|
|
196
191
|
:class="dropdownItemStyles"
|
|
197
192
|
:selected="proxyModelValue === option.value"
|
|
198
|
-
:disabled="option.disabled"
|
|
199
193
|
@click.stop="toggleOption(option.value); close()"
|
|
200
194
|
>
|
|
201
195
|
<slot
|