@sme.up/ketchup 6.7.0 → 6.8.0

package/dist/cjs/kup-family-tree.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const fButton = require('./f-button-bf76ab95.js');
+const fButton = require('./f-button-229c63fd.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-d80a2749.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const fImage = require('./f-image-847a6ddf.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -52,50 +52,6 @@ const KupFamilyTree = class {
     this.kupDblClick = index.createEvent(this, "kup-familytree-dblclick", 6);
     _KupFamilyTree_instances.add(this);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * The component will autofit everytime a node is expanded.
-     * @default true
-     */
-    this.autofitOnExpand = true;
-    /**
-     * The component's initial render will fit the container by invoking the runAutofit method.
-     * @default true
-     */
-    this.autofitOnLoad = true;
-    /**
-     * Used to render the family tree boxes as kup-cards (through kup-box).
-     * @default null
-     */
-    this.cardData = null;
-    /**
-     * Nodes can be expanded/collapsed.
-     * @default true
-     */
-    this.collapsible = true;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Actual data of the component.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Layout of the boxes.
-     * @default null
-     */
-    this.layout = null;
-    /**
-     * Child nodes that have no children are arranged vertically.
-     * @default false
-     */
-    this.stackedLeaves = false;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     _KupFamilyTree_clickTimeout.set(this, []);
@@ -114,6 +70,14 @@ const KupFamilyTree = class {
     });
     _KupFamilyTree_shouldAutofit.set(this, false);
     _KupFamilyTree_wrapperEl.set(this, null);
+    this.autofitOnExpand = true;
+    this.autofitOnLoad = true;
+    this.cardData = null;
+    this.collapsible = true;
+    this.customStyle = '';
+    this.data = null;
+    this.layout = null;
+    this.stackedLeaves = false;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/cjs/kup-iframe.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 
 /**
  * Props of the kup-iframe component.
@@ -24,27 +24,15 @@ const KupIframe = class {
     this.kupIframeError = index.createEvent(this, "kup-iframe-error", 6);
     this.kupIframeLoad = index.createEvent(this, "kup-iframe-load", 6);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     *  Props of the button (when isButton is set to true).
-     */
-    this.buttonData = {};
-    /**
-     * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.
-     */
-    this.isButton = false;
-    /**
-     * The address the iframe should be referencing to.
-     */
-    this.src = undefined;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
      * Instance of the KupManager class.
      */
     this.kupManager = kupManager.kupManagerInstance();
+    this.buttonData = {};
+    this.isButton = false;
+    this.src = undefined;
   }
   onKupIframeError() {
     this.kupIframeError.emit({ comp: this, id: this.rootElement.id });

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fImage = require('./f-image-d80a2749.js');
-const fButton = require('./f-button-bf76ab95.js');
+const fImage = require('./f-image-847a6ddf.js');
+const fButton = require('./f-button-229c63fd.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fCell = require('./f-cell-b7a1524a.js');
+const fCell = require('./f-cell-dd006395.js');
 const component = require('./component-72a5b626.js');
 require('./f-checkbox-1097ca5d.js');
-require('./f-text-field-48b8bb16.js');
-require('./f-chip-a5e100b1.js');
+require('./f-text-field-fe85187d.js');
+require('./f-chip-f2c369fd.js');
 require('./tslib.es6-0ee02c67.js');
 
 /**
@@ -66,32 +66,6 @@ const KupImageList = class {
     /*                   S t a t e s                   */
     /*-------------------------------------------------*/
     this.state = new KupImageListState();
-    this.currentNode = null;
-    this.navigationBarToggled = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Actual data of the component.
-     * @default []
-     */
-    this.data = [];
-    /**
-     * When enabled displays Material's ripple effect on clicked items.
-     * @default true
-     */
-    this.ripple = true;
-    /**
-     * An array of integers containing the path to a selected child.\
-     */
-    this.selectedNode = [];
-    this.stateId = '';
     /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
@@ -121,6 +95,14 @@ const KupImageList = class {
       styling: fButtonDeclarations.FButtonStyling.FLAT,
       wrapperClass: 'navigation-bar__top',
     });
+    this.currentNode = null;
+    this.navigationBarToggled = false;
+    this.customStyle = '';
+    this.data = [];
+    this.ripple = true;
+    this.selectedNode = [];
+    this.stateId = '';
+    this.store = undefined;
   }
   initWithPersistedState() {
     if (this.store && this.stateId) {

package/dist/cjs/kup-lazy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -34,40 +34,6 @@ const KupLazy = class {
     index.registerInstance(this, hostRef);
     this.kupLazyLoaded = index.createEvent(this, "kup-lazy-loaded", 6);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    this.isInViewport = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Sets the tag name of the component to be lazy loaded.
-     * @default null
-     */
-    this.componentName = null;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Sets the data of the component to be lazy loaded.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Decides when the sub-component should be rendered.
-     * By default when both the component props exist and the component is in the viewport.
-     * @default KupLazyRender.BOTH
-     */
-    this.renderMode = KupLazyRender.BOTH;
-    /**
-     * Displays an animated SVG placeholder until the component is loaded.
-     * @default true
-     */
-    this.showPlaceholder = true;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
@@ -80,6 +46,12 @@ const KupLazy = class {
     this.kupManager = kupManager.kupManagerInstance();
     this.lazyComponent = null;
     this.lazyComponentLoaded = false;
+    this.isInViewport = false;
+    this.componentName = null;
+    this.customStyle = '';
+    this.data = null;
+    this.renderMode = KupLazyRender.BOTH;
+    this.showPlaceholder = true;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */
@@ -215,8 +187,9 @@ const KupLazy = class {
     return (index.h(index.Host, { class: className }, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId }, content)));
   }
   disconnectedCallback() {
+    var _a;
     this.kupManager.theme.unregister(this);
-    this.intObserver.unobserve(this.rootElement);
+    (_a = this.intObserver) === null || _a === void 0 ? void 0 : _a.unobserve(this.rootElement);
   }
   get rootElement() { return index.getElement(this); }
 };

package/dist/cjs/kup-magic-box.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-d80a2749.js');
+const fImage = require('./f-image-847a6ddf.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -38,34 +38,15 @@ const KupMagicBox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    /**
-     * Data will be displayed using this component.
-     * @default KupMagicBoxDisplay.DATATABLE
-     */
-    this.display = KupMagicBoxDisplay.DATATABLE;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Sets the data that will be used to display different components.
-     * @default null
-     */
-    this.data = null;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     this.dragHandler = null;
     this.kupManager = kupManager.kupManagerInstance();
     this.textArea = null;
     this.wrapperRef = null;
+    this.display = KupMagicBoxDisplay.DATATABLE;
+    this.customStyle = '';
+    this.data = null;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/cjs/{kup-manager-0e38bf48.js → kup-manager-c53468cd.js}

@@ -194,10 +194,14 @@ exports.KupLanguageFontsize = void 0;
  */
 exports.KupLanguageGeneric = void 0;
 (function (KupLanguageGeneric) {
+  KupLanguageGeneric["ABORT"] = "genericAbort";
   KupLanguageGeneric["ADD_NEW"] = "genericAddNew";
   KupLanguageGeneric["APPLY"] = "genericApply";
   KupLanguageGeneric["BACK"] = "genericBack";
   KupLanguageGeneric["COLLAPSE"] = "genericCollapse";
+  KupLanguageGeneric["CONFIRM"] = "genericConfirm";
+  KupLanguageGeneric["CONFIRM_DELETE"] = "genericConfirmDelete";
+  KupLanguageGeneric["CONFIRM_DELETE_X_ROWS"] = "genericConfirmDeleteXRows";
   KupLanguageGeneric["DAY"] = "genericDay";
   KupLanguageGeneric["DRAG_AND_DROP"] = "genericDragAndDrop";
   KupLanguageGeneric["DROP_YOUR_DATA"] = "genericDropYourData";
@@ -218,6 +222,7 @@ exports.KupLanguageGeneric = void 0;
   KupLanguageGeneric["MONTH"] = "genericMonth";
   KupLanguageGeneric["MOVE"] = "genericMove";
   KupLanguageGeneric["NEXT"] = "genericNext";
+  KupLanguageGeneric["NO"] = "genericNo";
   KupLanguageGeneric["OPEN_NAVIGATION_MENU"] = "genericOpenNavigationMenu";
   KupLanguageGeneric["OPEN_IN_NEW_TAB"] = "genericOpenInNewTab";
   KupLanguageGeneric["OPEN_IN_NEW_WINDOW"] = "genericOpenInNewWindow";
@@ -236,6 +241,7 @@ exports.KupLanguageGeneric = void 0;
   KupLanguageGeneric["TRANSPOSE_DATA"] = "genericTransposeData";
   KupLanguageGeneric["VIEW_AS"] = "genericViewAs";
   KupLanguageGeneric["WEEK"] = "genericWeek";
+  KupLanguageGeneric["YES"] = "genericYes";
 })(exports.KupLanguageGeneric || (exports.KupLanguageGeneric = {}));
 /**
  * Grid decodes (data table customization settings).
@@ -1745,10 +1751,14 @@ const chinese = {
 		fontsizeLabel: "字体大小",
 		fontsizeMedium: "中等的",
 		fontsizeSmall: "小的",
+		genericAbort: "取消",
 		genericAddNew: "添新",
 		genericApply: "申请",
 		genericBack: "背部",
 		genericCollapse: "坍塌",
+		genericConfirm: "确认",
+		genericConfirmDelete: "你确认取消了吗?",
+		genericConfirmDeleteXRows: "删除（{0}）行?",
 		genericDay: "日",
 		genericDragAndDrop: "拖放",
 		genericDropYourData: "将您的数据放在这里",
@@ -1769,6 +1779,7 @@ const chinese = {
 		genericMonth: "月",
 		genericMove: "移动",
 		genericNext: "下一个",
+		genericNo: "不",
 		genericOpenInNewTab: "在新标签页中打开",
 		genericOpenInNewWindow: "在新窗口中打开",
 		genericOpenNavigationMenu: "打开导航菜单",
@@ -1787,6 +1798,7 @@ const chinese = {
 		genericTransposeData: "转置数据",
 		genericViewAs: "查看为",
 		genericWeek: "星期",
+		genericYes: "是的",
 		gridColumn: "柱子",
 		gridComplete: "完全的",
 		gridLabel: "网格类型",
@@ -1863,10 +1875,14 @@ const english = {
 		fontsizeLabel: "Font size",
 		fontsizeMedium: "Medium",
 		fontsizeSmall: "Small",
+		genericAbort: "Cancel",
 		genericAddNew: "Add new",
 		genericApply: "Apply",
 		genericBack: "Back",
 		genericCollapse: "Collapse",
+		genericConfirm: "Confirm",
+		genericConfirmDelete: "Do you confirm the cancellation?",
+		genericConfirmDeleteXRows: "Delete ({0}) rows?",
 		genericDay: "Day",
 		genericDragAndDrop: "Drag and drop",
 		genericDropYourData: "Drop your data here",
@@ -1887,6 +1903,7 @@ const english = {
 		genericMonth: "Month",
 		genericMove: "Move",
 		genericNext: "Next",
+		genericNo: "No",
 		genericOpenInNewTab: "Open in new tab",
 		genericOpenInNewWindow: "Open in new window",
 		genericOpenNavigationMenu: "Open navigation menu",
@@ -1905,6 +1922,7 @@ const english = {
 		genericTransposeData: "Transpose data",
 		genericViewAs: "View as",
 		genericWeek: "Week",
+		genericYes: "Yes",
 		gridColumn: "Column",
 		gridComplete: "Complete",
 		gridLabel: "Grid type",
@@ -1981,10 +1999,14 @@ const french = {
 		fontsizeLabel: "Taille de police",
 		fontsizeMedium: "Moyen",
 		fontsizeSmall: "Petit",
+		genericAbort: "Annuler",
 		genericAddNew: "Ajouter un nouveau",
 		genericApply: "Appliquer",
 		genericBack: "Arrière",
 		genericCollapse: "Effondrer",
+		genericConfirm: "Confirmer",
+		genericConfirmDelete: "Confirmez-vous l'annulation?",
+		genericConfirmDeleteXRows: "Supprimer ({0}) lignes?",
 		genericDay: "Jour",
 		genericDragAndDrop: "Glisser-déposer",
 		genericDropYourData: "Déposez vos données ici",
@@ -2005,6 +2027,7 @@ const french = {
 		genericMonth: "Mois",
 		genericMove: "Se déplacer",
 		genericNext: "Prochain",
+		genericNo: "Non",
 		genericOpenInNewTab: "Ouvrir dans un nouvel onglet",
 		genericOpenInNewWindow: "Ouvrir dans une nouvelle fenêtre",
 		genericOpenNavigationMenu: "Ouvrir le menu de navigation",
@@ -2023,6 +2046,7 @@ const french = {
 		genericTransposeData: "Transposer les données",
 		genericViewAs: "Voir comme",
 		genericWeek: "La semaine",
+		genericYes: "Oui",
 		gridColumn: "Colonne",
 		gridComplete: "Compléte",
 		gridLabel: "Type de grille",
@@ -2099,10 +2123,14 @@ const italian = {
 		fontsizeLabel: "Dimensione caratteri",
 		fontsizeMedium: "Media",
 		fontsizeSmall: "Piccola",
+		genericAbort: "Annulla",
 		genericAddNew: "Aggiungi nuovo",
 		genericApply: "Applica",
 		genericBack: "Indietro",
 		genericCollapse: "Chiudi",
+		genericConfirm: "Conferma",
+		genericConfirmDelete: "Confermi la cancellazione?",
+		genericConfirmDeleteXRows: "Eliminare ({0}) righe?",
 		genericDay: "Giorno",
 		genericDragAndDrop: "Drag & drop",
 		genericDropYourData: "Trascina qui i tuoi dati",
@@ -2123,6 +2151,7 @@ const italian = {
 		genericMonth: "Mese",
 		genericMove: "Sposta",
 		genericNext: "Avanti",
+		genericNo: "No",
 		genericOpenInNewTab: "Apri in nuovo tab",
 		genericOpenInNewWindow: "Apri in nuova finestra",
 		genericOpenNavigationMenu: "Apri menu di navigazione",
@@ -2141,6 +2170,7 @@ const italian = {
 		genericTransposeData: "Trasposizione dati",
 		genericViewAs: "Vedi come",
 		genericWeek: "Settimana",
+		genericYes: "Sì",
 		gridColumn: "Colonna",
 		gridComplete: "Completa",
 		gridLabel: "Tipo di griglia",
@@ -2231,10 +2261,14 @@ const polish = {
 		fontsizeLabel: "Rozmiar czcionki",
 		fontsizeMedium: "Średni",
 		fontsizeSmall: "Mały",
+		genericAbort: "Anulować",
 		genericAddNew: "Dodaj nowe",
 		genericApply: "Zastosować",
 		genericBack: "Plecy",
 		genericCollapse: "Zawalić się",
+		genericConfirm: "Potwierdzać",
+		genericConfirmDelete: "Potwierdzasz odwołanie?",
+		genericConfirmDeleteXRows: "Usunąć ({0}) wiersze?",
 		genericDay: "Dzień",
 		genericDragAndDrop: "Przeciągnij i upuść",
 		genericDropYourData: "Upuść swoje dane tutaj",
@@ -2255,6 +2289,7 @@ const polish = {
 		genericMonth: "Miesiąc",
 		genericMove: "Ruszaj się",
 		genericNext: "Następny",
+		genericNo: "Nie",
 		genericOpenInNewTab: "Otwórz w nowej karcie",
 		genericOpenInNewWindow: "Otworzyć w nowym oknie",
 		genericOpenNavigationMenu: "Otwórz menu nawigacyjne",
@@ -2273,6 +2308,7 @@ const polish = {
 		genericTransposeData: "Transpozycja danych",
 		genericViewAs: "Wyświetl jako",
 		genericWeek: "Tydzień",
+		genericYes: "TAk",
 		gridColumn: "Kolumna",
 		gridComplete: "Kompletny",
 		gridLabel: "Typ siatki",
@@ -2349,10 +2385,14 @@ const russian = {
 		fontsizeLabel: "Размер шрифта",
 		fontsizeMedium: "Середина",
 		fontsizeSmall: "Небольшой",
+		genericAbort: "Отмена",
 		genericAddNew: "Добавить новое",
 		genericApply: "Применять",
 		genericBack: "назад",
-		genericCollapse: "Крах",
+		genericCollapse: "Kpax",
+		genericConfirm: "Подтверждать",
+		genericConfirmDelete: "вы подтверждаете отмену?",
+		genericConfirmDeleteXRows: "Удалить ({0}) строки?",
 		genericDay: "День",
 		genericDragAndDrop: "Перетащить и отпустить",
 		genericDropYourData: "Перетащите сюда свои данные",
@@ -2373,6 +2413,7 @@ const russian = {
 		genericMonth: "Месяц",
 		genericMove: "Переехать",
 		genericNext: "Следующий",
+		genericNo: "Нет",
 		genericOpenInNewTab: "Открыть в новой вкладке",
 		genericOpenInNewWindow: "Открыть в новом окне",
 		genericOpenNavigationMenu: "Открыть меню навигации",
@@ -2391,6 +2432,7 @@ const russian = {
 		genericTransposeData: "Транспонировать данные",
 		genericViewAs: "Просмотреть как",
 		genericWeek: "Неделя",
+		genericYes: "Да",
 		gridColumn: "Столбец",
 		gridComplete: "Полный",
 		gridLabel: "Тип сетки",
@@ -2467,10 +2509,14 @@ const spanish = {
 		fontsizeLabel: "Tamaño de fuente",
 		fontsizeMedium: "Medio",
 		fontsizeSmall: "Pequeño",
+		genericAbort: "Cancelar",
 		genericAddNew: "Añadir nuevo",
 		genericApply: "Solicitar",
 		genericBack: "Espalda",
 		genericCollapse: "Colapso",
+		genericConfirm: "Confirmar",
+		genericConfirmDelete: "¿Confirmas la cancelación?",
+		genericConfirmDeleteXRows: "¿Eliminar ({0}) filas?",
 		genericDay: "Día",
 		genericDragAndDrop: "Arrastrar y soltar",
 		genericDropYourData: "Deja tus datos aquí",
@@ -2491,6 +2537,7 @@ const spanish = {
 		genericMonth: "Mes",
 		genericMove: "Mover",
 		genericNext: "Próximo",
+		genericNo: "No",
 		genericOpenInNewTab: "Abrir en una pestaña nueva",
 		genericOpenInNewWindow: "Abrir en Nueva ventana",
 		genericOpenNavigationMenu: "Abrir menú de navegación",
@@ -2509,6 +2556,7 @@ const spanish = {
 		genericTransposeData: "Transponer datos",
 		genericViewAs: "Visto como",
 		genericWeek: "Semana",
+		genericYes: "Sí",
 		gridColumn: "Columna",
 		gridComplete: "Completa",
 		gridLabel: "Tipo de cuadrícula",
@@ -3486,6 +3534,7 @@ const bubbles = {
 		"--kup-chart-color-3": "#8e1010",
 		"--kup-chart-color-4": "#f5f5dc",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3542,6 +3591,7 @@ const cobalt = {
 		"--kup-chart-color-3": "#b1eafb",
 		"--kup-chart-color-4": "#ffffff",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3596,6 +3646,7 @@ const dark = {
 		"--kup-chart-color-3": "#860bb5",
 		"--kup-chart-color-4": "#1a83e4",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3650,6 +3701,7 @@ const flamingo = {
 		"--kup-chart-color-3": "#c21350",
 		"--kup-chart-color-4": "#c88da1",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3710,6 +3762,7 @@ const graphite = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3764,6 +3817,7 @@ const ketchup = {
 		"--kup-chart-color-3": "#8e1010",
 		"--kup-chart-color-4": "#f5f5dc",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3824,6 +3878,7 @@ const obsidian = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3878,6 +3933,7 @@ const ocean = {
 		"--kup-chart-color-3": "#e48b47",
 		"--kup-chart-color-4": "#81e447",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3938,6 +3994,7 @@ const print = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3999,6 +4056,7 @@ const raj = {
 		"--kup-chart-color-3": "#ffe600",
 		"--kup-chart-color-4": "#effd02",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4059,6 +4117,7 @@ const red = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4121,6 +4180,7 @@ const sapphire = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4178,6 +4238,7 @@ const silver = {
 		"--kup-chart-color-6": "#59af57",
 		"--kup-chart-color-7": "#aeaa5d",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4240,6 +4301,7 @@ const teal = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4291,6 +4353,7 @@ const wildlife = {
 		"--kup-chart-color-3": "#e48b47",
 		"--kup-chart-color-4": "#81e447",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -5693,6 +5756,7 @@ exports.KupDataTableProps = void 0;
   KupDataTableProps["groupLabelDisplay"] = "How the label of a group must be displayed. For available values";
   KupDataTableProps["groups"] = "The list of groups.";
   KupDataTableProps["headerIsPersistent"] = "When set to true the header will stick on top of the table when scrolling.";
+  KupDataTableProps["insertMode"] = "Enables insert mode.";
   KupDataTableProps["isFocusable"] = "When set to true, clicked-on rows will have a visual feedback.";
   KupDataTableProps["lazyLoadRows"] = "When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled.";
   KupDataTableProps["lineBreakCharacter"] = "Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.";
@@ -5708,6 +5772,7 @@ exports.KupDataTableProps = void 0;
   KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
   KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
   KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
+  KupDataTableProps["showDeleteButton"] = "Enables the delete row button.";
   KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
   KupDataTableProps["showFooter"] = "When set to true shows the footer.";
   KupDataTableProps["showGrid"] = "Can be used to customize the grid view of the table.";