@sme.up/ketchup 6.7.0 → 6.9.0-SNAPSHOT

package/dist/ketchup/{p-1f5c7f21.entry.js → p-fe4d6234.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as h,h as i,H as s,g as a}from"./p-4fdb684f.js";import{k as o,g as n,s as l}from"./p-1dfd2a51.js";import{c as p}from"./p-97e8ea42.js";var r,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(r||(r={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(h){t(this,h),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0,this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1}async getProps(t){return n(this,r,t)}async getComponent(){return this.lazyComponent}async refresh(){h(this)}async setProps(t){l(this,r,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,h=this.componentName;switch(this.componentName){case"kup-button":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=i(this.componentName,Object.assign({},this.data,{ref:t=>this.lazyComponent=t})),h+=" kup-loaded"):this.showPlaceholder&&(t=e,h+=" kup-to-be-loaded"),i(s,{class:h},i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:p},t))}disconnectedCallback(){this.kupManager.theme.unregister(this),this.intObserver.unobserve(this.rootElement)}get rootElement(){return a(this)}};d.style=":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}
+import{r as t,c as e,f as h,h as i,H as s,g as a}from"./p-4fdb684f.js";import{k as o,g as n,s as l}from"./p-1df3f4b3.js";import{c as p}from"./p-97e8ea42.js";var r,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(r||(r={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(h){t(this,h),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return n(this,r,t)}async getComponent(){return this.lazyComponent}async refresh(){h(this)}async setProps(t){l(this,r,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,h=this.componentName;switch(this.componentName){case"kup-button":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=i(this.componentName,Object.assign({},this.data,{ref:t=>this.lazyComponent=t})),h+=" kup-loaded"):this.showPlaceholder&&(t=e,h+=" kup-to-be-loaded"),i(s,{class:h},i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:p},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return a(this)}};d.style=":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}

package/dist/types/components/kup-card/built-in/kup-card-built-in.d.ts

@@ -27,8 +27,13 @@ export declare function create3(component: KupCard): VNode;
 export declare function create4(component: KupCard): VNode;
 /**
  * 5th built-in layout, numeric picker.
- * This layout is rendered after the render cycle completes.
  * @param {KupCard} component - Card component.
- * @returns {VNode} 4th built-in layout virtual node.
+ * @returns {VNode} 5th built-in layout virtual node.
  */
 export declare function create5(component: KupCard): VNode;
+/**
+ * 6th built-in layout, form with submit button.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 6th built-in layout virtual node.
+ */
+export declare function create6(component: KupCard): VNode;

package/dist/types/components/kup-card/built-in/kup-card-form.d.ts

@@ -0,0 +1,3 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { KupCard } from '../kup-card';
+export declare function prepareForm(component: KupCard): VNode[];

package/dist/types/components/kup-card/kup-card-declarations.d.ts

@@ -3,6 +3,7 @@ import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
 import { SourceEvent } from '../kup-date-picker/kup-date-picker-declarations';
 import Picker from 'vanilla-picker';
 import { KupDataColumn, KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
+import { KupFormData } from '../kup-form/kup-form-declarations';
 /**
  * Props of the kup-card component.
  * Used to export every prop in an object.
@@ -52,6 +53,15 @@ export interface KupCardBuiltInClockOptions {
   minutesActive?: boolean;
   secondsActive?: boolean;
 }
+/**
+ * Options of the built-in form.
+ */
+export interface KupCardFormOptions {
+  form: KupFormData;
+  errors: boolean;
+  cancelCb?: () => void;
+  submitCb?: () => void;
+}
 /**
  * Options of the built-in column drop menu.
  */
@@ -145,7 +155,7 @@ export interface KupCardData {
   image?: GenericObject[];
   list?: GenericObject[];
   object?: KupObj[];
-  options?: KupCardBuiltInCalendarOptions | KupCardBuiltInClockOptions | KupCardColumnDropMenuOptions | KupCardColorPickerOptions | KupCardBuiltInNumericOptions;
+  options?: KupCardBuiltInCalendarOptions | KupCardBuiltInClockOptions | KupCardColumnDropMenuOptions | KupCardColorPickerOptions | KupCardBuiltInNumericOptions | KupCardFormOptions;
   progressbar?: GenericObject[];
   switch?: GenericObject[];
   tabbar?: GenericObject[];

package/dist/types/components/kup-card/kup-card.d.ts

@@ -39,6 +39,11 @@ export declare class KupCard {
    * @default false
    */
   menuVisible: boolean;
+  /**
+   * Sets the card as modal window
+   * @default false
+   */
+  showModal: boolean;
   /**
    * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
    * @default "100%"

package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts

@@ -30,6 +30,7 @@ export declare enum KupDataTableProps {
   groupLabelDisplay = "How the label of a group must be displayed. For available values",
   groups = "The list of groups.",
   headerIsPersistent = "When set to true the header will stick on top of the table when scrolling.",
+  insertMode = "Enables insert mode.",
   isFocusable = "When set to true, clicked-on rows will have a visual feedback.",
   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.",
   lineBreakCharacter = "Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.",
@@ -45,6 +46,7 @@ export declare enum KupDataTableProps {
   rowsPerPage = "Sets the number of rows per page to display.",
   scrollOnHover = "Activates the scroll on hover function.",
   showCustomization = "If set to true, displays the button to open the customization panel.",
+  showDeleteButton = "Enables the delete row button.",
   showFilters = "When set to true enables the column filters.",
   showFooter = "When set to true shows the footer.",
   showGrid = "Can be used to customize the grid view of the table.",
@@ -99,6 +101,7 @@ export declare enum SortMode {
   A = "A",
   D = "D"
 }
+export declare type KupDataTableInsertMode = 'form' | 'row' | '';
 export interface TotalsMap {
   [index: string]: TotalMode;
 }
@@ -241,3 +244,9 @@ export interface KupDataTableCellButtonClickEventPayload extends KupEventPayload
 export interface KupDatatableLoadMoreClickEventPayload extends KupEventPayload {
   loadItems: number;
 }
+export interface KupDatatableDeleteRowEventPayload extends KupEventPayload {
+  selectedRows: KupDataTableRow[];
+}
+export interface KupDatatableInsertRowEventPayload extends KupEventPayload {
+  row: KupDataTableRow;
+}

package/dist/types/components/kup-data-table/kup-data-table-state.d.ts

@@ -6,8 +6,8 @@ export declare class KupDataTableState implements KupState {
   expandGroups: boolean;
   groupLabelDisplay: GroupLabelDisplayMode;
   density: string;
-  enableExtraColumns: boolean;
   enableSortableColumns: boolean;
+  enableExtraColumns: boolean;
   forceOneLine: boolean;
   globalFilter: boolean;
   globalFilterValue: string;

package/dist/types/components/kup-data-table/kup-data-table.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, ShowGrid, SortObject, TotalsMap, SelectionMode, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableColumnRemoveEventPayload, KupDatatableColumnMoveEventPayload, KupDataTableDataset, KupDataTableRow } from './kup-data-table-declarations';
+import { GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, ShowGrid, SortObject, TotalsMap, SelectionMode, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableColumnRemoveEventPayload, KupDatatableColumnMoveEventPayload, KupDataTableDataset, KupDataTableRow, KupDatatableDeleteRowEventPayload, KupDatatableInsertRowEventPayload, KupDataTableInsertMode } from './kup-data-table-declarations';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupDataTableState } from './kup-data-table-state';
 import { KupStore } from '../kup-state/kup-store';
@@ -7,6 +7,7 @@ import { GenericFilter, ValueDisplayedValue } from '../../utils/filters/filters-
 import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
 import { KupDataColumn, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupDataTable {
+  #private;
   stateId: string;
   store: KupStore;
   state: KupDataTableState;
@@ -113,6 +114,11 @@ export declare class KupDataTable {
    * When set to true the header will stick on top of the table when scrolling.
    */
   headerIsPersistent: boolean;
+  /**
+   * Enables insert mode.
+   * @default '''
+   */
+  insertMode: KupDataTableInsertMode;
   /**
    * When set to true, clicked-on rows will have a visual feedback.
    * @default false
@@ -183,13 +189,13 @@ export declare class KupDataTable {
    */
   showCustomization: boolean;
   /**
-   * When set to true enables the column filters.
+   * Enables the delete row button.
    */
-  showFilters: boolean;
+  showDeleteButton: boolean;
   /**
-   * When set to true enables the column grouping.
+   * When set to true enables the column filters.
    */
-  showGroups: boolean;
+  showFilters: boolean;
   /**
    * When set to true shows the footer.
    */
@@ -198,6 +204,10 @@ export declare class KupDataTable {
    * Can be used to customize the grid view of the table.
    */
   showGrid: ShowGrid;
+  /**
+   * When set to true enables the column grouping.
+   */
+  showGroups: boolean;
   /**
    * Enables rendering of the table header.
    * @namespace KupDataTable.showHeader
@@ -257,73 +267,7 @@ export declare class KupDataTable {
   recalculateRowsAndUndoSelections(): void;
   controlFixedRowsColumns(): void;
   recalculateData(): void;
-  private initialized;
-  private rows;
-  private rowsLength;
-  private paginatedRows;
-  private paginatedRowsLength;
-  private footer;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  private renderedRows;
-  private loadMoreEventCounter;
-  private loadMoreEventPreviousQuantity;
-  /**
-   * Reference for the thead element
-   * @private
-   */
-  private theadRef;
-  private tableRef;
-  /**
-   * contains the original data, used in transposed function
-   * @private
-   */
-  private originalData;
-  /**
-   * Reference to the working area of the table. This is the below-wrapper reference.
-   */
-  private tableAreaRef;
-  private stickyTheadRef;
-  private customizeTopButtonRef;
-  private customizeTopPanelRef;
-  private sizedColumns;
-  private intObserver;
-  private navBarHeight;
-  private theadIntersecting;
-  private tableIntersecting;
-  private isSafariBrowser;
-  private isRestoringState;
-  private globalFilterTimeout;
-  private totalMenuCoords;
   columnFilterTimeout: number;
-  private clickTimeout;
-  private thRefs;
-  private rowsRefs;
-  private oldWidth;
-  private hold;
-  private interactableDrag;
-  private interactableDrop;
-  private interactableResize;
-  private interactableTouch;
-  private dropareaRef;
-  private removeDropareaRef;
-  private groupsDropareaRef;
-  private clickCb;
-  private clickCbCustomPanel;
-  private clickCbDropCard;
-  /**
-   * Used to prevent too many resizes callbacks at once.
-   */
-  private resizeTimeout;
-  private columnMenuInstance;
-  private filtersColumnMenuInstance;
-  private filtersRowsInstance;
-  private detailCard;
-  private columnMenuCard;
-  private columnDropCard;
-  private columnDropCardAnchor;
   /**
    * When component unload is complete
    */
@@ -369,6 +313,14 @@ export declare class KupDataTable {
    * Event fired when columns are removed (set to hidden).
    */
   kupColumnRemove: EventEmitter<KupDatatableColumnRemoveEventPayload>;
+  /**
+   * Event fired when the delete row button is pressed.
+   */
+  kupDeleteRow: EventEmitter<KupDatatableDeleteRowEventPayload>;
+  /**
+   * Event fired when the insert row confirm button is pressed.
+   */
+  kupInsertRow: EventEmitter<KupDatatableInsertRowEventPayload>;
   /**
    * Closes any opened column menu.
    */
@@ -383,6 +335,23 @@ export declare class KupDataTable {
    * @returns {Promise<Array<KupDataTableRow>>} Deleted rows.
    */
   deleteRows(ids?: string[]): Promise<Array<KupDataTableRow>>;
+  /**
+   * Closes the insert new record card (called by backend, on success)
+   */
+  closeInsertCard(): Promise<void>;
+  /**
+   * Closes the delete confirm card (called by backend, on success)
+   */
+  closeConfirmDeleteCard(): Promise<void>;
+  /**
+   * Returns cards and sub components
+   */
+  getCards(): Promise<any>;
+  /**
+   * Adds a new row to the list data
+   * @param row new row
+   */
+  insertNewRow(row: KupDataTableRow): Promise<void>;
   /**
    * Expands all groups.
    */
@@ -417,7 +386,7 @@ export declare class KupDataTable {
   /**
    * This method is used to trigger a new render of the component.
    */
-  refresh(): Promise<void>;
+  refresh(recalcRows?: boolean): Promise<void>;
   /**
    * This method is invoked by KupManager whenever the component changes size.
    */
@@ -446,156 +415,26 @@ export declare class KupDataTable {
    * @param {boolean} emitEvent - The event will always be emitted unless emitEvent is set to false.
    */
   setSelectedRows(rowsIdentifiers: string[] | number[], emitEvent?: boolean): Promise<void>;
-  private closeDropCard;
-  private createDropCard;
-  private calculateData;
-  private getRow;
-  private getTransposedData;
-  private setTransposedData;
-  private switchToTotalsMatrix;
-  private setObjForTotalsMatrix;
-  private stickyHeaderPosition;
-  private updateStickyHeaderSize;
-  private setObserver;
-  private didLoadInteractables;
-  private didRenderInteractables;
-  private didLoadObservers;
-  private didRenderObservers;
-  private didLoadEventHandling;
-  private scrollStickyHeader;
-  private checkScrollOnHover;
-  private customizePanelPosition;
-  private rowsPointLength;
-  private paginatedRowsPointLength;
-  private _rowsLength;
-  private setDynPosElements;
   componentWillLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   componentDidLoad(): void;
-  private getEventPath;
-  private resetSelectedRows;
   resetCurrentPage(): void;
   getColumns(): Array<KupDataColumn>;
-  private getSizedColumns;
-  /**
-   * Opens a card containing the detail of the given row.
-   * @param {KupDataTableRow} row - Row for which the detail was requested.
-   * @param {number} x - Initial x coordinates of the card.
-   * @param {number} y - Initial y coordinates of the card.
-   * @private
-   * @memberof KupDataTable
-   */
-  private rowDetail;
-  private getEventDetails;
-  private clickHandler;
-  private contextMenuHandler;
-  private dblClickHandler;
   getVisibleColumns(): Array<KupDataColumn>;
   getGroupByName(column: string): GroupObject;
   getColumnValues(column: KupDataColumn): ValueDisplayedValue[];
   getRows(): Array<KupDataTableRow>;
-  private initRows;
-  private filterRows;
-  private isGrouping;
-  private hasRowActions;
-  private removeGroup;
-  private hasTotals;
-  /**
-   * Returns if the current data table must have the with set to auto to make table as large as the sum
-   * of the table columns fixed width.
-   * Table margin gets set to auto to center it.
-   */
-  private tableHasAutoWidth;
-  private forceGroupExpansion;
-  private forceRowGroupExpansion;
-  private adjustPaginator;
-  private composeFixedCellStyleAndClass;
-  private updateFixedRowsAndColumnsCssVariables;
-  private onColumnSort;
-  private onRemoveFilter;
-  private getFilterValueForTooltip;
-  private onGlobalFilterChange;
-  private handlePageChange;
-  private handleRowsPerPageChange;
-  private onRowClick;
-  private selectColumn;
-  private deselectColumn;
-  private onDefaultRowActionClick;
-  private onRowActionExpanderClick;
-  private handleRowSelect;
-  private onRowExpand;
-  private onSelectAll;
-  private openTotalMenu;
-  private closeTotalMenu;
-  private isOpenedTotalMenuForColumn;
-  private groupRows;
   getInternalState(): Promise<{
     groups: GroupObject[];
     filters: GenericFilter;
     data: KupDataTableDataset;
   }>;
-  private onLoadMoreClick;
-  private adjustGroupState;
-  private adjustGroupStateFromRow;
-  private sortRows;
-  private getSortIcon;
-  private getSortDecode;
-  private calculateColspan;
-  private isGroupExpanded;
-  private handleColumnSort;
-  /**
-   * After a drop of a column header, if the table can update its own data, does so and triggers rerender.
-   * @param columns - The columns to sort
-   * @param receivingColumnIndex - The index where the column will be inserted
-   * @param sortedColumnIndex - The index where the column will be removed
-   */
-  private moveSortedColumns;
   defaultSortingFunction(columns: KupDataColumn[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean): Promise<KupDataColumn[]>;
-  private applyLineBreaks;
-  /**
-   * Given the parameters return the classes and style for each table header cell
-   * @param columnName - The name of the columns currently being examinated
-   * @param columnIndex - The index of the current column
-   * @param extraCells - the extra cells rendered into the table
-   */
-  private composeHeaderCellClassAndStyle;
-  private renderHeader;
-  private renderStickyHeader;
   areTotalsSelected(column: KupDataColumn): boolean;
   onTotalsChange(event: any, column: any): void;
-  private totalMenuPosition;
-  private onTotalMenuOpen;
   renderFooter(): any;
-  private renderRow;
-  private renderActions;
-  private onCustomSettingsClick;
-  private openCustomSettings;
-  private closeCustomSettings;
-  private renderPaginator;
   renderCustomizePanel(): any;
-  private columnRemoveArea;
-  private columnGroupArea;
-  private hideShowColumnDropArea;
-  private handleColumnGroup;
-  private transcodeItem;
-  private createListData;
-  private FONTSIZE_CODES;
-  private FONTSIZE_DECODES;
-  private FONTSIZE_ICONS;
-  private getFontSizeCodeFromDecode;
-  private renderFontSizePanel;
-  private DENSITY_DECODES;
-  private DENSITY_ICONS;
-  private getDensityCodeFromDecode;
-  private renderDensityPanel;
-  private GRID_CODES;
-  private GRID_DECODES;
-  private GRID_ICONS;
-  private getGridCodeFromDecode;
-  private renderTransposeSwitch;
-  private renderTotalsMatrix;
-  private renderGridPanel;
   render(): any;
   disconnectedCallback(): void;
 }

package/dist/types/components/kup-tree/kup-tree.d.ts

@@ -162,7 +162,6 @@ export declare class KupTree {
    */
   private columnMenuCard;
   private treeWrapperRef;
-  private selectedColumn;
   private clickTimeout;
   private globalFilterTimeout;
   private footer;

package/dist/types/components.d.ts

@@ -25,7 +25,7 @@ import { FChipType } from "./f-components/f-chip/f-chip-declarations";
 import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
 import { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
-import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/kup-dropdown-button-declarations";
@@ -581,6 +581,11 @@ export namespace Components {
           * @param props - Object containing props that will be set to the component.
          */
         "setProps": (props: GenericObject) => Promise<void>;
+        /**
+          * Sets the card as modal window
+          * @default false
+         */
+        "showModal": boolean;
         /**
           * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
           * @default "100%"
@@ -1038,6 +1043,14 @@ export namespace Components {
           * Closes any opened column menu.
          */
         "closeColumnMenu": () => Promise<void>;
+        /**
+          * Closes the delete confirm card (called by backend, on success)
+         */
+        "closeConfirmDeleteCard": () => Promise<void>;
+        /**
+          * Closes the insert new record card (called by backend, on success)
+         */
+        "closeInsertCard": () => Promise<void>;
         /**
           * Collapses all groups.
          */
@@ -1122,6 +1135,10 @@ export namespace Components {
           * Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling.
          */
         "forceOneLine": boolean;
+        /**
+          * Returns cards and sub components
+         */
+        "getCards": () => Promise<any>;
         "getInternalState": () => Promise<{ groups: GroupObject[]; filters: GenericFilter; data: KupDataTableDataset; }>;
         /**
           * Used to retrieve component's props values.
@@ -1158,6 +1175,16 @@ export namespace Components {
           * @param column - Column to hide.
          */
         "hideColumn": (column: KupDataColumn) => Promise<void>;
+        /**
+          * Enables insert mode.
+          * @default '''
+         */
+        "insertMode": KupDataTableInsertMode;
+        /**
+          * Adds a new row to the list data
+          * @param row new row
+         */
+        "insertNewRow": (row: KupDataTableRow) => Promise<void>;
         /**
           * When set to true, clicked-on rows will have a visual feedback.
           * @default false
@@ -1210,7 +1237,7 @@ export namespace Components {
         /**
           * This method is used to trigger a new render of the component.
          */
-        "refresh": () => Promise<void>;
+        "refresh": (recalcRows?: boolean) => Promise<void>;
         /**
           * Sets the possibility to remove the selected column.
          */
@@ -1267,6 +1294,10 @@ export namespace Components {
           * If set to true, displays the button to open the customization panel.
          */
         "showCustomization": boolean;
+        /**
+          * Enables the delete row button.
+         */
+        "showDeleteButton": boolean;
         /**
           * When set to true enables the column filters.
          */
@@ -4015,6 +4046,11 @@ declare namespace LocalJSX {
           * Triggered when the component is ready.
          */
         "onKup-card-ready"?: (event: KupCardCustomEvent<KupEventPayload>) => void;
+        /**
+          * Sets the card as modal window
+          * @default false
+         */
+        "showModal"?: boolean;
         /**
           * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
           * @default "100%"
@@ -4457,6 +4493,11 @@ declare namespace LocalJSX {
           * When set to true the header will stick on top of the table when scrolling.
          */
         "headerIsPersistent"?: boolean;
+        /**
+          * Enables insert mode.
+          * @default '''
+         */
+        "insertMode"?: KupDataTableInsertMode;
         /**
           * When set to true, clicked-on rows will have a visual feedback.
           * @default false
@@ -4510,6 +4551,10 @@ declare namespace LocalJSX {
           * Generic double click event on data table.
          */
         "onKup-datatable-dblclick"?: (event: KupDataTableCustomEvent<KupDatatableClickEventPayload>) => void;
+        /**
+          * Event fired when the delete row button is pressed.
+         */
+        "onKup-datatable-delete-row"?: (event: KupDataTableCustomEvent<KupDatatableDeleteRowEventPayload>) => void;
         /**
           * When component load is complete
          */
@@ -4518,6 +4563,10 @@ declare namespace LocalJSX {
           * When component unload is complete
          */
         "onKup-datatable-didunload"?: (event: KupDataTableCustomEvent<KupEventPayload>) => void;
+        /**
+          * Event fired when the insert row confirm button is pressed.
+         */
+        "onKup-datatable-insert-row"?: (event: KupDataTableCustomEvent<KupDatatableInsertRowEventPayload>) => void;
         "onKup-datatable-loadmoreclick"?: (event: KupDataTableCustomEvent<KupDatatableLoadMoreClickEventPayload>) => void;
         /**
           * When rows selections reset
@@ -4567,6 +4616,10 @@ declare namespace LocalJSX {
           * If set to true, displays the button to open the customization panel.
          */
         "showCustomization"?: boolean;
+        /**
+          * Enables the delete row button.
+         */
+        "showDeleteButton"?: boolean;
         /**
           * When set to true enables the column filters.
          */

package/dist/types/managers/kup-data/kup-data-declarations.d.ts

@@ -20,6 +20,7 @@ export interface KupDataColumn {
   formula?: string;
   hideValuesRepetitions?: boolean;
   icon?: string;
+  isEditable?: boolean;
   isKey?: boolean;
   mergedFrom?: string[];
   obj?: KupObj;

package/dist/types/managers/kup-language/kup-language-declarations.d.ts

@@ -111,10 +111,14 @@ export declare enum KupLanguageFontsize {
  * Generic user interface action/messages.
  */
 export declare enum KupLanguageGeneric {
+  ABORT = "genericAbort",
   ADD_NEW = "genericAddNew",
   APPLY = "genericApply",
   BACK = "genericBack",
   COLLAPSE = "genericCollapse",
+  CONFIRM = "genericConfirm",
+  CONFIRM_DELETE = "genericConfirmDelete",
+  CONFIRM_DELETE_X_ROWS = "genericConfirmDeleteXRows",
   DAY = "genericDay",
   DRAG_AND_DROP = "genericDragAndDrop",
   DROP_YOUR_DATA = "genericDropYourData",
@@ -135,6 +139,7 @@ export declare enum KupLanguageGeneric {
   MONTH = "genericMonth",
   MOVE = "genericMove",
   NEXT = "genericNext",
+  NO = "genericNo",
   OPEN_NAVIGATION_MENU = "genericOpenNavigationMenu",
   OPEN_IN_NEW_TAB = "genericOpenInNewTab",
   OPEN_IN_NEW_WINDOW = "genericOpenInNewWindow",
@@ -152,7 +157,8 @@ export declare enum KupLanguageGeneric {
   TOTALS_TABLE = "genericTotalsTable",
   TRANSPOSE_DATA = "genericTransposeData",
   VIEW_AS = "genericViewAs",
-  WEEK = "genericWeek"
+  WEEK = "genericWeek",
+  YES = "genericYes"
 }
 /**
  * Grid decodes (data table customization settings).