lkt-table 2.0.45 → 2.0.46

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lkt-table",
3
- "version": "2.0.45",
3
+ "version": "2.0.46",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "lkt",
@@ -467,6 +467,10 @@ const getItemByEvent = (e: any) => {
467
467
  if (typeof props.itemContainerClass === 'function') return props.itemContainerClass(item, index);
468
468
  return props.itemContainerClass;
469
469
  },
470
+ getItemContainerStyle = (item: LktObject, index: number) => {
471
+ if (typeof props.itemContainerStyle === 'function') return props.itemContainerStyle(item, index);
472
+ return props.itemContainerStyle;
473
+ },
470
474
  getAccordionHeaderText = (item: LktObject, index: number) => {
471
475
  if (!computedAccordionHeaderColumn.value) return '';
472
476
 
@@ -601,8 +605,12 @@ const availableTypes = computed(() => {
601
605
 
602
606
  activeType.value = type;
603
607
 
604
- if (typeof props.switchableTypesButtons[type] === 'function') {
605
- props.switchableTypesButtons[type](args);
608
+ if (typeof props.switchableTypesButtons[type].events?.click === 'function') {
609
+ props.switchableTypesButtons[type].events.click(args);
610
+ }
611
+
612
+ if (typeof props.events?.viewChanged === 'function') {
613
+ props.events.viewChanged(type);
606
614
  }
607
615
  }
608
616
  }
@@ -971,7 +979,9 @@ const calendarEvents = {
971
979
  v-if="!skipTableItemsContainer && canDisplayItem(item, i)"
972
980
  class="lkt-table-item"
973
981
  :class="getItemContainerClass(item, i)"
974
- :data-i="i">
982
+ :style="getItemContainerStyle(item, i)"
983
+ :data-i="i"
984
+ >
975
985
  <template v-if="computedItemSlotComponent">
976
986
  <component
977
987
  :is="computedItemSlotComponent"
@@ -1100,7 +1110,11 @@ const calendarEvents = {
1100
1110
  <template
1101
1111
  v-for="(item, i) in Items" :key="getRowKey(item, i)">
1102
1112
  <li class="lkt-table-item"
1103
- :class="getItemContainerClass(item, i)" v-if="canDisplayItem(item, i)" :data-i="i">
1113
+ :class="getItemContainerClass(item, i)"
1114
+ v-if="canDisplayItem(item, i)"
1115
+ :data-i="i"
1116
+ :style="getItemContainerStyle(item, i)"
1117
+ >
1104
1118
  <template v-if="computedItemSlotComponent">
1105
1119
  <component
1106
1120
  :is="computedItemSlotComponent"