@sme.up/ketchup 9.6.2 → 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-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/package.json

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

package/dist/ketchup/p-02820c2b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,f as s,h as e,H as h,d as o}from"./p-1ad7fea0.js";import{k as r,b as l,r as n}from"./p-f31530fc.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-86f9b0d9.js";import{F as a}from"./p-b3577066.js";import"./p-de07d17e.js";import"./p-d4a879fc.js";var p;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(p||(p={}));const k=class{constructor(s){t(this,s),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=r(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=p;else for(const t in p)Object.prototype.hasOwnProperty.call(p,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,s){let e=this.kupManager.math.numberify(t,!0);if(e){let t=e.toString();const h=t.indexOf(".");let o=h>-1?t.substring(0,h):t,r=h>-1?t.substring(h+1):"";for(this.maxIntegers&&o.length>this.maxIntegers&&(o=o.substring(o.length-this.maxIntegers)),this.maxDecimals&&r.length>this.maxDecimals&&(r=r.substring(0,this.maxDecimals));this.maxLength&&o.length+r.length>this.maxLength;)r.length>1?r=r.substring(0,r.length-1):o.length>1&&(o=o.substring(1));t=h>-1?`${o}.${r}`:o,1!=s&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),s=Object.assign({},this.data["kup-text-field"]);return s.icon||(s.icon="calculator"),s.icon&&(s.trailingIcon=!0),e(u,Object.assign({},s,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return e("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:n.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),a(i))}this.kupManager.debug.logRender(this,!0)}render(){return e(h,{key:"00b965e54783036031219a8eb57fcb3a764c6f30"},e("style",{key:"004fdaa3d5cf77a7364ba2114eaff76f3985e3ac"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"2d7cb3bec99e2874ca26246a091ca2c21bdf2f1e",id:c},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return o(this)}};k.style=":host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{k as kup_numeric_picker}

package/dist/ketchup/p-09d853c3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h as o,H as s,d as r}from"./p-1ad7fea0.js";import{k as a,g as h,s as n}from"./p-f31530fc.js";import{c as f}from"./p-635bb4b3.js";import"./p-de07d17e.js";var c;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(c||(c={}));var d,p,l,m,u,b,w=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},k=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const v=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),d.set(this,null),p.set(this,a()),l.set(this,null),m.set(this,null),u.set(this,!1),b.set(this,null),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25}async getProps(t){return h(this,c,t)}async refresh(){i(this)}async setProps(t){n(this,c,t)}setObserver(){k(this,d,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,w(this,d,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){w(this,p,"f").debug.logLoad(this,!1),w(this,p,"f").theme.register(this),this.setObserver()}componentDidLoad(){w(this,p,"f").debug.logLoad(this,!0)}componentWillRender(){w(this,p,"f").debug.logRender(this,!1)}componentDidRender(){w(this,p,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!w(this,u,"f")&&k(this,u,!0,"f"),o(s,{key:"6c00ea47c4d5d38086cebc033c69938c21fbd2aa"},o("style",{key:"0efdcd6f886f5dd5dd2f773e5bd1420b5c01d1f7"},w(this,p,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"a760ffb8b7cd901b3fb695f5bfcfcd5b09e7888f",id:f,ref:t=>{k(this,b,t,"f")}},o("img",Object.assign({key:"2c2d9a4843488612240a96c16eeb6cbf30929c21"},this.placeholderAttrs,{class:"placeholder",ref:t=>k(this,l,t,"f"),onLoad:()=>{w(this,l,"f").naturalWidth>w(this,l,"f").naturalHeight?w(this,b,"f").classList.add("horizontal"):w(this,b,"f").classList.add("vertical"),w(this,d,"f").observe(this.rootElement),w(this,l,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),w(this,u,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>k(this,m,t,"f"),onLoad:()=>{w(this,l,"f").classList.add("placeholder--fade-out"),w(this,m,"f").classList.add("resource--fade-in"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){var t;w(this,p,"f").theme.unregister(this),null===(t=w(this,d,"f"))||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return r(this)}};d=new WeakMap,p=new WeakMap,l=new WeakMap,m=new WeakMap,u=new WeakMap,b=new WeakMap,v.style=":host{--kup_photoframe_border:var(\n    --kup-photoframe-border,\n    1px inset var(--kup-border-color)\n  );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity;z-index:1}.placeholder--loaded{display:block}.placeholder--fade-out{opacity:0;position:absolute}.resource{display:none;left:0;position:absolute;top:0;z-index:0}.resource--fade-in{display:block;position:relative}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{v as kup_photo_frame}

package/dist/ketchup/p-14e1a36b.entry.js

@@ -1 +0,0 @@
-import{r as t,f as s,h as i,H as e,d as h}from"./p-1ad7fea0.js";import{k as o,e as c,g as n,s as a,Q as r,l as d}from"./p-f31530fc.js";import{c as l}from"./p-635bb4b3.js";import{F as p}from"./p-6780a391.js";import"./p-de07d17e.js";import"./p-dc18691c.js";import"./p-86f9b0d9.js";import"./p-c089b961.js";import"./p-5e16c9d3.js";import"./p-35d503e2.js";import"./p-c634eb82.js";var m;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the cell.",t.density="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",t.dragEnabled="When set to true, the component is draggable."}(m||(m={}));const f=class{constructor(s){t(this,s),this.kupManager=o(),this.customStyle="",this.data=null,this.density=c.NONE,this.dragEnabled=!1}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)<0&&(this.data.cssClass+=` ${i}`)}this.refresh()}async getProps(t){return n(this,m,t)}async refresh(){s(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),""))}this.refresh()}}async setProps(t){a(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+l),{cursorChecker:()=>null},{callback:t},r.BADGE)}}generateColumn(){return{name:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL",title:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(d.EMPTY_OBJECT)}}generateRow(){const t=this.generateColumn(),s={cells:{}};return s.cells[t.name]=this.data,s}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),this.kupManager.debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return i(e,{key:"6eae5c64c3c22889f6d67c79150bb109e2a27c83"},i("style",{key:"a807aece995466845f8699d51e5d78ddba19cb5d"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"759dc36e0a82552f49238ada3906634c7ff032ea",id:l},i(p,Object.assign({key:"1f45b43d0dd416c935f1c2963806c3f90bf1f61d"},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};f.style=":host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{f as kup_cell}

package/dist/ketchup/p-1936c6cd.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-1ad7fea0.js";import{k as a,ac as r,g as l,s as c,a as d,D as f}from"./p-f31530fc.js";import{K as u,d as v,a as p,b as m,c as w}from"./p-924b841b.js";import{c as b}from"./p-635bb4b3.js";import{K as k}from"./p-de07d17e.js";import{F as y}from"./p-86f9b0d9.js";import{F as D}from"./p-b3577066.js";import"./p-d4a879fc.js";const S=a();function g(t,i,s,h){const e=j(t,i);let n=[];return s&&h&&(n=C(s,h)?j(s,h):[...e]),{dateValues:e,secDateValues:n}}function j(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function O(t){return S.objects.isDate(t.obj)&&S.dates.isValid(t.value,k.ISO_DATE)}function C(t,i){return O(t)||O(i)}function T(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class M{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var x,E,W,I,R,Y,K,P,V,G,X,A,F,L,H,N,_,z,q,B,J,Q,U,Z,$=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},tt=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const it=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),x.add(this),this.state=new M,E.set(this,a()),W.set(this,void 0),I.set(this,[]),R.set(this,{}),Y.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&($(this,E,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;$(this,E,"f").objects.deepEqual(this.state.detailFilter,$(this,Y,"f").detailFilter)||(this.state.detailFilter=$(this,Y,"f").detailFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.showSecondaryDates,$(this,Y,"f").showSecondaryDates)||(this.state.showSecondaryDates=$(this,Y,"f").showSecondaryDates,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollX,$(this,Y,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=$(this,Y,"f").detailInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollY,$(this,Y,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=$(this,Y,"f").detailInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskFilter,$(this,Y,"f").taskFilter)||(this.state.taskFilter=$(this,Y,"f").taskFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollX,$(this,Y,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=$(this,Y,"f").taskInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollY,$(this,Y,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=$(this,Y,"f").taskInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.viewMode,$(this,Y,"f").viewMode)||(this.state.viewMode=$(this,Y,"f").viewMode,t=!0),t&&($(this,E,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){tt(this,R,{},"f")}async getProps(t){return l(this,w,t)}async refresh(){s(this)}async setProps(t){c(this,w,t)}async addPhases(t,i){var s;const h=$(this,x,"m",V).call(this,t);h&&($(this,R,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=g(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]]),e=T(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=$(this,x,"m",U).call(this,t,this.phaseIconCol),o=$(this,x,"m",Z).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:u.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0}}))),this.plannerProps.mainGantt.initialScrollX=$(this,Y,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=$(this,Y,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps)}componentWillLoad(){$(this,E,"f").debug.logLoad(this,!1),$(this,E,"f").theme.register(this),this.initWithPersistedState(),tt(this,Y,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");D(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&D(s),this.plannerProps={mainGantt:{title:this.titleMess,items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},v),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:$(this,Y,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)}},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},v),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&$(this,x,"m",J).call(this,this.taskFilter),this.detailFilter&&$(this,x,"m",J).call(this,this.detailFilter,!0),$(this,E,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),$(this,E,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case u.TASK:$(this,x,"m",X).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case u.PHASE:$(this,x,"m",A).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case u.DETAIL:$(this,x,"m",F).call(this)&&this.onKupDblClick(t,p.onDblClick)}for(let t=0;t<$(this,I,"f").length;t++)clearTimeout($(this,I,"f")[t]),$(this,E,"f").debug.logMessage(this,"Cleared click timeout("+$(this,I,"f")[t]+").");tt(this,I,[],"f")}handleOnClick(t){$(this,I,"f").push(setTimeout((()=>{switch(t.rowType){case u.TASK:const i=t.phases?p.onTaskClosing:p.onTaskOpening;$(this,x,"m",L).call(this,t)&&this.onKupClick(t,i);break;case u.PHASE:$(this,x,"m",H).call(this)&&this.onKupClick(t,p.onClick);break;case u.DETAIL:$(this,x,"m",N).call(this)&&this.onKupClick(t,p.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case u.TASK:$(this,x,"m",_).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case u.PHASE:$(this,x,"m",z).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case u.DETAIL:$(this,x,"m",q).call(this)&&this.onKupContextMenu(t,i,p.onRightClick)}}handleOnSetDoubleView(t){var i;$(this,Y,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){$(this,Y,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){$(this,Y,"f").taskInitialScrollX=t,$(this,Y,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){$(this,Y,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){$(this,Y,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){$(this,x,"m",B).call(this,t)&&t.rowType!=u.DETAIL&&this.onKupDateChange(t,p.onResize)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,{key:"addf4b06c3ce81da8e4a5a8868762e4bc9ce413b"},h("style",{key:"2e95eb171c1462831ce5e0af5f01d80748fcc7e5"},$(this,E,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"fb4d18b8abdaa14fb4be7b9b8fae8f27c196b212",id:b,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{props:n})),h("div",{key:"022ee4535660fe54af7c123a6461054eb66853b1",style:{display:this.plannerProps?"none":""}},h(y,{key:"3d1bcc55d5dd7e1714c3a2ed62f3c323dfe8b0b9",icon:d.SEARCH,id:"main-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(y,{icon:d.SEARCH,id:"secondary-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){$(this,E,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:$(this,Y,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};E=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,Y=new WeakMap,x=new WeakSet,K=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=g(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]]),h=T(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=$(this,x,"m",U).call(this,i,this.taskIconCol),n=$(this,x,"m",Z).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:u.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0}})):[]},P=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=g(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]]),r=T(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:u.DETAIL,schedule:[]},i.push(l));let c=$(this,x,"m",U).call(this,s,this.detailIconCol),d=$(this,x,"m",Z).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:c?{url:c,color:null!=d?d:"#595959"}:void 0})})),i},V=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},G=function(t){const i=$(this,x,"m",V).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},X=function(){return!0},A=function(){return!0},F=function(){return!0},L=function(t){const i=$(this,x,"m",V).call(this,t.id);return(null==i?void 0:i.phases)&&$(this,x,"m",G).call(this,i.id),!0},H=function(){return!0},N=function(){return!0},_=function(){return!0},z=function(){return!0},q=function(){return!0},B=function(t){let i=!1;return $(this,W,"f")?$(this,W,"f").isEquivalent(t)||(tt(this,W,new m(t),"f"),i=!0):(i=!0,tt(this,W,new m(t),"f")),i},J=function(t,i){i?$(this,Y,"f").detailFilter=t:$(this,Y,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Q=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},U=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},Z=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=$(this,E,"f").theme.colorCheck(h).hexColor)}return h},it.style=":host{display:block}.filter{margin:12px 10px 12px 0;padding:0 10px}.planner-render{padding-top:40px}";export{it as kup_planner}

package/dist/ketchup/p-1ad7fea0.js

@@ -1,2 +0,0 @@
-let e,n,t=!1,l=!1,o=!1;const s=e=>{const n=new URL(e,ve.t);return n.origin!==fe.location.origin?n.href:n.pathname},i=e=>ve.t=e,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",r="http://www.w3.org/1999/xlink",u={},a=e=>"object"==(e=typeof e)||"function"===e;function f(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const d=(e,n,...t)=>{let l=null,o=null,s=!1,i=!1;const c=[],r=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!a(l))&&(l+=""),s&&i?c[c.length-1].l+=l:c.push(s?v(null,l):l),i=s)};if(r(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,y);const u=v(e,null);return u.o=n,c.length>0&&(u.i=c),u.u=o,u},v=(e,n)=>({v:0,p:e,l:n,h:null,i:null,o:null,u:null}),p={},y={forEach:(e,n)=>e.map(h).forEach(n),map:(e,n)=>e.map(h).map(n).map(m)},h=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.m,vtag:e.p,vtext:e.l}),m=e=>{if("function"==typeof e.vtag){const n=Object.assign({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),d(e.vtag,n,...e.vchildren||[])}const n=v(e.vtag,e.vtext);return n.o=e.vattrs,n.i=e.vchildren,n.u=e.vkey,n.m=e.vname,n},b=e=>le(e).$hostElement$,$=(e,n,t)=>{const l=b(e);return{emit:e=>w(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},w=(e,n,t)=>{const l=ve.ce(n,t);return e.dispatchEvent(l),l},g=new WeakMap,j=e=>"sc-"+e.$,k=(e,n,t,l,o,s)=>{if(t!==l){let i=ie(e,n),c=n.toLowerCase();if("class"===n){const n=e.classList,o=O(t),s=O(l);n.remove(...o.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===n){for(const n in t)l&&null!=l[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in l)t&&l[n]===t[n]||(n.includes("-")?e.style.setProperty(n,l[n]):e.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&l(e);else if(i||"o"!==n[0]||"n"!==n[1]){const u=a(l);if((i||u&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?i=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(n=c,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(n)||(f?e.removeAttributeNS(r,n):e.removeAttribute(n)):(!i||4&s||o)&&!u&&(l=!0===l?"":l,f?e.setAttributeNS(r,n,l):e.setAttribute(n,l))}else if(n="-"===n[2]?n.slice(3):ie(fe,c)?c.slice(2):c[2]+n.slice(3),t||l){const o=n.endsWith(x);n=n.replace(C,""),t&&ve.rel(e,n,t,o),l&&ve.ael(e,n,l,o)}}},S=/\s/,O=e=>e?e.split(S):[],x="Capture",C=RegExp(x+"$"),M=(e,n,t,l)=>{const o=11===n.h.nodeType&&n.h.host?n.h.host:n.h,s=e&&e.o||u,i=n.o||u;for(l in s)l in i||k(o,l,s[l],void 0,t,n.v);for(l in i)k(o,l,s[l],i[l],t,n.v)},P=(t,o,s)=>{const i=o.i[s];let c,r,u=0;if(null!==i.l)c=i.h=de.createTextNode(i.l);else{if(l||(l="svg"===i.p),c=i.h=de.createElementNS(l?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",i.p),l&&"foreignObject"===i.p&&(l=!1),M(null,i,l),null!=e&&c["s-si"]!==e&&c.classList.add(c["s-si"]=e),i.i)for(u=0;u<i.i.length;++u)r=P(t,i,u),r&&c.appendChild(r);"svg"===i.p?l=!1:"foreignObject"===c.tagName&&(l=!0)}return c["s-hn"]=n,c},R=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=P(null,l,s),c&&(o[s].h=c,r.insertBefore(c,t)))},E=(e,n,t)=>{for(let l=n;l<=t;++l){const n=e[l];if(n){const e=n.h;W(n),e&&e.remove()}}},L=(e,n,t=!1)=>e.p===n.p&&(!!t||e.u===n.u),U=(e,n,o=!1)=>{const s=n.h=e.h,i=e.i,c=n.i,r=n.p,u=n.l;null===u?(l="svg"===r||"foreignObject"!==r&&l,("slot"!==r||t)&&M(e,n,l),null!==i&&null!==c?((e,n,t,l,o=!1)=>{let s,i,c=0,r=0,u=0,a=0,f=n.length-1,d=n[0],v=n[f],p=l.length-1,y=l[0],h=l[p];for(;c<=f&&r<=p;)if(null==d)d=n[++c];else if(null==v)v=n[--f];else if(null==y)y=l[++r];else if(null==h)h=l[--p];else if(L(d,y,o))U(d,y,o),d=n[++c],y=l[++r];else if(L(v,h,o))U(v,h,o),v=n[--f],h=l[--p];else if(L(d,h,o))U(d,h,o),e.insertBefore(d.h,v.h.nextSibling),d=n[++c],h=l[--p];else if(L(v,y,o))U(v,y,o),e.insertBefore(v.h,d.h),v=n[--f],y=l[++r];else{for(u=-1,a=c;a<=f;++a)if(n[a]&&null!==n[a].u&&n[a].u===y.u){u=a;break}u>=0?(i=n[u],i.p!==y.p?s=P(n&&n[r],t,u):(U(i,y,o),n[u]=void 0,s=i.h),y=l[++r]):(s=P(n&&n[r],t,r),y=l[++r]),s&&d.h.parentNode.insertBefore(s,d.h)}c>f?R(e,null==l[p+1]?null:l[p+1].h,t,l,r,p):r>p&&E(n,c,f)})(s,i,n,c,o):null!==c?(null!==e.l&&(s.textContent=""),R(s,null,n,c,0,c.length-1)):null!==i&&E(i,0,i.length-1),l&&"svg"===r&&(l=!1)):e.l!==u&&(s.data=u)},W=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(W)},A=(e,n)=>{n&&!e.j&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.j=n)))},D=(e,n)=>{if(e.v|=16,!(4&e.v))return A(e,e.k),je((()=>F(e,n)));e.v|=512},F=(e,n)=>{const t=e.S;let l;return n?(e.v|=256,e.O&&(e.O.map((([e,n])=>B(t,e,n))),e.O=void 0),l=B(t,"componentWillLoad")):l=B(t,"componentWillUpdate"),l=N(l,(()=>B(t,"componentWillRender"))),N(l,(()=>H(e,t,n)))},N=(e,n)=>T(e)?e.then(n):n(),T=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,H=async(e,n,t)=>{var l;const o=e.$hostElement$,s=o["s-rc"];t&&(e=>{const n=e.C,t=e.$hostElement$,l=n.v,o=((e,n)=>{var t;const l=j(n),o=ae.get(l);if(e=11===e.nodeType?e:de,o)if("string"==typeof o){let s,i=g.get(e=e.head||e);if(i||g.set(e,i=new Set),!i.has(l)){{s=de.createElement("style"),s.innerHTML=o;const n=null!==(t=ve.M)&&void 0!==t?t:f(de);null!=n&&s.setAttribute("nonce",n),e.insertBefore(s,e.querySelector("link"))}4&n.v&&(s.innerHTML+=c),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(e);q(e,n,o,t),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const n=null!==(l=o["s-p"])&&void 0!==l?l:[],t=()=>V(e);0===n.length?t():(Promise.all(n).then(t),e.v|=4,n.length=0)}},q=(l,o,s,i)=>{try{o=o.render(),l.v&=-17,l.v|=2,((l,o,s=!1)=>{const i=l.$hostElement$,c=l.C,r=l.P||v(null,null),u=(e=>e&&e.p===p)(o)?o:d(null,null,o);if(n=i.tagName,c.R&&(u.o=u.o||{},c.R.map((([e,n])=>u.o[n]=i[e]))),s&&u.o)for(const e of Object.keys(u.o))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.o[e]=i[e]);u.p=null,u.v|=4,l.P=u,u.h=r.h=i.shadowRoot||i,e=i["s-sc"],t=0!=(1&c.v),U(r,u,s)})(l,o,i)}catch(e){ce(e,l.$hostElement$)}return null},V=e=>{const n=e.$hostElement$,t=e.S,l=e.k;B(t,"componentDidRender"),64&e.v?B(t,"componentDidUpdate"):(e.v|=64,G(n),B(t,"componentDidLoad"),e.L(n),l||z()),e.U(n),e.j&&(e.j(),e.j=void 0),512&e.v&&ge((()=>D(e,!1))),e.v&=-517},_=e=>{{const n=le(e),t=n.$hostElement$.isConnected;return t&&2==(18&n.v)&&D(n,!1),t}},z=()=>{G(de.documentElement),ge((()=>w(fe,"appload",{detail:{namespace:"ketchup"}})))},B=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){ce(e)}},G=e=>e.classList.add("hydrated"),I=(e,n,t)=>{var l;const o=e.prototype;if(n.W){e.watchers&&(n.A=e.watchers);const s=Object.entries(n.W);if(s.map((([e,[l]])=>{31&l||2&t&&32&l?Object.defineProperty(o,e,{get(){return((e,n)=>le(this).D.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=le(e),s=o.$hostElement$,i=o.D.get(n),c=o.v,r=o.S;if(t=((e,n)=>null==e||a(e)?e:4&n?"false"!==e&&(""===e||!!e):2&n?parseFloat(e):1&n?e+"":e)(t,l.W[n][0]),(!(8&c)||void 0===i)&&t!==i&&(!Number.isNaN(i)||!Number.isNaN(t))&&(o.D.set(n,t),r)){if(l.A&&128&c){const e=l.A[n];e&&e.map((e=>{try{r[e](t,i,n)}catch(e){ce(e,s)}}))}2==(18&c)&&D(o,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&l&&Object.defineProperty(o,e,{value(...n){var t;const l=le(this);return null===(t=null==l?void 0:l.F)||void 0===t?void 0:t.then((()=>{var t;return null===(t=l.S)||void 0===t?void 0:t[e](...n)}))}})})),1&t){const t=new Map;o.attributeChangedCallback=function(e,l,s){ve.jmp((()=>{var i;const c=t.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(o.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const t=le(this),o=null==t?void 0:t.v;if(o&&!(8&o)&&128&o&&s!==l){const o=t.S,c=null===(i=n.A)||void 0===i?void 0:i[e];null==c||c.forEach((n=>{null!=o[n]&&o[n].call(o,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=n.A)&&void 0!==l?l:{}),...s.filter((([e,n])=>15&n[0])).map((([e,l])=>{var o;const s=l[1]||e;return t.set(s,e),512&l[0]&&(null===(o=n.R)||void 0===o||o.push([e,s])),s}))]))}}return e},J=e=>{B(e,"disconnectedCallback")},K=(e,n={})=>{var t;const l=[],o=n.exclude||[],s=fe.customElements,i=de.head,r=i.querySelector("meta[charset]"),u=de.createElement("style"),a=[];let d,v=!0;Object.assign(ve,n),ve.t=new URL(n.resourcesUrl||"./",de.baseURI).href;let p=!1;if(e.map((e=>{e[1].map((n=>{var t;const i={v:n[0],$:n[1],W:n[2],N:n[3]};4&i.v&&(p=!0),i.W=n[2],i.N=n[3],i.R=[],i.A=null!==(t=n[4])&&void 0!==t?t:{};const c=i.$,r=class extends HTMLElement{constructor(e){super(e),se(e=this,i),1&i.v&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),v?a.push(this):ve.jmp((()=>(e=>{if(0==(1&ve.v)){const n=le(e),t=n.C,l=()=>{};if(1&n.v)X(e,n,t.N),(null==n?void 0:n.S)||(null==n?void 0:n.T)&&n.T.then((()=>{}));else{n.v|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){A(n,n.k=t);break}}t.W&&Object.entries(t.W).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let l;if(0==(32&n.v)){n.v|=32;{if(l=ue(t),l.then){const e=()=>{};l=await l,e()}l.isProxied||(t.A=l.watchers,I(l,t,2),l.isProxied=!0);const e=()=>{};n.v|=8;try{new l(n)}catch(e){ce(e)}n.v&=-9,n.v|=128,e()}if(l.style){let e=l.style;const n=j(t);if(!ae.has(n)){const l=()=>{};((e,n,t)=>{let l=ae.get(e);ye&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,ae.set(e,l)})(n,e,!!(1&t.v)),l()}}}const o=n.k,s=()=>D(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,n,t)}l()}})(this)))}disconnectedCallback(){ve.jmp((()=>(async()=>{if(0==(1&ve.v)){const e=le(this);e.H&&(e.H.map((e=>e())),e.H=void 0),(null==e?void 0:e.S)?J(e.S):(null==e?void 0:e.T)&&e.T.then((()=>J(e.S)))}})()))}componentOnReady(){return le(this).T}};i.q=e[0],o.includes(c)||s.get(c)||(l.push(c),s.define(c,I(r,i,1)))}))})),l.length>0&&(p&&(u.innerHTML+=c),u.innerHTML+=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const e=null!==(t=ve.M)&&void 0!==t?t:f(de);null!=e&&u.setAttribute("nonce",e),i.insertBefore(u,r?r.nextSibling:i.firstChild)}v=!1,a.length?a.map((e=>e.connectedCallback())):ve.jmp((()=>d=setTimeout(z,30)))},Q=(e,n)=>n,X=(e,n,t)=>{t&&t.map((([t,l,o])=>{const s=Z(e,t),i=Y(n,o),c=ee(t);ve.ael(s,l,i,c),(n.H=n.H||[]).push((()=>ve.rel(s,l,i,c)))}))},Y=(e,n)=>t=>{try{256&e.v?e.S[n](t):(e.O=e.O||[]).push([n,t])}catch(e){ce(e)}},Z=(e,n)=>4&n?de:e,ee=e=>({passive:0!=(1&e),capture:0!=(2&e)}),ne=e=>ve.M=e,te=new WeakMap,le=e=>te.get(e),oe=(e,n)=>te.set(n.S=e,n),se=(e,n)=>{const t={v:0,$hostElement$:e,C:n,D:new Map};return t.F=new Promise((e=>t.U=e)),t.T=new Promise((e=>t.L=e)),e["s-p"]=[],e["s-rc"]=[],X(e,t,n.N),te.set(e,t)},ie=(e,n)=>n in e,ce=(e,n)=>(0,console.error)(e,n),re=new Map,ue=e=>{const n=e.$.replace(/-/g,"_"),t=e.q,l=re.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(re.set(t,e),e[n])),ce)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ae=new Map,fe="undefined"!=typeof window?window:{},de=fe.document||{head:{}},ve={v:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},pe=e=>Promise.resolve(e),ye=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),he=[],me=[],be=(e,n)=>t=>{e.push(t),o||(o=!0,n&&4&ve.v?ge(we):ve.raf(we))},$e=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){ce(e)}e.length=0},we=()=>{$e(he),$e(me),(o=he.length>0)&&ve.raf(we)},ge=e=>pe().then(e),je=be(me,!0);export{Q as F,p as H,i as a,K as b,$ as c,b as d,_ as f,s as g,d as h,pe as p,oe as r,ne as s}

package/dist/ketchup/p-318c9ecd.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,f as e,h as i,H as a,d as c}from"./p-1ad7fea0.js";import{k as r,g as o,s as h,r as l,ac as n}from"./p-f31530fc.js";import{c as d}from"./p-635bb4b3.js";import"./p-de07d17e.js";var u;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(u||(u={}));var m,p=function(t,s,e,i){if("a"===e&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof s?t!==s||!i:!s.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?i:"a"===e?i.call(t):i?i.value:s.get(t)};const k=class{constructor(e){t(this,e),this.kupCardListClickEvent=s(this,"kup-cardlist-click",7),m.set(this,r()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return o(this,u,t)}async refresh(){e(this)}async setProps(t){h(this,u,t)}componentWillLoad(){p(this,m,"f").debug.logLoad(this,!1),p(this,m,"f").theme.register(this)}componentDidLoad(){p(this,m,"f").debug.logLoad(this,!0)}componentDidRender(){p(this,m,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let s,e,c,r,o,h,u,k,_,f;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];if(i.name)switch(i.name){case this.decvalueCol:s=i;break;case this.descrCol:e=i;break;case this.iconCol:c=i;break;case this.iconcolorCol:r=i;break;case this.intvalueCol:o=i;break;case this.layoutCol:h=i;break;case this.measureCol:u=i;break;case this.textcolorCol:k=i;break;case this.valueCol:_=i;break;case this.valuecolorCol:f=i}}for(let a=0;a<this.data.rows.length;a++){const d=this.data.rows[a],b={color:[],image:[],text:[]},g=h&&d.cells[h.name].value?parseInt(d.cells[h.name].value):1,w=i("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:b,layoutFamily:l.SCALABLE,layoutNumber:g,key:a,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:a,row:d})},slot:a.toString()}),x=(t,s,e)=>{if(t){const i=d.cells[t.name];if(i){const a=i.value;switch(s){case"color":b[s][e]=p(this,m,"f").theme.colorCheck(a).hexColor;break;case"image":b[s][e]={resource:a};break;default:b[s][e]=n(t,i)}}}};switch(g){case 1:x(k,"color",0),x(f,"color",1),x(e,"text",0),x(_,"text",1);break;case 2:x(r,"color",0),x(f,"color",1),x(c,"image",0),x(o,"text",0),x(s,"text",1),x(u,"text",2);break;case 3:x(f,"color",0),x(k,"color",1),x(_,"text",0),x(e,"text",1);break;case 4:x(r,"color",0),x(f,"color",1),x(k,"color",2),x(c,"image",0),x(o,"text",0),x(s,"text",1),x(u,"text",2),x(e,"text",3);break;case 5:x(r,"color",0),x(k,"color",1),x(f,"color",2),x(c,"image",0),x(e,"text",0),x(_,"text",1);break;case 6:case 7:case 8:x(r,"color",0),x(f,"color",1),x(k,"color",2),x(c,"image",0),x(_,"text",0),x(e,"text",1)}t.push(w)}return i(a,null,i("style",null,p(this,m,"f").theme.setKupStyle(this.rootElement)),i("div",{id:d},i("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){p(this,m,"f").theme.unregister(this)}get rootElement(){return c(this)}};m=new WeakMap,k.style=":host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";export{k as kup_card_list}