@sme.up/ketchup 6.6.0 → 6.8.0

package/dist/collection/utils/kup-column-menu/kup-column-menu.js

@@ -117,27 +117,6 @@ export class KupColumnMenu {
           : dom.ketchup.language.translate(KupLanguageGrouping.ENABLE),
       });
     }
-    props.push({
-      className: 'printable',
-      customStyle: ':host {--kup-font-size: 0.75em;}',
-      icon: 'open-in-new',
-      id: KupColumnMenuIds.BUTTON_OPEN_IN_NEW,
-      title: dom.ketchup.language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB),
-    });
-    props.push({
-      className: 'printable',
-      customStyle: ':host {--kup-font-size: 0.75em;}',
-      icon: 'search',
-      id: KupColumnMenuIds.BUTTON_SEARCH,
-      title: dom.ketchup.language.translate(KupLanguageGeneric.INFO),
-    });
-    props.push({
-      className: 'printable',
-      customStyle: ':host {--kup-font-size: 0.75em;}',
-      icon: 'add',
-      id: KupColumnMenuIds.BUTTON_NEW,
-      title: dom.ketchup.language.translate(KupLanguageGeneric.ADD_NEW),
-    });
     if (comp.removableColumns) {
       props.push({
         className: 'printable',

package/dist/esm/{f-button-15719ec1.js → f-button-d1aba968.js}

@@ -1,6 +1,6 @@
-import { h } from './index-e41330a5.js';
+import { h } from './index-a2197376.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FImage } from './f-image-98783644.js';
+import { F as FImage } from './f-image-57c88302.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-692c37bf.js → f-cell-646406bb.js}

@@ -1,9 +1,9 @@
-import { ak as editableTypes, al as kupTypes, b as KupThemeColorValues, am as FCellTypes, an as KupTagNames, ao as fullWidthFieldsComps, ah as stringToNumber, ap as FCellClasses, aq as autoCenterComps, ae as getCellValueForDisplay, ar as FCellEvents } from './kup-manager-abbae73e.js';
-import { h } from './index-e41330a5.js';
-import { F as FCheckbox } from './f-checkbox-e06cf07b.js';
-import { F as FTextField } from './f-text-field-282025dd.js';
-import { F as FImage } from './f-image-98783644.js';
-import { a as FChip } from './f-chip-abab04bf.js';
+import { al as editableTypes, am as kupTypes, b as KupThemeColorValues, a7 as FCellTypes, an as KupTagNames, ao as fullWidthFieldsComps, ai as stringToNumber, ap as FCellClasses, aq as autoCenterComps, af as getCellValueForDisplay, ar as FCellEvents } from './kup-manager-c0fbb180.js';
+import { h } from './index-a2197376.js';
+import { F as FCheckbox } from './f-checkbox-b721178e.js';
+import { F as FTextField } from './f-text-field-b0a1fea6.js';
+import { F as FImage } from './f-image-57c88302.js';
+import { a as FChip } from './f-chip-d94e9e81.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -35,7 +35,7 @@ const FCell = (props, children) => {
         ? column.shape
         : null;
   const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);
-  const isEditable = cell.isEditable && props.editable ? true : false;
+  const isEditable = (cell.isEditable || column.isEditable) && props.editable ? true : false;
   const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
   const cellType = dom.ketchup.data.cell.getType(cell, shape);
   const subcomponentProps = Object.assign({}, cell.data);
@@ -212,24 +212,24 @@ function setCellSizeKup(cellType, subcomponentProps, cell) {
 function setEditableCell(cellType, classObj, cell, column, props) {
   switch (cellType) {
     case FCellTypes.AUTOCOMPLETE:
-      return (h("kup-autocomplete", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
     case FCellTypes.CHECKBOX:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.COLOR_PICKER:
-      return (h("kup-color-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.COMBOBOX:
-      return (h("kup-combobox", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
     case FCellTypes.DATE:
-      return (h("kup-date-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+      return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
     case FCellTypes.RATING:
-      return (h("kup-rating", Object.assign({}, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.SWITCH:
       return (h(FSwitch, Object.assign({}, cell.data, { disabled: false, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.TIME:
-      return (h("kup-time-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+      return (h("kup-time-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
     case FCellTypes.NUMBER:
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.STRING:
@@ -297,7 +297,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
   switch (cellType) {
     case FCellTypes.BAR:
       if (!subcomponentProps.data) {
-        return h("kup-image", Object.assign({}, subcomponentProps));
+        return (h("kup-image", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
       }
       else {
         const barStyle = {
@@ -311,7 +311,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return (h("kup-button", Object.assign({}, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
+      return (h("kup-button", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
     case FCellTypes.BUTTON_LIST:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
@@ -321,29 +321,29 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
         row: row,
         column: column,
       };
-      return h("kup-button-list", Object.assign({}, subcomponentProps));
+      return (h("kup-button-list", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.CHART:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return h("kup-chart", Object.assign({}, subcomponentProps));
+      return (h("kup-chart", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.CHIP:
       return h(FChip, Object.assign({}, subcomponentProps));
     case FCellTypes.COLOR_PICKER:
-      return (h("kup-color-picker", Object.assign({}, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
+      return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
     case FCellTypes.GAUGE:
-      return (h("kup-gauge", Object.assign({ value: stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
+      return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
-      return h("kup-progress-bar", Object.assign({}, subcomponentProps));
+      return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.RADIO:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
-      return h("kup-radio", Object.assign({}, subcomponentProps));
+      return (h("kup-radio", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
     case FCellTypes.RATING:
-      return h("kup-rating", Object.assign({}, subcomponentProps, { disabled: true }));
+      return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { disabled: true })));
   }
 }
 function cellEvent(e, props, cellType, cellEventName) {

package/dist/esm/{f-checkbox-e06cf07b.js → f-checkbox-b721178e.js}

@@ -1,4 +1,4 @@
-import { h } from './index-e41330a5.js';
+import { h } from './index-a2197376.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-abab04bf.js → f-chip-d94e9e81.js}

@@ -1,6 +1,6 @@
-import { h } from './index-e41330a5.js';
-import { F as FImage } from './f-image-98783644.js';
-import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-abbae73e.js';
+import { h } from './index-a2197376.js';
+import { F as FImage } from './f-image-57c88302.js';
+import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-c0fbb180.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-98783644.js → f-image-57c88302.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-e41330a5.js';
-import { b as KupThemeColorValues } from './kup-manager-abbae73e.js';
+import { h, a as getAssetPath } from './index-a2197376.js';
+import { b as KupThemeColorValues } from './kup-manager-c0fbb180.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/{f-paginator-utils-d12ee737.js → f-paginator-utils-2c865e9a.js}

@@ -1,6 +1,6 @@
-import { E as Filters, J as FilterInterval, H as getValueForDisplay, C as getValueForDisplay2, ae as getCellValueForDisplay, u as getColumnByName, y as KupObjects, af as KupData, ag as compareCell, T as TotalMode, ah as stringToNumber, f as KupDatesFormats, ai as isNumber, $ as SortMode, aj as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-abbae73e.js';
-import { h } from './index-e41330a5.js';
-import { F as FButton } from './f-button-15719ec1.js';
+import { E as Filters, J as FilterInterval, H as getValueForDisplay, C as getValueForDisplay2, af as getCellValueForDisplay, u as getColumnByName, y as KupObjects, ag as KupData, ah as compareCell, N as TotalMode, ai as stringToNumber, f as KupDatesFormats, aj as isNumber, a3 as SortMode, ak as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-c0fbb180.js';
+import { h } from './index-a2197376.js';
+import { F as FButton } from './f-button-d1aba968.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
 
 /**

package/dist/esm/{f-text-field-282025dd.js → f-text-field-b0a1fea6.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-e41330a5.js';
-import { K as KupThemeIconValues } from './kup-manager-abbae73e.js';
+import { h, a as getAssetPath } from './index-a2197376.js';
+import { K as KupThemeIconValues } from './kup-manager-c0fbb180.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */