@onereach/ui-components 2.77.0-beta.2447.0 → 2.77.0-beta.2448.0

package/dist/bundled/v3/{props-7be029c7.js → props-fb3f60a5.js}

@@ -29,4 +29,4 @@ var props = /*#__PURE__*/Object.freeze({
   get ToastType () { return ToastType; }
 });
 
-export { PositionsX as P, TransitionType as T, PositionsY as a, ToastType as b, props as p };
+export { PositionsX as P, ToastType as T, PositionsY as a, TransitionType as b, props as p };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.77.0-beta.2447.0",
+  "version": "2.77.0-beta.2448.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "@babel/preset-env": "7.18.10",
-    "@onereach/rollup-vue-lib-config": "2.0.1-SB7768.0",
+    "@onereach/rollup-vue-lib-config": "2.0.1-SB7769.0",
     "@rollup/plugin-replace": "4.0.0",
     "@rollup/plugin-url": "^8.0.1",
     "@storybook/addon-actions": "6.5.15",

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainerV3.js

@@ -1,232 +0,0 @@
-import { useToggle } from '@vueuse/core';
-import { defineComponent, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
-import useQueue from '../OrToastV3/useQueue.js';
-import useToastEventBus from '../OrToastV3/useToastEventBus.js';
-import __vue_component__$2 from '../OrToastV3/OrToastV3.js';
-import { P as PositionsX, a as PositionsY, T as TransitionType } from '../../props-7be029c7.js';
-import { ToastContainer, ToastContainerPositions } from '../OrToastV3/styles.js';
-import __vue_component__$1 from '../OrTeleportV3/OrTeleportV3.js';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../OrIconButtonV3/OrIconButtonV3.js';
-import '../OrIconButtonV3/props.js';
-import '../OrIconV3/props.js';
-import '../OrIconButtonV3/styles.js';
-import '../OrIconV3/OrIconV3.js';
-import '../OrIconV3/styles.js';
-import '../OrTooltipV3/OrTooltipV3.js';
-import '../OrTooltipV3/styles.js';
-import '../OrPopoverV3/OrPopoverV3.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrPopoverV3/props.js';
-import '../OrPopoverV3/styles.js';
-import '../OrBottomSheetV3/OrBottomSheetV3.js';
-import '../OrBottomSheetV3/styles.js';
-import '../OrOverlayV3/OrOverlayV3.js';
-import '../OrOverlayV3/styles.js';
-import '../../hooks/useElevation.js';
-import '../../utils/isVisible.js';
-import '../../hooks/useResponsive/useResponsive.js';
-import '../OrLoaderV3/OrLoaderV3.js';
-import '../OrLoaderV3/props.js';
-import '../OrLoaderV3/styles.js';
-import 'portal-vue';
-
-var script = defineComponent({
-  name: 'OrToastContainer',
-  components: {
-    OrTeleport: __vue_component__$1,
-    OrToast: __vue_component__$2
-  },
-  props: {
-    includeHeaderHeight: {
-      type: Boolean,
-      default: true
-    },
-    position: {
-      type: Object,
-      default: {
-        positionX: PositionsX.Right,
-        positionY: PositionsY.Bottom
-      }
-    },
-    transition: {
-      type: String,
-      default: TransitionType.Slide
-    }
-  },
-  setup(props) {
-    const {
-      on,
-      off
-    } = useToastEventBus();
-    const {
-      queue: queueRef,
-      addItem,
-      removeItem,
-      clearAll,
-      getItem
-    } = useQueue();
-    const [isActive, toggle] = useToggle(false);
-    const classes = computed(() => {
-      var _a;
-      return ['or-toast-container', ...ToastContainer, ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`], {
-        'position--top--with-header': ((_a = props.position) === null || _a === void 0 ? void 0 : _a.positionY) === PositionsY.Top && props.includeHeaderHeight
-      }];
-    });
-    const transitionName = computed(() => {
-      var _a;
-      return `or-toast--position-${(_a = props.position) === null || _a === void 0 ? void 0 : _a.positionX} or-toast--transition-${props.transition}`;
-    });
-    // State
-    const queue = computed(() => {
-      return queueRef.value.map(({
-        value
-      }) => value);
-    });
-    // Methods
-    function createToast(toastConfiguration) {
-      const caller = () => {
-        var _a;
-        addItem(toastConfiguration);
-        (_a = toastConfiguration.timer) === null || _a === void 0 ? void 0 : _a.start(toastRemove.bind(null, toastConfiguration), toastConfiguration.toastBehaviour.duration);
-      };
-      if (!isActive.value) {
-        // before create toast we need change isActive props, to render or-teleport,
-        // in other case first item will not be animated
-        toggle(true);
-        nextTick(caller);
-      } else {
-        caller();
-      }
-    }
-    function toastUpdate(toast) {
-      const toastItem = getItem(item => {
-        return item.hash === toast.hash;
-      });
-      if (toastItem) toastItem.value = toast;
-    }
-    function toastRemove(toast) {
-      removeItem(item => {
-        var _a, _b, _c;
-        if (item.hash === toast.hash) {
-          (_b = (_a = item.toastBehaviour) === null || _a === void 0 ? void 0 : _a.onToastClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-          (_c = item.timer) === null || _c === void 0 ? void 0 : _c.stop();
-          return true;
-        }
-        return false;
-      });
-    }
-    function onToastEnter(toast) {
-      var _a;
-      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.pause();
-    }
-    function onToastLeave(toast) {
-      var _a;
-      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.resume();
-    }
-    function onClick(toastBehaviour) {
-      var _a;
-      (_a = toastBehaviour.onToastClick) === null || _a === void 0 ? void 0 : _a.call(toastBehaviour);
-    }
-    function onToastHidden() {
-      toggle(queue.value.length > 0);
-    }
-    // Effects
-    onBeforeMount(() => {
-      on('toastNotify', createToast);
-      on('toastClose', toastRemove);
-      on('toastUpdate', toastUpdate);
-      on('toastCloseAll', clearAll);
-    });
-    onBeforeUnmount(() => {
-      off('toastNotify', createToast);
-      off('toastClose', toastRemove);
-      off('toastUpdate', toastUpdate);
-      off('toastCloseAll', clearAll);
-    });
-    return {
-      on,
-      off,
-      classes,
-      transitionName,
-      isActive,
-      toggle,
-      addItem,
-      removeItem,
-      clearAll,
-      getItem,
-      queue,
-      createToast,
-      toastUpdate,
-      toastRemove,
-      onToastEnter,
-      onToastLeave,
-      onClick,
-      onToastHidden
-    };
-  }
-});
-
-var css_248z = ".or-toast-container[data-v-521acbe2]{z-index:26}.or-toast--transition-slide-enter-active[data-v-521acbe2],.or-toast--transition-slide-leave-active[data-v-521acbe2]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-521acbe2],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-521acbe2]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-521acbe2],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-521acbe2]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-521acbe2],.or-toast--transition-fade-leave-active[data-v-521acbe2]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-521acbe2],.or-toast--transition-fade-leave-to[data-v-521acbe2]{opacity:0}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.isActive ? _c('OrTeleport', [_c('div', {
-    class: _vm.classes
-  }, [_c('TransitionGroup', {
-    class: ['contents'],
-    attrs: {
-      "name": _vm.transitionName
-    },
-    on: {
-      "after-leave": _vm.onToastHidden
-    }
-  }, _vm._l(_vm.queue, function (toastConfiguration) {
-    return _c('OrToast', _vm._b({
-      key: toastConfiguration.hash,
-      on: {
-        "click": function ($event) {
-          return _vm.onClick(toastConfiguration.toastBehaviour);
-        },
-        "mouseenter": function ($event) {
-          return _vm.onToastEnter(toastConfiguration);
-        },
-        "mouseleave": function ($event) {
-          return _vm.onToastLeave(toastConfiguration);
-        },
-        "close": function ($event) {
-          return _vm.toastRemove(toastConfiguration);
-        }
-      }
-    }, 'OrToast', toastConfiguration.toastProps, false));
-  }), 1)], 1)]) : _vm._e();
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-521acbe2";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as default };

package/dist/bundled/v3/OrIconButton.vue_vue_type_script_lang-40d2387f.js

@@ -1,57 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { IconButtonColor } from './components/OrIconButtonV3/props.js';
-import { IconButtonRoot, IconButtonRootColors } from './components/OrIconButtonV3/styles.js';
-import './components/OrIconV3/OrIconV3.js';
-import './components/OrTooltipV3/OrTooltipV3.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-cba8024f.js';
-import { IconSize } from './components/OrIconV3/props.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
-
-var script = defineComponent({
-  name: 'OrIconButton',
-  components: {
-    OrIcon: script$1,
-    OrTooltip: script$2
-  },
-  inheritAttrs: false,
-  props: {
-    icon: {
-      type: [String, Object],
-      required: true
-    },
-    color: {
-      type: String,
-      default: IconButtonColor.Default
-    },
-    size: {
-      type: String,
-      default: IconSize.M
-    },
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    tooltip: {
-      type: [String, Object],
-      default: undefined
-    }
-  },
-  emits: ['click', 'focus', 'blur'],
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-icon-button', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrToastContainer.vue_vue_type_script_lang-57ebe1e4.js

@@ -1,147 +0,0 @@
-import { useToggle } from '@vueuse/core';
-import { defineComponent, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
-import useQueue from './components/OrToastV3/useQueue.js';
-import useToastEventBus from './components/OrToastV3/useToastEventBus.js';
-import script$2 from './components/OrToastV3/OrToastV3.js';
-import { P as PositionsX, a as PositionsY, T as TransitionType } from './props-7be029c7.js';
-import { ToastContainer, ToastContainerPositions } from './components/OrToastV3/styles.js';
-import './components/OrTeleportV3/OrTeleportV3.js';
-import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-
-var script = defineComponent({
-  name: 'OrToastContainer',
-  components: {
-    OrTeleport: script$1,
-    OrToast: script$2
-  },
-  props: {
-    includeHeaderHeight: {
-      type: Boolean,
-      default: true
-    },
-    position: {
-      type: Object,
-      default: {
-        positionX: PositionsX.Right,
-        positionY: PositionsY.Bottom
-      }
-    },
-    transition: {
-      type: String,
-      default: TransitionType.Slide
-    }
-  },
-  setup(props) {
-    const {
-      on,
-      off
-    } = useToastEventBus();
-    const {
-      queue: queueRef,
-      addItem,
-      removeItem,
-      clearAll,
-      getItem
-    } = useQueue();
-    const [isActive, toggle] = useToggle(false);
-    const classes = computed(() => {
-      var _a;
-      return ['or-toast-container', ...ToastContainer, ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`], {
-        'position--top--with-header': ((_a = props.position) === null || _a === void 0 ? void 0 : _a.positionY) === PositionsY.Top && props.includeHeaderHeight
-      }];
-    });
-    const transitionName = computed(() => {
-      var _a;
-      return `or-toast--position-${(_a = props.position) === null || _a === void 0 ? void 0 : _a.positionX} or-toast--transition-${props.transition}`;
-    });
-    // State
-    const queue = computed(() => {
-      return queueRef.value.map(({
-        value
-      }) => value);
-    });
-    // Methods
-    function createToast(toastConfiguration) {
-      const caller = () => {
-        var _a;
-        addItem(toastConfiguration);
-        (_a = toastConfiguration.timer) === null || _a === void 0 ? void 0 : _a.start(toastRemove.bind(null, toastConfiguration), toastConfiguration.toastBehaviour.duration);
-      };
-      if (!isActive.value) {
-        // before create toast we need change isActive props, to render or-teleport,
-        // in other case first item will not be animated
-        toggle(true);
-        nextTick(caller);
-      } else {
-        caller();
-      }
-    }
-    function toastUpdate(toast) {
-      const toastItem = getItem(item => {
-        return item.hash === toast.hash;
-      });
-      if (toastItem) toastItem.value = toast;
-    }
-    function toastRemove(toast) {
-      removeItem(item => {
-        var _a, _b, _c;
-        if (item.hash === toast.hash) {
-          (_b = (_a = item.toastBehaviour) === null || _a === void 0 ? void 0 : _a.onToastClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-          (_c = item.timer) === null || _c === void 0 ? void 0 : _c.stop();
-          return true;
-        }
-        return false;
-      });
-    }
-    function onToastEnter(toast) {
-      var _a;
-      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.pause();
-    }
-    function onToastLeave(toast) {
-      var _a;
-      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.resume();
-    }
-    function onClick(toastBehaviour) {
-      var _a;
-      (_a = toastBehaviour.onToastClick) === null || _a === void 0 ? void 0 : _a.call(toastBehaviour);
-    }
-    function onToastHidden() {
-      toggle(queue.value.length > 0);
-    }
-    // Effects
-    onBeforeMount(() => {
-      on('toastNotify', createToast);
-      on('toastClose', toastRemove);
-      on('toastUpdate', toastUpdate);
-      on('toastCloseAll', clearAll);
-    });
-    onBeforeUnmount(() => {
-      off('toastNotify', createToast);
-      off('toastClose', toastRemove);
-      off('toastUpdate', toastUpdate);
-      off('toastCloseAll', clearAll);
-    });
-    return {
-      on,
-      off,
-      classes,
-      transitionName,
-      isActive,
-      toggle,
-      addItem,
-      removeItem,
-      clearAll,
-      getItem,
-      queue,
-      createToast,
-      toastUpdate,
-      toastRemove,
-      onToastEnter,
-      onToastLeave,
-      onClick,
-      onToastHidden
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/components/OrAvatarV3/OrAvatarV3.js

@@ -1,35 +0,0 @@
-import { s as script } from '../../OrAvatar.vue_vue_type_script_lang-a358ed4c.js';
-export { s as default } from '../../OrAvatar.vue_vue_type_script_lang-a358ed4c.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, createCommentVNode } from 'vue';
-import 'vue-demi';
-import '../../utils/functions/color.js';
-import '../../utils/constants/regex.js';
-import '../../utils/functions/hash.js';
-import '../../utils/constants/color.js';
-import './props.js';
-import './styles.js';
-import '../OrIconV3/OrIconV3.js';
-import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
-import '../OrIconV3/props.js';
-import '../OrIconV3/styles.js';
-
-const _hoisted_1 = ["src"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_icon = resolveComponent("or-icon");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.src ? (openBlock(), createElementBlock("img", {
-    key: 0,
-    class: normalizeClass(_ctx.imageStyles),
-    src: _ctx.src,
-    alt: ''
-  }, null, 10 /* CLASS, PROPS */, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_or_icon, {
-    key: 1,
-    icon: _ctx.icon,
-    size: "inherit"
-  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 2 /* CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-avatar-v3/OrAvatar.vue";

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollectionV3.js

@@ -1,162 +0,0 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-1c9505bc.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-1c9505bc.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
-import 'vue-demi';
-import './styles.js';
-import './props.js';
-import '../OrIconButtonV3/OrIconButtonV3.js';
-import '../../OrIconButton.vue_vue_type_script_lang-40d2387f.js';
-import '../OrIconButtonV3/props.js';
-import '../OrIconV3/props.js';
-import '../OrIconButtonV3/styles.js';
-import '../OrIconV3/OrIconV3.js';
-import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
-import '../OrIconV3/styles.js';
-import '../OrTooltipV3/OrTooltipV3.js';
-import '../../OrTooltip.vue_vue_type_script_lang-cba8024f.js';
-import '@vueuse/core';
-import '../OrTooltipV3/styles.js';
-import '../OrPopoverV3/OrPopoverV3.js';
-import '../../OrPopover.vue_vue_type_script_lang-ea0e5f7b.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrPopoverV3/props.js';
-import '../OrPopoverV3/styles.js';
-import '../OrBottomSheetV3/OrBottomSheetV3.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-1b744aad.js';
-import '../OrBottomSheetV3/styles.js';
-import '../OrOverlayV3/OrOverlayV3.js';
-import '../../OrOverlay.vue_vue_type_script_lang-6c4b63bf.js';
-import '../OrOverlayV3/styles.js';
-import '../OrTeleportV3/OrTeleportV3.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../hooks/useElevation.js';
-import '../../utils/isVisible.js';
-import '../../hooks/useResponsive/useResponsive.js';
-import '../OrButtonV3/OrButtonV3.js';
-import '../../OrButton.vue_vue_type_script_lang-0d4df1e4.js';
-import '../OrButtonV3/props.js';
-import '../OrButtonV3/styles.js';
-import '../OrLoaderV3/OrLoaderV3.js';
-import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
-import '../OrLoaderV3/props.js';
-import '../OrLoaderV3/styles.js';
-import '../OrMenuV3/OrMenuV3.js';
-import '../../OrMenu.vue_vue_type_script_lang-cd85435a.js';
-import '../OrMenuV3/styles.js';
-import '../OrMenuItemV3/OrMenuItemV3.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-54c89599.js';
-import '../OrMenuItemV3/styles.js';
-import '../OrSearchV3/OrSearchV3.js';
-import '../../OrSearch.vue_vue_type_script_lang-12aa0495.js';
-import '../OrInputV3/OrInputV3.js';
-import '../../OrInput.vue_vue_type_script_lang-4f36ecd1.js';
-import '../OrInputV3/props.js';
-import '../OrInputBoxV3/props.js';
-import '../OrInputV3/styles.js';
-import '../OrErrorV3/OrErrorV3.js';
-import '../../OrError.vue_vue_type_script_lang-de6e6cd3.js';
-import '../OrErrorV3/styles.js';
-import '../OrHintV3/OrHintV3.js';
-import '../../OrHint.vue_vue_type_script_lang-ec2b37d4.js';
-import '../OrHintV3/styles.js';
-import '../OrInputBoxV3/OrInputBoxV3.js';
-import '../../OrInputBox.vue_vue_type_script_lang-44f85823.js';
-import '../OrInputBoxV3/styles.js';
-import '../OrLabelV3/OrLabelV3.js';
-import '../../OrLabel.vue_vue_type_script_lang-f59a91ee.js';
-import '../OrLabelV3/props.js';
-import '../OrLabelV3/styles.js';
-import '../../hooks/useIdAttribute.js';
-import '../../hooks/useControlAttributes.js';
-import '../../hooks/useValidationAttributes.js';
-import '../../style-inject.es-4c6f2515.js';
-
-const _hoisted_1 = {
-  class: "layout-row gap-sm"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIcon = resolveComponent("OrIcon");
-  const _component_OrButton = resolveComponent("OrButton");
-  const _component_OrMenuItem = resolveComponent("OrMenuItem");
-  const _component_OrMenu = resolveComponent("OrMenu");
-  const _component_OrSearch = resolveComponent("OrSearch");
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  const _component_OrCardCollectionView = resolveComponent("OrCardCollectionView");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("div", {
-    class: normalizeClass(_ctx.toolbarStyles)
-  }, [createElementVNode("div", {
-    class: normalizeClass(_ctx.toolbarPanelStyles)
-  }, [_ctx.sortOptions.length ? (openBlock(), createElementBlock(Fragment, {
-    key: 0
-  }, [createVNode(_component_OrButton, {
-    ref: "sortButton",
-    variant: "link",
-    color: "inherit",
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.sortMenu.toggle())
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.sortLabel) + " ", 1 /* TEXT */), _ctx.sortMenu ? (openBlock(), createBlock(_component_OrIcon, {
-      key: 0,
-      icon: _ctx.sortMenu.isOpen ? 'arrow_drop_up' : 'arrow_drop_down'
-    }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]),
-    _: 1 /* STABLE */
-  }, 512 /* NEED_PATCH */), createVNode(_component_OrMenu, {
-    ref: "sortMenu",
-    trigger: _ctx.sortButton && _ctx.sortButton.root
-  }, {
-    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortOptions, sortItem => {
-      return openBlock(), createBlock(_component_OrMenuItem, {
-        key: sortItem,
-        onClick: $event => _ctx.handleSort(sortItem.value)
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(sortItem.label), 1 /* TEXT */)]),
-
-        _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
-    }), 128 /* KEYED_FRAGMENT */))]),
-
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
-    class: normalizeClass(_ctx.toolbarPanelStyles)
-  }, [createVNode(_component_OrSearch, {
-    "model-value": _ctx.proxySearch,
-    class: "md:w-[350px]",
-    placeholder: _ctx.searchPlaceholder,
-    debounce: _ctx.searchDebounce,
-    size: "s",
-    onSearch: _ctx.handleSearch
-  }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"]), createElementVNode("div", _hoisted_1, [_ctx.viewModes.length > 1 ? (openBlock(true), createElementBlock(Fragment, {
-    key: 0
-  }, renderList(_ctx.viewModes, viewOption => {
-    return openBlock(), createBlock(_component_OrIconButton, {
-      key: viewOption.view,
-      icon: {
-        icon: viewOption.icon,
-        variant: viewOption.view === _ctx.proxyView ? 'filled' : 'outlined'
-      },
-      onClick: $event => _ctx.switchView(viewOption.view)
-    }, null, 8 /* PROPS */, ["icon", "onClick"]);
-  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "addon")])], 2 /* CLASS */)], 2 /* CLASS */), renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
-    items: _ctx.items,
-    mode: _ctx.proxyView
-  }))), _ctx.items.length ? renderSlot(_ctx.$slots, _ctx.proxyView, normalizeProps(mergeProps({
-    key: 0
-  }, {
-    items: _ctx.items
-  })), () => [createVNode(_component_OrCardCollectionView, {
-    items: _ctx.items,
-    mode: _ctx.proxyView
-  }, {
-    item: withCtx(props => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(props)))]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["items", "mode"])]) : _ctx.items.length === 0 && _ctx.proxySearch.length > 0 ? renderSlot(_ctx.$slots, "noSearchResults", normalizeProps(mergeProps({
-    key: 1
-  }, {
-    search: _ctx.proxySearch
-  })), () => [createTextVNode(" No results ")]) : createCommentVNode("v-if", true)], 2 /* CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";

package/dist/bundled/v3/components/OrCardV3/OrCardV3.js

@@ -1,15 +0,0 @@
-import { s as script } from '../../OrCard.vue_vue_type_script_lang-1819c7e6.js';
-export { s as default } from '../../OrCard.vue_vue_type_script_lang-1819c7e6.js';
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-import 'vue-demi';
-import './styles.js';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-card-v3/OrCard.vue";