@onereach/ui-components 11.9.0 → 11.10.0

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js

@@ -38,12 +38,13 @@ var __vue_render__$1 = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     class: _vm.rootStyles
-  }, [_vm._l(_vm.items, function (item) {
-    return _vm._t("item", function () {
+  }, [_vm._l(_vm.items, function (item, index) {
+    return _vm._t('item', function () {
       return [_vm._v("\n    " + _vm._s(item.key) + "\n  ")];
-    }, null, {
-      item: item,
-      mode: _vm.mode
+    }, {
+      "index": index,
+      "item": item,
+      "mode": _vm.mode
     });
   }), _vm._v(" "), _vm._t("viewEnd")], 2);
 };

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

@@ -1 +1 @@
-export { s as default } from '../OrCardCollectionV3-0ac995e6.js';
+export { s as default } from '../OrCardCollectionV3-9b86b044.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-0ac995e6.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-9b86b044.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-0ac995e6.js';
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-9b86b044.js';

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

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-0ac995e6.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-9b86b044.js';

package/dist/bundled/v3/components/{OrCardCollectionV3-0ac995e6.js → OrCardCollectionV3-9b86b044.js}

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, mergeProps, withCtx } from 'vue';
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButtonV3-b577a8c8.js';
 import { s as script$3 } from './OrSortingV3-d28d9c11.js';
@@ -83,12 +83,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.rootStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-    return renderSlot(_ctx.$slots, "item", mergeProps({
-      key: item.key || index
-    }, {
-      item,
+    return renderSlot(_ctx.$slots, 'item', {
+      key: item.key || index,
+      index: index,
+      item: item,
       mode: _ctx.mode
-    }), () => [createTextVNode(toDisplayString(item.key), 1 /* TEXT */)]);
+    }, () => [createTextVNode(toDisplayString(item.key), 1 /* TEXT */)]);
   }), 128 /* KEYED_FRAGMENT */)), renderSlot(_ctx.$slots, "viewEnd")], 2 /* CLASS */);
 }
 

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

@@ -9,7 +9,7 @@ export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButt
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButtonV3-a35858ab.js';
 export { default as OrCard } from './OrCard/OrCard.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-0ac995e6.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-9b86b044.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCardV3-a0e51677.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';

package/dist/bundled/v3/index.js

@@ -5,7 +5,7 @@ export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
 export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-de9bfe64.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-0ac995e6.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-9b86b044.js';
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-a0e51677.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-03dc569b.js';

package/dist/esm/v2/{OrCardCollection-0cf7486c.js → OrCardCollection-6fd1d916.js}

@@ -89,12 +89,13 @@ var __vue_render__$1 = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     class: _vm.rootStyles
-  }, [_vm._l(_vm.items, function (item) {
-    return _vm._t("item", function () {
+  }, [_vm._l(_vm.items, function (item, index) {
+    return _vm._t('item', function () {
       return [_vm._v("\n    " + _vm._s(item.key) + "\n  ")];
-    }, null, {
-      item: item,
-      mode: _vm.mode
+    }, {
+      "index": index,
+      "item": item,
+      "mode": _vm.mode
     });
   }), _vm._v(" "), _vm._t("viewEnd")], 2);
 };

package/dist/esm/v2/components/index.js

@@ -11,7 +11,7 @@ export { _ as OrButtonV3 } from '../OrButton-3a743a90.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButton.vue_rollup-plugin-vue_script-e8900483.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-a9e0b0c9.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-0cf7486c.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-6fd1d916.js';
 export { C as CardPadding, _ as OrCardV3 } from '../OrCard-42359715.js';
 export { _ as OrCheckbox } from '../OrCheckbox-b1c8e25e.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-319908d4.js';

package/dist/esm/v2/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-0cf7486c.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-6fd1d916.js';
 import 'vue-demi';
 import '../../OrIconButton-a7ed3195.js';
 import '../../OrIcon-0a14dafc.js';

package/dist/esm/v2/index.js

@@ -11,7 +11,7 @@ export { _ as OrButtonV3 } from './OrButton-3a743a90.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-e8900483.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-a9e0b0c9.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-0cf7486c.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-6fd1d916.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
 export { _ as OrCheckbox } from './OrCheckbox-b1c8e25e.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-319908d4.js';

package/dist/esm/v3/{OrCardCollection-18b98fea.js → OrCardCollection-5fafab12.js}

@@ -3,7 +3,7 @@ import { s as script$2 } from './OrIconButton-2f57184f.js';
 import { s as script$5 } from './OrLoader-5e2f359b.js';
 import { s as script$4 } from './OrSearch-371b5286.js';
 import { s as script$3 } from './OrSorting-6847f436.js';
-import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, mergeProps, withCtx } from 'vue';
 
 var CardCollectionView;
 (function (CardCollectionView) {
@@ -83,12 +83,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.rootStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-    return renderSlot(_ctx.$slots, "item", mergeProps({
-      key: item.key || index
-    }, {
-      item,
+    return renderSlot(_ctx.$slots, 'item', {
+      key: item.key || index,
+      index: index,
+      item: item,
       mode: _ctx.mode
-    }), () => [createTextVNode(toDisplayString(item.key), 1 /* TEXT */)]);
+    }, () => [createTextVNode(toDisplayString(item.key), 1 /* TEXT */)]);
   }), 128 /* KEYED_FRAGMENT */)), renderSlot(_ctx.$slots, "viewEnd")], 2 /* CLASS */);
 }
 

package/dist/esm/v3/components/index.js

@@ -9,7 +9,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-31bcb511.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-6ee44732.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-18b98fea.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-5fafab12.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-c2ef331b.js';
 export { s as OrCheckbox } from '../OrCheckbox-eedaff8f.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-fa6ecd15.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-18b98fea.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-5fafab12.js';
 import 'vue-demi';
 import '../../OrIconButton-2f57184f.js';
 import '../../OrIcon-9aff520e.js';

package/dist/esm/v3/index.js

@@ -9,7 +9,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-31bcb511.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-6ee44732.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-18b98fea.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-5fafab12.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-c2ef331b.js';
 export { s as OrCheckbox } from './OrCheckbox-eedaff8f.js';
 export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-fa6ecd15.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "11.9.0",
+  "version": "11.10.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -180,5 +180,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "1fa054866efeba3e9e4439c4a72fb637b039ea07"
+  "gitHead": "34675ffdd2df3afc40d873dd74d1489fe1164717"
 }

package/src/components/or-card-collection-v3/partials/OrCardCollectionView.vue2.vue

@@ -1,15 +1,15 @@
 <template>
   <div :class="rootStyles">
     <slot
-      v-for="(item) in items"
-      name="item"
-      v-bind="{
-        item,
-        mode,
-      }"
+      v-for="(item, index) of items"
+      :name="'item'"
+      :index="index"
+      :item="item"
+      :mode="mode"
     >
       {{ item.key }}
     </slot>
+
     <slot
       name="viewEnd"
     />

package/src/components/or-card-collection-v3/partials/OrCardCollectionView.vue3.vue

@@ -1,16 +1,16 @@
 <template>
   <div :class="rootStyles">
     <slot
-      v-for="(item, index) in items"
+      v-for="(item, index) of items"
       :key="item.key || index"
-      name="item"
-      v-bind="{
-        item,
-        mode,
-      }"
+      :name="'item'"
+      :index="index"
+      :item="item"
+      :mode="mode"
     >
       {{ item.key }}
     </slot>
+
     <slot
       name="viewEnd"
     />