@sme.up/ketchup 9.6.1 → 9.6.3

package/dist/ketchup/p-ec4050e1.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,f as e,h as a,H as s,d as n}from"./p-47040db6.js";import{k as r,g as o,s as l,l as p,M as h,e as f}from"./p-9a856951.js";import{c}from"./p-635bb4b3.js";import{F as m}from"./p-d50515f7.js";import{F as g}from"./p-590c34bc.js";import{F as u}from"./p-c634eb82.js";import{F as d}from"./p-5c79cb74.js";import{M as _}from"./p-d4a879fc.js";import"./p-935f58fc.js";import"./p-e2bf2bb6.js";import"./p-a5074ce4.js";import"./p-ba0f28b7.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow"}(k||(k={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var v,w,y,x,j,z,C,M,W,E,O,T,P,D,F,S=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},I=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const N=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),v.add(this),this.state=new b,w.set(this,[]),y.set(this,r()),x.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=S(this,y,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),z.set(this,void 0),C.set(this,!1),M.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=4,this.customStyle="",this.data=[],this.ripple=!0,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=S(this,y,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(S(this,y,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=S(this,y,"f").data.node.find(this.data,i))}async getProps(i){return o(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){S(this,y,"f").debug.logLoad(this,!1),S(this,y,"f").language.register(this),S(this,y,"f").theme.register(this)}componentDidLoad(){S(this,v,"m",F).call(this),S(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){S(this,y,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),S(this,y,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t=Object.assign({},{"grid-template-columns":`repeat(${this.columns}, minmax(0px, 1fr))`});if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};t=Object.assign(Object.assign({},t),i)}return a(s,{key:"86c391c4a1e0c507dc0c07971aa90e6f7091bc95"},a("style",{key:"99f966c6cd10aac991c99b4badca0a6cff1dbf5b"},S(this,y,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e4eaa257a47cabcb34a412f56d736cd77fbc97af",id:c,ref:i=>{I(this,z,i,"f")}},a("div",{key:"48ff34cbb307b0ab49ca3b8ed240f0510e674e93",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(m,{fit:!0,resource:this.currentNode.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},S(this,x,"f"),{label:S(this,y,"f").language.translate(p.BACK)})),a(g,Object.assign({},S(this,j,"f"),{label:S(this,y,"f").language.translate(p.TOP)}))):null),a("div",{key:"97ac20f9d893c131c03adc953e78435bb062f137",class:"image-list",style:t},...S(this,v,"m",E).call(this))))}disconnectedCallback(){S(this,y,"f").interact.unregister(S(this,M,"f")),S(this,y,"f").language.unregister(this),S(this,y,"f").theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,y=new WeakMap,x=new WeakMap,j=new WeakMap,z=new WeakMap,C=new WeakMap,M=new WeakMap,v=new WeakSet,W=function(i){const t=a(m,Object.assign({},{fit:!0,resource:i.icon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData})),e=a("div",{class:"image-list__label"},i.value);return a(d,{cell:{value:i.value,icon:i.icon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:f.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"},t,e))},E=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],n=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},S(this,v,"m",W).call(this,s));i.push(n)}return i},O=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},T=function(i){return S(this,v,"m",O).call(this,S(this,y,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return S(this,v,"m",O).call(this,S(this,y,"f").getEventPath(i.target,this.rootElement),i)},D=function(i){return S(this,v,"m",O).call(this,S(this,y,"f").getEventPath(i.target,this.rootElement),i)},F=function(){S(this,M,"f").push(S(this,z,"f"));const i=i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||I(this,C,!0,"f")};S(this,y,"f").interact.on(S(this,z,"f"),h.HOLD,i),S(this,y,"f").interact.on(S(this,z,"f"),h.TAP,(i=>{if(S(this,C,"f"))I(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];S(this,w,"f").push(setTimeout((()=>{const i=S(this,v,"m",T).call(this,t),e=i.row;e.children&&e.children.length>0&&(this.currentNode=e),this.kupClick.emit({comp:this,id:this.rootElement.id,details:i})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:S(this,v,"m",P).call(this,i)})}})),S(this,y,"f").interact.on(S(this,z,"f"),h.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<S(this,w,"f").length;i++)clearTimeout(S(this,w,"f")[i]),S(this,y,"f").debug.logMessage(this,"Cleared clickHandler timeout("+S(this,w,"f")[i]+").");I(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:S(this,v,"m",D).call(this,i)})}})),S(this,y,"f").interact.on(S(this,z,"f"),h.HOLD,i)},N.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_background_color:var(\n    --kup-imagelist-background-color,\n    transparent\n  );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, 0.5em);--kup_imagelist_image_min_height:var(\n    --kup-imagelist-image-min-height,\n    var(--kup-space-09)\n  );--kup_imagelist_item_border_radius:var(\n    --kup-imagelist-item-border-radius,\n    var(--kup-radius-00)\n  );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n    --kup-imagelist-label-margin,\n    0 auto 1em auto\n  );--kup_imagelist_navbar_background_color:var(\n    --kup-imagelist-navbar-background-color,\n    transparent\n  );--kup_imagelist_primary_color:var(\n    --kup-imagelist-primary-color,\n    var(--kup-primary-color)\n  );--kup_imagelist_primary_color_rgb:var(\n    --kup-imagelist-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_imagelist_text_color:var(\n    --kup-imagelist-text-color,\n    var(--kup-gray-color-70)\n  );--kup_imagelist_item_background_color:var(\n    --kup-imagelist-item-background-color,\n    var(--kup-gray-color-10)\n  );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup_imagelist_columns, 4), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{padding:var(--kup-space-03) var(--kup-space-02)}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup-gray-color-20)}.image-list__image.f-image{margin-bottom:var(--kup-space-03)}.image-list__image.f-image .f-image__icon{min-height:var(--kup_imagelist_image_min_height)}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{N as kup_image_list}

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

@@ -253,6 +253,7 @@ export declare class KupBox {
     private isSectionExpanded;
     private handleAutomaticBoxSelection;
     private getEventDetails;
+    private clickHandler;
     private contextMenuHandler;
     /**
      * Checks if the element is the svg that opens the "row actions menu"

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

@@ -77,6 +77,7 @@ export interface KupCardBuiltInOpenAIOptions {
 export interface KupCardBuiltInOpenAIMessages {
     text: string;
     type: 'request' | 'response';
+    funs: RegExpMatchArray[];
 }
 /**
  * Options of the built-in column drop menu.

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

@@ -34,6 +34,7 @@ export declare enum KupDataTableProps {
     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.",
+    legacyLook = "When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default.",
     lineBreakCharacter = "Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.",
     loadMoreLimit = "Sets a maximum limit of new records which can be required by the load more functionality.",
     loadMoreMode = "Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",

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

@@ -160,6 +160,10 @@ export declare class KupDataTable {
      * Sets the position of the paginator. Available positions: top, bottom or both.
      */
     paginatorPos: PaginatorPos;
+    /**
+     * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default.
+     */
+    legacyLook: boolean;
     /**
      * Sets the possibility to remove the selected column.
      */

package/dist/types/components/kup-image-list/kup-image-list-declarations.d.ts

@@ -1,14 +1,29 @@
-import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
-import { KupEventPayload } from '../../types/GenericTypes';
+import { KupDataCell, KupDataColumn, KupDataNode, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-image-list component.
  * Used to export every prop in an object.
  */
 export declare enum KupImageListProps {
+    columns = "Can set a specific number of columns",
     customStyle = "Custom style of the component.",
     data = "Actual data of the component",
-    ripple = "When enabled displays Material's ripple effect on clicked items."
+    ripple = "When enabled displays Material's ripple effect on clicked items.",
+    rows = "Cam set a specific number of rows. It overwrite the columns flow into rows flow"
 }
 export interface KupImageListEventPayload extends KupEventPayload {
-    node: KupDataNode;
+    details: KupImageListEventHandlerDetails;
+}
+/**
+ * Contains all the data of an event.
+ */
+export interface KupImageListEventHandlerDetails {
+    cell: KupDataCell;
+    column: KupDataColumn;
+    originalEvent: PointerEvent;
+    row: KupDataRow;
+}
+export interface KupImageListDataNode extends KupDataNode {
+    badgeData: GenericObject[];
+    children?: KupImageListDataNode[];
 }

package/dist/types/components/kup-image-list/kup-image-list.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupImageListEventPayload } from './kup-image-list-declarations';
-import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+import { KupImageListDataNode, KupImageListEventPayload } from './kup-image-list-declarations';
 import { KupStore } from '../kup-state/kup-store';
 import { KupImageListState } from './kup-image-list-state';
 import { TreeNodePath } from '../kup-tree/kup-tree-declarations';
@@ -12,10 +11,15 @@ export declare class KupImageList {
      */
     rootElement: HTMLElement;
     state: KupImageListState;
-    currentNode: KupDataNode;
+    currentNode: KupImageListDataNode;
     navigationBarToggled: boolean;
     initWithPersistedState(): void;
     persistState(): void;
+    /**
+     * Number of columns to display in the grid layout.
+     * @default 4
+     */
+    columns: number;
     /**
      * Custom style of the component.
      * @default ""
@@ -26,28 +30,26 @@ export declare class KupImageList {
      * Actual data of the component.
      * @default []
      */
-    data: KupDataNode[];
+    data: KupImageListDataNode[];
     /**
      * When enabled displays Material's ripple effect on clicked items.
      * @default true
      */
     ripple: boolean;
+    /**
+     * Number of rows to display in the grid layout.
+     * @default null
+     */
+    rows: number;
     /**
      * An array of integers containing the path to a selected child.\
      */
     selectedNode: TreeNodePath;
     stateId: string;
     store: KupStore;
-    /**
-     * Instance of the KupManager class.
-     */
-    private kupManager;
     kupClick: EventEmitter<KupImageListEventPayload>;
-    onKupClick(node: KupDataNode): void;
     kupContextMenu: EventEmitter<KupImageListEventPayload>;
-    onKupContextMenu(e: MouseEvent, node: KupDataNode): void;
     kupDblClick: EventEmitter<KupImageListEventPayload>;
-    onKupDblClick(node: KupDataNode): void;
     selectNode(newData: TreeNodePath): void;
     /**
      * Used to retrieve component's props values.

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

@@ -11,6 +11,7 @@ export declare class KupPlanner {
     state: KupPlannerState;
     initWithPersistedState(): void;
     persistState(): void;
+    plannerRenderer: HTMLKupPlannerRendererElement;
     /**
      * References the root HTML element of the component (<kup-planner>).
      */

package/dist/types/components/kup-planner/utils/kup-gantt/kup-gantt.d.ts

@@ -101,6 +101,10 @@ export declare class KupGantt {
     loadStates(): void;
     componentDidRender(): void;
     componentDidLoad(): void;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
     updateInitialScrollY(): void;
     updateInitialScrollX(): void;
     updateGanttData(): void;

package/dist/types/components/kup-planner/utils/kup-planner-renderer.d.ts

@@ -15,6 +15,8 @@ export declare class KupPlannerRenderer {
     locale: string;
     tasks: KupPlannerTask[];
     details: KupPlannerTask[];
+    mainGantt: HTMLKupGanttElement;
+    secondaryGantt: HTMLKupGanttElement;
     /**
      * References the root HTML element of the component (<kup-planner-renderer>).
      */
@@ -23,6 +25,10 @@ export declare class KupPlannerRenderer {
     updateDisplayedDates(): void;
     updateTasks(): void;
     componentWillLoad(): void;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
     handleClick(row: KupPlannerGanttRow, onClick: any): void;
     handleDblClick(row: KupPlannerGanttRow, onDblClick: any): void;
     handleContextMenu(event: UIEvent, row: KupPlannerGanttRow, onContextMenu: any): void;

package/dist/types/components.d.ts

@@ -11,7 +11,7 @@ import { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from
 import { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
 import { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxLoadMoreClickEventPayload, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload, LoadMoreMode } from "./components/kup-box/kup-box-declarations";
 import { KupStore } from "./components/kup-state/kup-store";
-import { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
+import { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
 import { FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
 import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations";
 import { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
@@ -25,7 +25,7 @@ import { KupChipChangeEventPayload, KupChipEventPayload, KupChipNode } from "./c
 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 { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-declarations";
+import { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTask, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-declarations";
 import { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
 import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode as LoadMoreMode1, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
@@ -41,8 +41,8 @@ import { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/
 import { KupBadge } from "./components/kup-badge/kup-badge";
 import { FImageData } from "./f-components/f-image/f-image-declarations";
 import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
+import { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 import { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
-import { KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
@@ -60,7 +60,7 @@ export { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from
 export { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
 export { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxLoadMoreClickEventPayload, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload, LoadMoreMode } from "./components/kup-box/kup-box-declarations";
 export { KupStore } from "./components/kup-state/kup-store";
-export { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
+export { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
 export { FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
 export { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations";
 export { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
@@ -74,7 +74,7 @@ export { KupChipChangeEventPayload, KupChipEventPayload, KupChipNode } from "./c
 export { FChipType } from "./f-components/f-chip/f-chip-declarations";
 export { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 export { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
-export { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-declarations";
+export { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTask, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-declarations";
 export { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
 export { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode as LoadMoreMode1, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 export { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
@@ -90,8 +90,8 @@ export { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/
 export { KupBadge } from "./components/kup-badge/kup-badge";
 export { FImageData } from "./f-components/f-image/f-image-declarations";
 export { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
+export { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 export { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
-export { KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 export { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 export { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 export { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
@@ -1364,6 +1364,10 @@ export namespace Components {
           * 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.
          */
         "lazyLoadRows": boolean;
+        /**
+          * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default.
+         */
+        "legacyLook": boolean;
         /**
           * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.
          */
@@ -2101,6 +2105,10 @@ export namespace Components {
         "projectProgressSelectedColor": KupPlannerGanttProps['projectProgressSelectedColor'];
         "projection": KupPlannerGanttProps['projection'];
         "readOnly": KupPlannerGanttProps['readOnly'];
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
         "rowHeight": KupPlannerGanttProps['rowHeight'];
         "rtl": KupPlannerGanttProps['rtl'];
         "scrollXChange": KupPlannerGanttProps['scrollXChange'];
@@ -2395,6 +2403,11 @@ export namespace Components {
         "sizeY": string;
     }
     interface KupImageList {
+        /**
+          * Number of columns to display in the grid layout.
+          * @default 4
+         */
+        "columns": number;
         /**
           * Custom style of the component.
           * @default ""
@@ -2405,7 +2418,7 @@ export namespace Components {
           * Actual data of the component.
           * @default []
          */
-        "data": KupDataNode[];
+        "data": KupImageListDataNode[];
         /**
           * Used to retrieve component's props values.
           * @param descriptions - When provided and true, the result will be the list of props with their description.
@@ -2421,6 +2434,11 @@ export namespace Components {
           * @default true
          */
         "ripple": boolean;
+        /**
+          * Number of rows to display in the grid layout.
+          * @default null
+         */
+        "rows": number;
         /**
           * An array of integers containing the path to a selected child.\
          */
@@ -2975,6 +2993,10 @@ export namespace Components {
     }
     interface KupPlannerRenderer {
         "props": PlannerProps;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
     }
     interface KupProbe {
         /**
@@ -6103,6 +6125,10 @@ declare namespace LocalJSX {
           * 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.
          */
         "lazyLoadRows"?: boolean;
+        /**
+          * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default.
+         */
+        "legacyLook"?: boolean;
         /**
           * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.
          */
@@ -6966,6 +6992,11 @@ declare namespace LocalJSX {
         "sizeY"?: string;
     }
     interface KupImageList {
+        /**
+          * Number of columns to display in the grid layout.
+          * @default 4
+         */
+        "columns"?: number;
         /**
           * Custom style of the component.
           * @default ""
@@ -6976,7 +7007,7 @@ declare namespace LocalJSX {
           * Actual data of the component.
           * @default []
          */
-        "data"?: KupDataNode[];
+        "data"?: KupImageListDataNode[];
         "onKup-imagelist-click"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
         "onKup-imagelist-contextmenu"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
         "onKup-imagelist-dblclick"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
@@ -6985,6 +7016,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "ripple"?: boolean;
+        /**
+          * Number of rows to display in the grid layout.
+          * @default null
+         */
+        "rows"?: number;
         /**
           * An array of integers containing the path to a selected child.\
          */

package/dist/types/f-components/f-image/f-image-declarations.d.ts

@@ -1,10 +1,9 @@
-import type { KupBadge } from '../../components/kup-badge/kup-badge';
-import { FComponent } from '../../types/GenericTypes';
+import { FComponent, GenericObject } from '../../types/GenericTypes';
 /**
  * Props of the f-image component.
  */
 export interface FImageProps extends FComponent {
-    badgeData?: KupBadge[];
+    badgeData?: GenericObject[];
     color?: string;
     data?: FImageData[];
     fit?: boolean;
@@ -19,7 +18,7 @@ export interface FImageProps extends FComponent {
  * @property {string} shape - Defines the type of the step.
  * @property {string} color - Background color of the step.
  * @property {string} height - Height of the step.
- * @property {boolean} width - Width of the step
+ * @property {string} width - Width of the step
  */
 export interface FImageData {
     shape?: FImageShape;

package/dist/types/managers/kup-dates/kup-dates.d.ts

@@ -214,7 +214,7 @@ export declare class KupDates {
      * Parses a Date string to JS Date Object
      *
      * @param {string} ymd - The string to be converted to Date.
-    */
+     */
     parseToDayStart: (ymd: string) => Date;
     parseToDayEnd: (endDate: string) => Date;
     /**
@@ -223,7 +223,7 @@ export declare class KupDates {
      * @param {string} startDate - The start date string.
      * @param {string} endDate - The end date string.
      * @param {string} _name
-    */
+     */
     validDates: (startDate: string, endDate: string, _name: string) => {
         start: Date;
         end: Date;

package/dist/types/managers/kup-interact/kup-interact.d.ts

@@ -48,6 +48,11 @@ export declare class KupInteract {
      * @see https://interactjs.io/docs/action-options/ For more options
      */
     dropzone(el: HTMLElement, options?: DropzoneOptions, eventData?: KupDropEventData, callbacks?: KupDropCallbacks): void;
+    /**
+     * Tests whether the current device is mobile or not.
+     * @returns {boolean} Returns true when it's a mobile device
+     */
+    isMobileDevice(): boolean;
     /**
      * Sets up a new resizable element.
      * @param {HTMLElement} el - The resizable element.

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

@@ -1,4 +1,11 @@
+import { KupDataDataset } from '../kup-data/kup-data-declarations';
+export interface KupOpenAIParameters {
+    context?: string;
+    dataset?: KupDataDataset;
+    onFunClick?: (fun: string) => void;
+}
 export interface KupOpenAISessionInfo {
+    context: string;
     fileId: string;
     threadId: string;
 }

package/dist/types/managers/kup-openai/kup-openai.d.ts

@@ -1,29 +1,25 @@
 import { KupDataTableDataset, KupTextFieldCustomEvent, KupTextFieldEventPayload } from '../../components';
 import { KupCardBuiltInOpenAIOptions } from '../../components/kup-card/kup-card-declarations';
-import { KupOpenAISessionInfo } from './kup-openai-declarations';
+import { KupOpenAIParameters, KupOpenAISessionInfo } from './kup-openai-declarations';
 export declare class KupOpenAI {
     #private;
     card: HTMLKupCardElement;
     container: HTMLElement;
+    context: string;
     data: KupDataTableDataset;
     dialog: HTMLKupDialogElement;
     sessionInfo: KupOpenAISessionInfo;
     url: string;
+    onFunClick?: (fun: string) => void;
     /**
      * Initializes KupOpenAI.
      */
     constructor(url: string);
+    getFunFromText: (text: string) => RegExpMatchArray[];
+    setError(message: string, _this?: KupOpenAI, dontRefreshCard?: boolean): void;
     getCardOptions(): KupCardBuiltInOpenAIOptions;
-    /**
-     * Shows the component
-     * @param data
-     * @param options
-     */
-    show(data: KupDataTableDataset): void;
-    /**
-     * Hides the component.
-     */
-    hide(): void;
+    show(parameters: KupOpenAIParameters): Promise<void>;
+    hide(): Promise<void>;
     auth(event: KupTextFieldCustomEvent<KupTextFieldEventPayload>): Promise<void>;
-    chat(disableInteractivity: any, inputArea: HTMLKupTextFieldElement): Promise<void>;
+    chat(disableInteractivity: (status: boolean) => void, inputArea: HTMLKupTextFieldElement): Promise<void>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "9.6.1",
+    "version": "9.6.3",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/ketchup/p-060ae996.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,f as i,h as e,H as s,d as r}from"./p-1ad7fea0.js";import{k as n,x as a,g as h,s as l,$ as c,u as p,l as b,a as d,d as u,M as x,Q as f,ak as g,U as w,D as m}from"./p-610a03d4.js";import{f as k,p as v,s as y,d as _,r as j,b as C}from"./p-dba484b8.js";import{F as P}from"./p-102866cd.js";import{a as M}from"./p-7bda0684.js";import{c as A}from"./p-635bb4b3.js";import{F as R}from"./p-a9b06bb8.js";import{F as I}from"./p-b3577066.js";import"./p-de07d17e.js";import"./p-e43d4ccc.js";import"./p-c634eb82.js";import"./p-dc18691c.js";import"./p-ccc637ee.js";import"./p-d4a879fc.js";var z,E;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(z||(z={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(E||(E={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var O,D,B,T,W,$,L,F,H,N=function(t,o,i,e){if("a"===i&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?t!==o||!e:!o.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?e:"a"===i?e.call(t):e?e.value:o.get(t)},G=function(t,o,i,e,s){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?t!==o||!s:!o.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?s.call(t,i):s?s.value=i:o.set(t,i),i};const V=class{constructor(i){t(this,i),this.kupBoxClick=o(this,"kup-box-click",6),this.kupBoxSelected=o(this,"kup-box-selected",6),this.kupAutoBoxSelect=o(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=o(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=o(this,"kup-box-rowactionclick",6),this.kupDidLoad=o(this,"kup-box-didload",6),this.kupDidUnload=o(this,"kup-box-didunload",6),this.kupBoxContextMenu=o(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=o(this,"kup-box-loadmoreclick",6),O.add(this),this.state=new S,this.kupManager=n(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],D.set(this,void 0),B.set(this,[]),T.set(this,0),W.set(this,0),$.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=E.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=this.state.sortBy,this.globalFilterValue=this.state.globalFilterValue,this.selectedRowsState=this.state.selectedRowsState,this.pageSelected=this.state.pageSelected,this.rowsPerPage=this.state.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=!1;this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const o=this.selectedRows.reduce(((t,o,i)=>t+(i>0?";":"")+o.id),"");if(this.kupManager.objects.deepEqual(this.state.selectedRowsState,o)||(this.state.selectedRowsState=o,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initVisibleColumns(),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,z,t)}async loadRowActions(t,o){t.actions=o,this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){l(this,z,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=k(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let o=t;return this.sortBy&&(o=y(o,this.toSortObjectList())),o}toSortObjectList(){return this.sortBy.split("|").map((t=>{const o=t.split(",");return{column:o[0],sortMode:o.length>1?c[o[1]]:c.A}}))}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.boxContainer)}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},o=this.visibleColumns;let i=o.length,e=[],s=0;for(;i-- >0;)e.push({column:o[s++].name});t.content=e,this.boxLayout={sections:[t]}}onSortChange(t){let o=p(this.visibleColumns,t.detail.value);this.sortBy=o.name}onGlobalFilterChange({detail:t}){let o="";t&&t.value&&(o=t.value),this.globalFilterValue=o}isSectionExpanded(t,o){return!(!t.id||!o.id)&&this.collapsedSection[o.id]&&this.collapsedSection[o.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,o){let i=null,e=null,s=null,r=null;if(t&&(i=t.closest(".box-object")||t.querySelector(".box-object")||t.closest(".f-cell")),i)if(i.classList.contains("f-cell")){const t=i["kup-get-cell-props"]();e=t.cell,r=t.column,s=t.row}else e=i["data-cell"],s=i["data-row"],r=p(this.visibleColumns,i.dataset.column);return{boxObject:i||null,column:r||null,cell:e||null,originalEvent:o,row:s||null}}contextMenuHandler(t){return this.getEventDetails(t.target,t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onBoxClick({target:t},o){if(!(t instanceof HTMLElement))return;let i=t,e=i.classList;for(;!e.contains("box-object")&&!e.contains("box-section")&&!e.contains("box")&&(i=i.parentElement,null!==i);)e=i.classList;let s=null;e.contains("box-object")&&(s=i.dataset.column),this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o,column:s}),this.multiSelection?this.onSelectionCheckChange(o):this.selectedRows=[o]}onSelectionCheckChange(t){var o=-1;for(let i=0;i<this.selectedRows.length;i++)if(this.selectedRows[i].id===t.id){o=i;break}o>=0?(this.selectedRows.splice(o,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,o){if(o.id)if(t.id){if(this.collapsedSection[o.id]){const i=this.collapsedSection[o.id];i[t.id]=!i[t.id]||!i[t.id]}else this.collapsedSection[o.id]={},this.collapsedSection[o.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,o,i){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:o,index:i})}clickFunction(t){try{const o=t.composedPath();for(let t of o)if(this.checkIfElementIsActionMenuIcon(t))return}catch(o){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const o=_(t,this.filteredRows.length,this.currentRowsPerPage);o&&(this.currentPage=o)}handleRowsPerPageChange(t){const o=j(t,this.filteredRows.length);o&&(this.currentRowsPerPage=o,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let o=!1;const i={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let o=0;o<this.data.columns.length;o++){const e=this.data.columns[o];!1!==e.visible&&(i.cell.push(t.cells[e.name]),i.columns.push(e))}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const e=t.cells[o];if(void 0!==e.cardID&&e.obj)switch(e.obj.p){case"BTN":do{i.button.push({})}while(i.button.length<e.cardID);i.button[e.cardID]={label:e.value};break;case"IMG":do{i.image.push({})}while(i.image.length<e.cardID);i.image[e.cardID]={resource:e.value};break;case"PGB":do{i.progressbar.push({})}while(i.progressbar.length<e.cardID);i.progressbar[e.cardID]={value:e.value};break;default:do{i.text.push("")}while(i.text.length<e.cardID);i.text[e.cardID]=e.value}}for(const e in t.cells)if(t.cells.hasOwnProperty(e)){const s=t.cells[e];if(void 0===s.cardID&&s.obj)switch(o=!1,s.obj.p){case"BTN":for(let t=0;t<i.button.length;t++)if(!Object.keys(i.button[t]).length){i.button[t]={label:s.value},o=!0;break}o||i.button.push({label:s.value});break;case"IMG":for(let t=0;t<i.image.length;t++)if(!Object.keys(i.image[t]).length){i.image[t]={resource:s.value},o=!0;break}o||i.image.push({resource:s.value});break;case"PGB":for(let t=0;t<i.progressbar.length;t++)if(!Object.keys(i.progressbar[t]).length){i.progressbar[t]={value:s.value},o=!0;break}o||i.progressbar.push({value:s.value});break;default:for(let t=0;t<i.text.length;t++)if(""===i.text[t]){i.text[t]=s.value,o=!0;break}o||i.text.push(s.value)}}return e("kup-card",Object.assign({data:i},this.cardData))}renderRow(t){const o=[...this.visibleColumns];let i=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const e=s.sections;let n=e.length,a=0;n>0&&(i=[]);const h={horizontal:r};for(;n-- >0;)i.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(e[a++],h,t,o))}var n=!1;for(let o of this.selectedRows)o.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=e("div",{class:"box-selection"},e("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const o={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let i=null;if(t.actions){const o=t.actions.map(((o,i)=>e("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,o,i)},e("div",{class:`icon ${o.icon}`}),e("div",{class:"text"},o.text))));i=e("ul",null,o)}h=e("div",{class:"row-actions-wrapper"},e("div",{class:"row-actions-toggler"},e("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},e("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),e("div",{class:o},i)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>e("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),e("div",{class:"box-wrapper",style:t.style||{},ref:t=>N(this,B,"f").push(t)},e("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},onClick:o=>this.onBoxClick(o,t),ref:t=>this.rowsRefs.push(t)},a,i,l),h)}renderSection(t,o,i,s){let r=null;if(t.sections&&t.sections.length>0){const o=t.sections;let e=o.length,n=0;for(e>0&&(r=[]);e-- >0;)r.push(this.renderSection(o[n++],t,i,s))}else if(t.content){const o=t.content;let e=o.length,n=0;for(e>0&&(r=[]);e-- >0;)r.push(this.renderBoxObject({boxObject:o[n++],row:i,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:i,visibleColumns:s}));const n=this.isSectionExpanded(i,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&o&&(l.flex=`0 0 ${t.dim}`,l.overflow="hidden",o.horizontal?l.maxWidth=t.dim:l.maxHeight=t.dim),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const o={content:!0};let s="";s=t.title?t.title:this.kupManager.language.translate(n?b.COLLAPSE:b.EXPAND),c=e("div",{class:h,style:l},e("div",{class:o},r),e("div",{class:"header",role:"button",onClick:o=>{o.stopPropagation(),this.toggleSectionExpand(i,t)}},e("div",{class:"header-content"},e("span",null,s),e(P,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const o=t.title?e("h3",null,t.title):null;c=e("div",{class:h,style:l},o,r)}return c}renderBoxObject({boxObject:t,row:o,visibleColumns:i},s){const r={"box-object":!0};let n=null,a=-1;for(let o=0;o<i.length;o++)if(i[o].name===t.column){a=o;break}a>=0?(n=i[a],i.splice(a,1)):s&&(n=this.data.columns.find((o=>o.name===t.column)));const h=o.cells[t.column];let l;return h&&!this.kupManager.objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,this.kupManager.debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";")),e("div",{"data-cell":h,"data-row":o,"data-column":t.column,class:r,style:{},title:l},h&&n?e(R,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:o,setSizes:!0,shape:t.shape})):e("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return this.kupManager.debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(b.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let o=0;o<this.kanban.labels.length;o++)t.push({labels:this.kanban.labels[o],nodes:[]});for(let o=0;o<this.rows.length;o++){let i=[];for(let t=0;t<this.kanban.columns.length;t++)try{i.push(this.rows[o].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,u.WARNING)}const e={found:!1,index:null};for(let o=0;o<t.length;o++){let s=t[o].labels,r=!0;for(let t=0;t<s.length;t++)if(i[t]!==s[t]){r=!1;break}if(r){e.found=!0,e.index=o;break}}e.found?t[e.index].nodes.push(this.renderRow(this.rows[o])):t.push({labels:i,nodes:[this.renderRow(this.rows[o])]})}const o=[];for(let i=0;i<t.length;i++){const s=t[i].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});o.push(e("div",{class:"kanban-section"},e(M,Object.assign({},r)),t[i].nodes))}return{jsx:o,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),this.kupManager.interact.on(this.boxContainer,x.TAP,(t=>{this.hold?this.hold=!1:2===t.button&&this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})})),this.kupManager.interact.on(this.boxContainer,x.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const o=this.rowsRefs[t],i=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.visibleColumns,t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};o&&!this.interactableDrag.includes(o)&&(this.interactableDrag.push(o),this.kupManager.interact.draggable(o,{allowFrom:".box-object",cursorChecker:()=>null},{callback:i},f.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.getEventDetails(this.rootElement.shadowRoot.querySelector(".box:hover"));return{cell:t.cell,column:t.column,id:this.rootElement.id,row:t.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:w.BOX}));for(let o=0;o<this.rowsRefs.length;o++){const i=this.rowsRefs[o];i&&!this.interactableDrop.includes(i)&&(this.interactableDrop.push(i),this.kupManager.interact.dropzone(i,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:w.BOX}))}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?G(this,T,document.querySelector(".header").clientHeight,"f"):G(this,T,0,"f"),document.querySelector(".topbar")&&G(this,T,N(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),N(this,O,"m",F).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((o=>t.indexOf(o.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const o=t.querySelectorAll(".f-text-field");for(let t=0;t<o.length;t++)I(o[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),N(this,O,"m",L).call(this),this.kupManager.debug.logRender(this,!0)}render(){const t=!("object"!=typeof this.kanban||null===this.kanban);let o=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.visibleColumns.map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let i={label:this.kupManager.language.translate(b.SORT_BY),trailingIcon:!0};o=e("div",{id:"sort-panel"},e("kup-combobox",{data:{"kup-text-field":i,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let i=null;this.globalFilter&&(i=e("div",{id:"global-filter"},e("kup-text-field",{fullWidth:!0,label:this.kupManager.language.translate(m.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=e(C,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{N(this,O,"m",H).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(b.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let o=t.length,i=0;for(n=[];o-- >0;)n.push(this.renderRow(t[i++]))}return e(s,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:A},e("div",{class:"box-component",ref:t=>this.sectionRef=t},o,i,r,e("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,W=new WeakMap,$=new WeakMap,O=new WeakSet,L=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&N(this,D,"f").observe(N(this,B,"f")[N(this,B,"f").length-1])},F=function(){const t={threshold:0,rootMargin:"-"+N(this,T,"f")+"px 0px 0px 0px"};G(this,D,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const o=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=o<this.loadMoreStep?o:this.loadMoreStep,t.target.classList.remove("last-row"),N(this,D,"f").unobserve(t.target)}}))}),t),"f")},H=function(){var t;let o=0;switch(this.loadMoreMode){case E.CONSTANT:o=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:o=this.loadMoreStep*(N(this,W,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:o=Math.max(N(this,$,"f"),this.loadMoreStep)*Math.min(N(this,W,"f")+1,2)}o>this.loadMoreLimit&&(o=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:o}),G(this,$,o,"f"),G(this,W,(t=N(this,W,"f"),++t),"f")},V.style=":host{--kup_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-background-color)\n  );--kup_box_color:var(--kup-box-color, var(--kup-text-color));--kup_box_font_family:var(--kup-box-font-family, var(--kup-font-family));--kup_box_font_size:var(--kup-box-font-size, var(--kup-font-size));--kup_box_grid_gap:var(--kup-box-grid-gap, 1em);--kup_box_hover_box_shadow:var(\n    --kup-box-hover-box-shadow,\n    0px 0px 7.5px 0px rgba(128, 128, 128, 0.5)\n  );--kup_box_primary_color_rgb:var(\n    --kup-box-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_box_transition:var(--kup-box-transition, 0.25s);display:block;font-family:var(--kup_box_font_family);font-size:var(--kup_box_font_size)}.box-component{background:var(--kup_box_background_color);transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup-border-color)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box:hover{box-shadow:var(--kup_box_hover_box_shadow)}#box-container .box-wrapper .box.selected{background-color:rgba(var(--kup_box_primary_color_rgb), 0.175)}#box-container .box-wrapper .box.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup-border-color);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-color);color:rgba(var(--kup-text-color-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 500ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-color)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(:not(.kup-borderless)) .box{border:1px solid var(--kup-border-color)}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box{padding:3px}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{margin:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{V as kup_box}