@sme.up/ketchup 7.4.0 → 7.4.1

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as FCellPadding } from './kup-manager-6145d980.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as FCellPadding } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
-import { F as FImage } from './f-image-21451b15.js';
-import { F as FButton } from './f-button-8d15b5a0.js';
+import { F as FImage } from './f-image-3026f0fe.js';
+import { F as FButton } from './f-button-eedbdba1.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FCell } from './f-cell-7b706e57.js';
+import { F as FCell } from './f-cell-90a418d2.js';
 import { M as MDCRipple } from './component-b1bedf1d.js';
-import './f-checkbox-ec85b437.js';
-import './f-text-field-0bb2d109.js';
-import './f-chip-c671fe90.js';
+import './f-checkbox-9b3f5f5b.js';
+import './f-text-field-3b70a6f0.js';
+import './f-chip-45e7b3f6.js';
 import './tslib.es6-3eea2234.js';
 
 /**

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-6145d980.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 /**

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, c as KupDebugCategory, ax as kupDropEvent, U as kupDraggableColumnAttr, ay as kupDraggableRowAttr, Y as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-6145d980.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, c as KupDebugCategory, ax as kupDropEvent, U as kupDraggableColumnAttr, ay as kupDraggableRowAttr, Y as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-cad802b1.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FImage } from './f-image-21451b15.js';
+import { F as FImage } from './f-image-3026f0fe.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 /**

package/dist/esm/{kup-manager-6145d980.js → kup-manager-cad802b1.js}

@@ -1,4 +1,4 @@
-import { a as getAssetPath, d as setAssetPath } from './index-b326ffc9.js';
+import { a as getAssetPath, d as setAssetPath } from './index-8bd38435.js';
 
 /**
  * Props of the kup-card component.

package/dist/esm/kup-nav-bar.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-6145d980.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 const navbarClass = 'nav-bar';

package/dist/esm/kup-numeric-picker.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance, a as KupDynamicPositionPlacement, r as KupCardFamily } from './kup-manager-6145d980.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance, a as KupDynamicPositionPlacement, r as KupCardFamily } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
-import { F as FTextField } from './f-text-field-0bb2d109.js';
+import { F as FTextField } from './f-text-field-3b70a6f0.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-d42d3f9e.js';
 import './tslib.es6-3eea2234.js';
 import './component-b1bedf1d.js';

package/dist/esm/kup-photo-frame.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-6145d980.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 /**

package/dist/esm/kup-planner.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { as as createCommonjsModule, k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-6145d980.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { as as createCommonjsModule, k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 /**
@@ -28,7 +28,22 @@ var KupPlannerTaskAction;
 (function (KupPlannerTaskAction) {
   KupPlannerTaskAction["onOpening"] = "onOpening";
   KupPlannerTaskAction["onClosing"] = "onClosing";
-})(KupPlannerTaskAction || (KupPlannerTaskAction = {}));
+})(KupPlannerTaskAction || (KupPlannerTaskAction = {}));
+class KupPlannerLastOnChangeReceived {
+  constructor(event, threshold = 100) {
+    this.dateTime = new Date();
+    this.event = event;
+    this.threshold = threshold;
+  }
+  isEquivalent(newEvent) {
+    const intervalTime = new Date().valueOf() - this.dateTime.valueOf();
+    const equals = JSON.stringify(this.event) === JSON.stringify(newEvent);
+    return equals && intervalTime < this.threshold;
+  }
+  resetDateTime() {
+    this.dateTime = new Date();
+  }
+}
 
 /**
  * @license React
@@ -11453,7 +11468,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
     throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupPlanner_instances, _KupPlanner_kupManager, _KupPlanner_rootPlanner, _KupPlanner_renderReactPlannerElement, _KupPlanner_toTasks, _KupPlanner_getTask, _KupPlanner_removePhases, _KupPlanner_handleOnClickOnTask, _KupPlanner_handleOnClickOnPhase;
+var _KupPlanner_instances, _KupPlanner_kupManager, _KupPlanner_rootPlanner, _KupPlanner_lastOnChangeReceived, _KupPlanner_renderReactPlannerElement, _KupPlanner_toTasks, _KupPlanner_getTask, _KupPlanner_removePhases, _KupPlanner_handleOnClickOnTask, _KupPlanner_handleOnClickOnPhase, _KupPlanner_emitOnChangeEventsReceived;
 const KupPlanner = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -11466,6 +11481,7 @@ const KupPlanner = class {
     /*-------------------------------------------------*/
     _KupPlanner_kupManager.set(this, kupManagerInstance());
     _KupPlanner_rootPlanner.set(this, void 0);
+    _KupPlanner_lastOnChangeReceived.set(this, void 0);
     this.plannerProps = undefined;
     this.customStyle = '';
     this.data = undefined;
@@ -11534,6 +11550,8 @@ const KupPlanner = class {
     if (task) {
       task.phases = (_a = data.rows) === null || _a === void 0 ? void 0 : _a.map((row) => {
         let phase = {
+          taskRow: task.taskRow,
+          phaseRow: row,
           id: row.cells[this.phaseIdCol].value,
           phaseRowId: row.id,
           taskRowId: task.taskRowId,
@@ -11570,8 +11588,10 @@ const KupPlanner = class {
     }
   }
   handleOnDateChange(nativeEvent) {
-    console.log('handleOnDateChange', nativeEvent);
-    this.onKupDateChange(nativeEvent);
+    if (__classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_emitOnChangeEventsReceived).call(this, nativeEvent)) {
+      console.log('handleOnDateChange', nativeEvent);
+      this.onKupDateChange(nativeEvent);
+    }
   }
   componentWillLoad() {
     __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").debug.logLoad(this, false);
@@ -11606,7 +11626,7 @@ const KupPlanner = class {
   }
   get rootElement() { return getElement(this); }
 };
-_KupPlanner_kupManager = new WeakMap(), _KupPlanner_rootPlanner = new WeakMap(), _KupPlanner_instances = new WeakSet(), _KupPlanner_renderReactPlannerElement = function _KupPlanner_renderReactPlannerElement() {
+_KupPlanner_kupManager = new WeakMap(), _KupPlanner_rootPlanner = new WeakMap(), _KupPlanner_lastOnChangeReceived = new WeakMap(), _KupPlanner_instances = new WeakSet(), _KupPlanner_renderReactPlannerElement = function _KupPlanner_renderReactPlannerElement() {
   var _a;
   (_a = __classPrivateFieldGet(this, _KupPlanner_rootPlanner, "f")) === null || _a === void 0 ? void 0 : _a.unmount();
   const componentWrapperElement = this.rootElement.shadowRoot.getElementById(componentWrapperId);
@@ -11616,17 +11636,18 @@ _KupPlanner_kupManager = new WeakMap(), _KupPlanner_rootPlanner = new WeakMap(),
   }
 }, _KupPlanner_toTasks = function _KupPlanner_toTasks(data) {
   var _a;
-  let tasks = (_a = data.rows) === null || _a === void 0 ? void 0 : _a.map((value) => {
+  let tasks = (_a = data.rows) === null || _a === void 0 ? void 0 : _a.map((row) => {
     let task = {
-      taskRowId: value.id,
-      id: value.cells[this.taskIdCol].value,
-      name: value.cells[this.taskNameCol].value,
-      startDate: value.cells[this.taskDates[0]].value,
-      endDate: value.cells[this.taskDates[1]].value,
-      secondaryStartDate: value.cells[this.taskPrevDates[0]].value,
-      secondaryEndDate: value.cells[this.taskPrevDates[1]].value,
+      taskRow: row,
+      taskRowId: row.id,
+      id: row.cells[this.taskIdCol].value,
+      name: row.cells[this.taskNameCol].value,
+      startDate: row.cells[this.taskDates[0]].value,
+      endDate: row.cells[this.taskDates[1]].value,
+      secondaryStartDate: row.cells[this.taskPrevDates[0]].value,
+      secondaryEndDate: row.cells[this.taskPrevDates[1]].value,
       type: 'task',
-      valuesToShow: this.taskColumns.map((col) => value.cells[col].value),
+      valuesToShow: this.taskColumns.map((col) => row.cells[col].value),
     };
     return task;
   });
@@ -11646,6 +11667,17 @@ _KupPlanner_kupManager = new WeakMap(), _KupPlanner_rootPlanner = new WeakMap(),
   return true;
 }, _KupPlanner_handleOnClickOnPhase = function _KupPlanner_handleOnClickOnPhase() {
   return true;
+}, _KupPlanner_emitOnChangeEventsReceived = function _KupPlanner_emitOnChangeEventsReceived(nativeEvent) {
+  let emitEvent = false;
+  if (!__classPrivateFieldGet(this, _KupPlanner_lastOnChangeReceived, "f")) {
+    emitEvent = true;
+    __classPrivateFieldSet(this, _KupPlanner_lastOnChangeReceived, new KupPlannerLastOnChangeReceived(nativeEvent), "f");
+  }
+  else if (!__classPrivateFieldGet(this, _KupPlanner_lastOnChangeReceived, "f").isEquivalent(nativeEvent)) {
+    __classPrivateFieldSet(this, _KupPlanner_lastOnChangeReceived, new KupPlannerLastOnChangeReceived(nativeEvent), "f");
+    emitEvent = true;
+  }
+  return emitEvent;
 };
 KupPlanner.style = kupPlannerCss;
 

package/dist/esm/kup-probe.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance } from './kup-manager-6145d980.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 const KupProbe = class {

package/dist/esm/kup-qlik.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance } from './kup-manager-6145d980.js';
+import { r as registerInstance, h, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance } from './kup-manager-cad802b1.js';
 
 const kupQlikCss = ".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height)/2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height)/3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height)*2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height)*3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
 

package/dist/esm/kup-snackbar.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-b326ffc9.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-6145d980.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-8bd38435.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-cad802b1.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
-import { F as FButton } from './f-button-8d15b5a0.js';
+import { F as FButton } from './f-button-eedbdba1.js';
 import './f-button-declarations-b1b4cac4.js';
-import './f-image-21451b15.js';
+import './f-image-3026f0fe.js';
 
 const snackbarClass = 'snackbar';
 /**

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b326ffc9.js';
-export { s as setNonce } from './index-b326ffc9.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-8bd38435.js';
+export { s as setNonce } from './index-8bd38435.js';
 
 /*
  Stencil Client Patch Esm v3.0.1 | MIT Licensed | https://stenciljs.com

package/dist/ketchup/ketchup.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-d4ece435.js";export{s as setNonce}from"./p-d4ece435.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),e(t)})().then((e=>t(JSON.parse('[["p-d5200264",[[1,"kup-autocomplete",{"allowInconsistentValues":[4,"allow-inconsistent-values"],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"displayMode":[1,"display-mode"],"initialValue":[1,"initial-value"],"inputDelay":[2,"input-delay"],"minimumChars":[2,"minimum-chars"],"selectMode":[1,"select-mode"],"serverHandledFilter":[516,"server-handled-filter"],"showDropDownIcon":[4,"show-drop-down-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-button",{"buttonType":[1,"button-type"],"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"icon":[1],"iconOff":[1,"icon-off"],"label":[1],"styling":[1],"showSpinner":[4,"show-spinner"],"toggable":[4],"trailingIcon":[4,"trailing-icon"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-button-list",{"columns":[2],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"showSelection":[4,"show-selection"],"styling":[513],"selected":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-chip",{"customStyle":[1,"custom-style"],"data":[1040],"displayId":[4,"display-id"],"enableInput":[4,"enable-input"],"type":[1],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-badge",{"customStyle":[1,"custom-style"],"imageData":[16],"text":[1],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-card",{"customStyle":[1,"custom-style"],"data":[16],"isMenu":[516,"is-menu"],"layoutFamily":[1,"layout-family"],"layoutNumber":[2,"layout-number"],"menuVisible":[1540,"menu-visible"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-data-table",{"stateId":[1,"state-id"],"store":[16],"autoFillMissingCells":[4,"auto-fill-missing-cells"],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dragEnabled":[1540,"drag-enabled"],"dropEnabled":[516,"drop-enabled"],"editableData":[1028,"editable-data"],"emptyDataLabel":[1025,"empty-data-label"],"enableColumnsFormula":[4,"enable-columns-formula"],"enableExtraColumns":[4,"enable-extra-columns"],"enableMergeColumns":[4,"enable-merge-columns"],"enableSortableColumns":[4,"enable-sortable-columns"],"expandGroups":[4,"expand-groups"],"filters":[1040],"fixedColumns":[2,"fixed-columns"],"fixedRows":[2,"fixed-rows"],"forceOneLine":[516,"force-one-line"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"groupLabelDisplay":[1,"group-label-display"],"groups":[1040],"headerIsPersistent":[4,"header-is-persistent"],"insertMode":[1,"insert-mode"],"isFocusable":[4,"is-focusable"],"lazyLoadRows":[4,"lazy-load-rows"],"lineBreakCharacter":[1,"line-break-character"],"loadMoreLimit":[2,"load-more-limit"],"loadMoreMode":[1,"load-more-mode"],"loadMoreStep":[2,"load-more-step"],"pageSelected":[2,"page-selected"],"paginatorPos":[1,"paginator-pos"],"removableColumns":[4,"removable-columns"],"resizableColumns":[4,"resizable-columns"],"rowActions":[16],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selection":[1],"showCustomization":[4,"show-customization"],"showDeleteButton":[4,"show-delete-button"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showGrid":[1,"show-grid"],"showGroups":[4,"show-groups"],"showHeader":[4,"show-header"],"showLoadMore":[4,"show-load-more"],"sort":[1040],"sortableColumnsMutateData":[4,"sortable-columns-mutate-data"],"sortEnabled":[4,"sort-enabled"],"tableHeight":[1,"table-height"],"tableWidth":[1,"table-width"],"totals":[1040],"transpose":[1028],"lazyLoadCells":[32],"currentPage":[32],"currentRowsPerPage":[32],"selectedRows":[32],"selectedColumn":[32],"columnMenuAnchor":[32],"groupState":[32],"openedTotalMenu":[32],"openedCustomSettings":[32],"fontsize":[32],"closeColumnMenu":[64],"collapseAll":[64],"deleteRows":[64],"closeInsertCard":[64],"closeConfirmDeleteCard":[64],"getCards":[64],"insertNewRow":[64],"expandAll":[64],"getProps":[64],"getSelectedRows":[64],"hideColumn":[64],"newColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setCellValue":[64],"setFocus":[64],"setProps":[64],"setSelectedRows":[64],"getInternalState":[64],"defaultSortingFunction":[64]}],[1,"kup-dialog",{"autoCenter":[16],"customStyle":[1,"custom-style"],"header":[16],"modal":[16],"resizable":[4],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"close":[64],"getProps":[64],"recalcPosition":[64],"refresh":[64],"setProps":[64]}],[1,"kup-form",{"customStyle":[1,"custom-style"],"data":[16],"hiddenSubmitButton":[4,"hidden-submit-button"],"labelPlacement":[1,"label-placement"],"layout":[16],"submitCb":[16],"getProps":[64],"refresh":[64],"setFocus":[64],"setProps":[64]}],[1,"kup-chart",{"asp":[1],"axis":[1],"chartTitle":[16],"colors":[16],"customStyle":[1,"custom-style"],"data":[16],"hAxis":[16],"hAxes":[16],"legend":[1],"offlineMode":[16],"series":[16],"showMarks":[4,"show-marks"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"sorting":[16],"stacked":[4],"types":[16],"vAxes":[16],"vAxis":[16],"trendlines":[16],"version":[1],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-checkbox",{"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"indeterminate":[1028],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tree",{"asAccordion":[516,"as-accordion"],"columns":[1040],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dynamicExpansionCallback":[16],"editableData":[4,"editable-data"],"enableExtraColumns":[4,"enable-extra-columns"],"expanded":[4],"expansionMode":[1,"expansion-mode"],"filters":[1040],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"globalFilterMode":[1,"global-filter-mode"],"preventXScroll":[516,"prevent-x-scroll"],"removableColumns":[4,"removable-columns"],"ripple":[4],"scrollOnHover":[4,"scroll-on-hover"],"showColumns":[1028,"show-columns"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showHeader":[1028,"show-header"],"showIcons":[4,"show-icons"],"stateId":[1,"state-id"],"store":[16],"useDynamicExpansion":[4,"use-dynamic-expansion"],"totals":[1040],"treeColumnVisible":[32],"openedTotalMenu":[32],"columnMenuAnchor":[32],"stateSwitcher":[32],"selectedNode":[32],"getSelectedNode":[64],"setSelectedNode":[64],"isEmpty":[64],"closeColumnMenu":[64],"collapseAll":[64],"expandAll":[64],"getProps":[64],"hideColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-color-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"initialValue":[1,"initial-value"],"swatchOnly":[4,"swatch-only"],"value":[32],"getProps":[64],"getValue":[64],"setFocus":[64],"setProps":[64],"setValue":[64],"refresh":[64]}],[1,"kup-combobox",{"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"initialValue":[1,"initial-value"],"isSelect":[516,"is-select"],"selectMode":[1,"select-mode"],"showDropDownIcon":[4,"show-drop-down-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-date-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"firstDayIndex":[2,"first-day-index"],"initialValue":[1,"initial-value"],"stateSwitcher":[32],"value":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]]],[1,"kup-dropdown-button",{"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"dropdownOnly":[4,"dropdown-only"],"icon":[1],"initialValue":[1,"initial-value"],"label":[1],"selectMode":[1,"select-mode"],"styling":[1],"trailingIcon":[4,"trailing-icon"],"id":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-gauge",{"arcThickness":[2,"arc-thickness"],"colors":[16],"customStyle":[1,"custom-style"],"firstThreshold":[2,"first-threshold"],"labelDistance":[1026,"label-distance"],"maxValue":[1026,"max-value"],"measurementUnit":[1,"measurement-unit"],"minValue":[1026,"min-value"],"needleCircle":[4,"needle-circle"],"onlyValue":[4,"only-value"],"reverseColors":[4,"reverse-colors"],"secondThreshold":[2,"second-threshold"],"showLabels":[4,"show-labels"],"showMaxmin":[4,"show-maxmin"],"showValue":[4,"show-value"],"size":[2],"value":[1026],"valueSize":[2,"value-size"],"widthComponent":[1,"width-component"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-image",{"badgeData":[16],"color":[1],"customStyle":[1,"custom-style"],"data":[16],"feedback":[4],"isCanvas":[4,"is-canvas"],"resource":[1],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-list",{"customStyle":[1,"custom-style"],"data":[1040],"displayMode":[1,"display-mode"],"filter":[1025],"hideText":[4,"hide-text"],"isMenu":[4,"is-menu"],"keyboardNavigation":[4,"keyboard-navigation"],"menuVisible":[4,"menu-visible"],"roleType":[1025,"role-type"],"selectable":[4],"showIcons":[4,"show-icons"],"twoLine":[4,"two-line"],"focused":[32],"selected":[32],"focusNext":[64],"focusPrevious":[64],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"select":[64],"setProps":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-progress-bar",{"centeredLabel":[4,"centered-label"],"customStyle":[1,"custom-style"],"hideLabel":[4,"hide-label"],"icon":[1],"label":[1],"isRadial":[516,"is-radial"],"value":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-radio",{"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-rating",{"customStyle":[1,"custom-style"],"disabled":[4],"maxValue":[2,"max-value"],"value":[2],"stars":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-spinner",{"active":[516],"barVariant":[4,"bar-variant"],"customStyle":[1,"custom-style"],"dimensions":[1],"fader":[4],"faderTimeout":[2,"fader-timeout"],"fullScreen":[516,"full-screen"],"layout":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-switch",{"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tab-bar",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"value":[32],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"setProps":[64]}],[1,"kup-text-field",{"customStyle":[1,"custom-style"],"decimals":[2],"disabled":[4],"emitSubmitEventOnEnter":[4,"emit-submit-event-on-enter"],"fullWidth":[516,"full-width"],"helper":[1],"helperEnabled":[4,"helper-enabled"],"helperWhenFocused":[4,"helper-when-focused"],"icon":[1],"initialValue":[1,"initial-value"],"inputMode":[1,"input-mode"],"inputType":[1,"input-type"],"isClearable":[4,"is-clearable"],"label":[1],"leadingLabel":[4,"leading-label"],"max":[2],"maxLength":[2,"max-length"],"min":[2],"name":[1],"outlined":[4],"readOnly":[4,"read-only"],"step":[2],"textArea":[4,"text-area"],"trailingIcon":[4,"trailing-icon"],"trailingLabel":[4,"trailing-label"],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]}],[1,"kup-time-picker",{"clockVariant":[4,"clock-variant"],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"initialValue":[1,"initial-value"],"manageSeconds":[4,"manage-seconds"],"timeMinutesStep":[2,"time-minutes-step"],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[4,"keyup","listenKeyup"]]]]],["p-439ac105",[[1,"kup-dash-list",{"layout":[1],"fontsize":[1],"active":[4],"columnsNumber":[2,"columns-number"],"fullWidth":[4,"full-width"],"horizontal":[4],"iconColor":[16],"valueColor":[16],"textColor":[16],"data":[16]}]]],["p-1242366a",[[1,"kup-magic-box",{"customStyle":[1,"custom-style"],"data":[1040],"display":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-e83e70e2",[[1,"kup-family-tree",{"autofitOnExpand":[4,"autofit-on-expand"],"autofitOnLoad":[4,"autofit-on-load"],"cardData":[16],"collapsible":[4],"customStyle":[1,"custom-style"],"data":[16],"layout":[2],"stackedLeaves":[4,"stacked-leaves"],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"runAutofit":[64],"setProps":[64]}]]],["p-c222d070",[[1,"kup-accordion",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"selectedItems":[32],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"setProps":[64],"toggleItem":[64]}]]],["p-c1137ffd",[[1,"kup-calendar",{"currentDate":[1,"current-date"],"customStyle":[1,"custom-style"],"data":[16],"hideNavigation":[4,"hide-navigation"],"viewType":[1025,"view-type"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-e4975ffa",[[1,"kup-cell",{"customStyle":[1,"custom-style"],"data":[16],"density":[1],"dragEnabled":[4,"drag-enabled"],"addCssClasses":[64],"getProps":[64],"refresh":[64],"removeCssClasses":[64],"setProps":[64]}]]],["p-a641780a",[[1,"kup-dashboard",{"customStyle":[1,"custom-style"],"data":[16],"enableDesign":[4,"enable-design"],"resetInternalData":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-2915a66a",[[1,"kup-drawer",{"customStyle":[1,"custom-style"],"opened":[32],"close":[64],"getProps":[64],"isOpened":[64],"open":[64],"refresh":[64],"setProps":[64],"toggle":[64]}]]],["p-c022824e",[[1,"kup-iframe",{"buttonData":[16],"isButton":[4,"is-button"],"src":[1],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-da37c417",[[1,"kup-image-list",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"selectedNode":[16],"stateId":[1,"state-id"],"store":[16],"currentNode":[32],"navigationBarToggled":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-2a2dc2a8",[[1,"kup-lazy",{"componentName":[1,"component-name"],"customStyle":[1,"custom-style"],"data":[16],"renderMode":[1,"render-mode"],"showPlaceholder":[4,"show-placeholder"],"isInViewport":[32],"getProps":[64],"getComponent":[64],"refresh":[64],"setProps":[64]}]]],["p-76bf53df",[[1,"kup-nav-bar",{"customStyle":[1,"custom-style"],"styling":[513],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-d87fb5ff",[[1,"kup-numeric-picker",{"customStyle":[1,"custom-style"],"data":[1040],"decimals":[4],"disabled":[4],"initialValue":[1,"initial-value"],"maxDecimals":[1026,"max-decimals"],"maxIntegers":[1026,"max-integers"],"maxLength":[2,"max-length"],"negative":[4],"stateSwitcher":[32],"value":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]]]]],["p-0c9b7c80",[[1,"kup-photo-frame",{"customStyle":[1,"custom-style"],"placeholderAttrs":[16],"resourceAttrs":[16],"threshold":[2],"isInViewport":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-8826f5d6",[[1,"kup-planner",{"customStyle":[1,"custom-style"],"data":[16],"dataRaw":[8,"data-raw"],"phaseColorCol":[1,"phase-color-col"],"phaseColumns":[16],"phaseColParDep":[1,"phase-col-par-dep"],"phaseDates":[16],"phaseIdCol":[1,"phase-id-col"],"phaseNameCol":[1,"phase-name-col"],"phasePrevDates":[16],"taskColumns":[16],"taskDates":[16],"taskIdCol":[1,"task-id-col"],"taskNameCol":[1,"task-name-col"],"taskPrevDates":[16],"titleMess":[1,"title-mess"],"plannerProps":[32],"getProps":[64],"refresh":[64],"setProps":[64],"addPhases":[64]}]]],["p-0c1cbf8b",[[1,"kup-probe",{"customStyle":[1,"custom-style"],"features":[16],"content":[32],"printLifecycleTime":[64],"refresh":[64]}]]],["p-32517a99",[[0,"kup-qlik",{"config":[16],"qlik":[8],"appid":[513],"app":[520],"grid":[16],"debug":[4],"fluid":[4],"bordered":[4],"defobjsize":[1],"divlist":[32]}]]],["p-281cff81",[[1,"kup-snackbar",{"actionButton":[16],"closeButton":[4,"close-button"],"customStyle":[1,"custom-style"],"text":[1],"timeout":[2],"visible":[32],"getProps":[64],"hide":[64],"refresh":[64],"setProps":[64],"show":[64]}]]],["p-4fa7bffd",[[1,"kup-echart",{"axis":[1025],"colors":[16],"consistencyCheck":[4,"consistency-check"],"chartTitle":[16],"customStyle":[1,"custom-style"],"data":[16],"legend":[1],"map":[1],"series":[16],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"types":[16],"xAxis":[16],"yAxis":[16],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-89ac80c1",[[1,"kup-dash",{"active":[4],"fontsize":[1],"layout":[1],"index":[2]}],[1,"kup-grid",{"columns":[2],"customStyle":[1,"custom-style"],"singleLine":[4,"single-line"],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-849ad5d8",[[1,"kup-box",{"cardData":[16],"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"dragEnabled":[4,"drag-enabled"],"dropEnabled":[4,"drop-enabled"],"dropOnSection":[4,"drop-on-section"],"editableData":[4,"editable-data"],"enableRowActions":[4,"enable-row-actions"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"kanban":[16],"layout":[16],"multiSelection":[4,"multi-selection"],"pageSelected":[2,"page-selected"],"pageSize":[2,"page-size"],"pagination":[4],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selectBox":[2,"select-box"],"selectedRowsState":[1025,"selected-rows-state"],"showSelection":[4,"show-selection"],"sortBy":[1025,"sort-by"],"sortEnabled":[4,"sort-enabled"],"stateId":[1,"state-id"],"store":[16],"swipeDisabled":[4,"swipe-disabled"],"collapsedSection":[32],"selectedRows":[32],"rowActionMenuOpened":[32],"currentPage":[32],"currentRowsPerPage":[32],"getProps":[64],"loadRowActions":[64],"refresh":[64],"setProps":[64]}]]]]'),e)));
+import{p as e,b as t}from"./p-9dcfbb1e.js";export{s as setNonce}from"./p-9dcfbb1e.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),e(t)})().then((e=>t(JSON.parse('[["p-fd948af0",[[1,"kup-autocomplete",{"allowInconsistentValues":[4,"allow-inconsistent-values"],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"displayMode":[1,"display-mode"],"initialValue":[1,"initial-value"],"inputDelay":[2,"input-delay"],"minimumChars":[2,"minimum-chars"],"selectMode":[1,"select-mode"],"serverHandledFilter":[516,"server-handled-filter"],"showDropDownIcon":[4,"show-drop-down-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-button",{"buttonType":[1,"button-type"],"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"icon":[1],"iconOff":[1,"icon-off"],"label":[1],"styling":[1],"showSpinner":[4,"show-spinner"],"toggable":[4],"trailingIcon":[4,"trailing-icon"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-button-list",{"columns":[2],"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"showSelection":[4,"show-selection"],"styling":[513],"selected":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-chip",{"customStyle":[1,"custom-style"],"data":[1040],"displayId":[4,"display-id"],"enableInput":[4,"enable-input"],"type":[1],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-badge",{"customStyle":[1,"custom-style"],"imageData":[16],"text":[1],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-card",{"customStyle":[1,"custom-style"],"data":[16],"isMenu":[516,"is-menu"],"layoutFamily":[1,"layout-family"],"layoutNumber":[2,"layout-number"],"menuVisible":[1540,"menu-visible"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-data-table",{"stateId":[1,"state-id"],"store":[16],"autoFillMissingCells":[4,"auto-fill-missing-cells"],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dragEnabled":[1540,"drag-enabled"],"dropEnabled":[516,"drop-enabled"],"editableData":[1028,"editable-data"],"emptyDataLabel":[1025,"empty-data-label"],"enableColumnsFormula":[4,"enable-columns-formula"],"enableExtraColumns":[4,"enable-extra-columns"],"enableMergeColumns":[4,"enable-merge-columns"],"enableSortableColumns":[4,"enable-sortable-columns"],"expandGroups":[4,"expand-groups"],"filters":[1040],"fixedColumns":[2,"fixed-columns"],"fixedRows":[2,"fixed-rows"],"forceOneLine":[516,"force-one-line"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"groupLabelDisplay":[1,"group-label-display"],"groups":[1040],"headerIsPersistent":[4,"header-is-persistent"],"insertMode":[1,"insert-mode"],"isFocusable":[4,"is-focusable"],"lazyLoadRows":[4,"lazy-load-rows"],"lineBreakCharacter":[1,"line-break-character"],"loadMoreLimit":[2,"load-more-limit"],"loadMoreMode":[1,"load-more-mode"],"loadMoreStep":[2,"load-more-step"],"pageSelected":[2,"page-selected"],"paginatorPos":[1,"paginator-pos"],"removableColumns":[4,"removable-columns"],"resizableColumns":[4,"resizable-columns"],"rowActions":[16],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selection":[1],"showCustomization":[4,"show-customization"],"showDeleteButton":[4,"show-delete-button"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showGrid":[1,"show-grid"],"showGroups":[4,"show-groups"],"showHeader":[4,"show-header"],"showLoadMore":[4,"show-load-more"],"sort":[1040],"sortableColumnsMutateData":[4,"sortable-columns-mutate-data"],"sortEnabled":[4,"sort-enabled"],"tableHeight":[1,"table-height"],"tableWidth":[1,"table-width"],"totals":[1040],"transpose":[1028],"lazyLoadCells":[32],"currentPage":[32],"currentRowsPerPage":[32],"selectedRows":[32],"selectedColumn":[32],"columnMenuAnchor":[32],"groupState":[32],"openedTotalMenu":[32],"openedCustomSettings":[32],"fontsize":[32],"closeColumnMenu":[64],"collapseAll":[64],"deleteRows":[64],"closeInsertCard":[64],"closeConfirmDeleteCard":[64],"getCards":[64],"insertNewRow":[64],"expandAll":[64],"getProps":[64],"getSelectedRows":[64],"hideColumn":[64],"newColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setCellValue":[64],"setFocus":[64],"setProps":[64],"setSelectedRows":[64],"getInternalState":[64],"defaultSortingFunction":[64]}],[1,"kup-dialog",{"autoCenter":[16],"customStyle":[1,"custom-style"],"header":[16],"modal":[16],"resizable":[4],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"close":[64],"getProps":[64],"recalcPosition":[64],"refresh":[64],"setProps":[64]}],[1,"kup-form",{"customStyle":[1,"custom-style"],"data":[16],"hiddenSubmitButton":[4,"hidden-submit-button"],"labelPlacement":[1,"label-placement"],"layout":[16],"submitCb":[16],"getProps":[64],"refresh":[64],"setFocus":[64],"setProps":[64]}],[1,"kup-chart",{"asp":[1],"axis":[1],"chartTitle":[16],"colors":[16],"customStyle":[1,"custom-style"],"data":[16],"hAxis":[16],"hAxes":[16],"legend":[1],"offlineMode":[16],"series":[16],"showMarks":[4,"show-marks"],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"sorting":[16],"stacked":[4],"types":[16],"vAxes":[16],"vAxis":[16],"trendlines":[16],"version":[1],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-checkbox",{"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"indeterminate":[1028],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tree",{"asAccordion":[516,"as-accordion"],"columns":[1040],"customStyle":[1,"custom-style"],"data":[1040],"density":[1],"dynamicExpansionCallback":[16],"editableData":[4,"editable-data"],"enableExtraColumns":[4,"enable-extra-columns"],"expanded":[4],"expansionMode":[1,"expansion-mode"],"filters":[1040],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"globalFilterMode":[1,"global-filter-mode"],"preventXScroll":[516,"prevent-x-scroll"],"removableColumns":[4,"removable-columns"],"ripple":[4],"scrollOnHover":[4,"scroll-on-hover"],"showColumns":[1028,"show-columns"],"showFilters":[4,"show-filters"],"showFooter":[4,"show-footer"],"showHeader":[1028,"show-header"],"showIcons":[4,"show-icons"],"stateId":[1,"state-id"],"store":[16],"useDynamicExpansion":[4,"use-dynamic-expansion"],"totals":[1040],"treeColumnVisible":[32],"openedTotalMenu":[32],"columnMenuAnchor":[32],"stateSwitcher":[32],"selectedNode":[32],"getSelectedNode":[64],"setSelectedNode":[64],"isEmpty":[64],"closeColumnMenu":[64],"collapseAll":[64],"expandAll":[64],"getProps":[64],"hideColumn":[64],"openColumnMenu":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}],[1,"kup-color-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"initialValue":[1,"initial-value"],"swatchOnly":[4,"swatch-only"],"value":[32],"getProps":[64],"getValue":[64],"setFocus":[64],"setProps":[64],"setValue":[64],"refresh":[64]}],[1,"kup-combobox",{"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"initialValue":[1,"initial-value"],"isSelect":[516,"is-select"],"selectMode":[1,"select-mode"],"showDropDownIcon":[4,"show-drop-down-icon"],"displayedValue":[32],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-date-picker",{"customStyle":[1,"custom-style"],"data":[1040],"disabled":[4],"firstDayIndex":[2,"first-day-index"],"initialValue":[1,"initial-value"],"stateSwitcher":[32],"value":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]]],[1,"kup-dropdown-button",{"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"displayMode":[1,"display-mode"],"dropdownOnly":[4,"dropdown-only"],"icon":[1],"initialValue":[1,"initial-value"],"label":[1],"selectMode":[1,"select-mode"],"styling":[1],"trailingIcon":[4,"trailing-icon"],"id":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setProps":[64],"setValue":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-gauge",{"arcThickness":[2,"arc-thickness"],"colors":[16],"customStyle":[1,"custom-style"],"firstThreshold":[2,"first-threshold"],"labelDistance":[1026,"label-distance"],"maxValue":[1026,"max-value"],"measurementUnit":[1,"measurement-unit"],"minValue":[1026,"min-value"],"needleCircle":[4,"needle-circle"],"onlyValue":[4,"only-value"],"reverseColors":[4,"reverse-colors"],"secondThreshold":[2,"second-threshold"],"showLabels":[4,"show-labels"],"showMaxmin":[4,"show-maxmin"],"showValue":[4,"show-value"],"size":[2],"value":[1026],"valueSize":[2,"value-size"],"widthComponent":[1,"width-component"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-image",{"badgeData":[16],"color":[1],"customStyle":[1,"custom-style"],"data":[16],"feedback":[4],"isCanvas":[4,"is-canvas"],"resource":[1],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-list",{"customStyle":[1,"custom-style"],"data":[1040],"displayMode":[1,"display-mode"],"filter":[1025],"hideText":[4,"hide-text"],"isMenu":[4,"is-menu"],"keyboardNavigation":[4,"keyboard-navigation"],"menuVisible":[4,"menu-visible"],"roleType":[1025,"role-type"],"selectable":[4],"showIcons":[4,"show-icons"],"twoLine":[4,"two-line"],"focused":[32],"selected":[32],"focusNext":[64],"focusPrevious":[64],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"select":[64],"setProps":[64]},[[0,"keydown","listenKeydown"]]],[1,"kup-progress-bar",{"centeredLabel":[4,"centered-label"],"customStyle":[1,"custom-style"],"hideLabel":[4,"hide-label"],"icon":[1],"label":[1],"isRadial":[516,"is-radial"],"value":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-radio",{"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-rating",{"customStyle":[1,"custom-style"],"disabled":[4],"maxValue":[2,"max-value"],"value":[2],"stars":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-spinner",{"active":[516],"barVariant":[4,"bar-variant"],"customStyle":[1,"custom-style"],"dimensions":[1],"fader":[4],"faderTimeout":[2,"fader-timeout"],"fullScreen":[516,"full-screen"],"layout":[2],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-switch",{"checked":[1028],"customStyle":[1,"custom-style"],"disabled":[4],"label":[1],"leadingLabel":[4,"leading-label"],"value":[32],"getProps":[64],"refresh":[64],"setProps":[64]}],[1,"kup-tab-bar",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"value":[32],"getProps":[64],"getSelectedNode":[64],"refresh":[64],"setProps":[64]}],[1,"kup-text-field",{"customStyle":[1,"custom-style"],"decimals":[2],"disabled":[4],"emitSubmitEventOnEnter":[4,"emit-submit-event-on-enter"],"fullWidth":[516,"full-width"],"helper":[1],"helperEnabled":[4,"helper-enabled"],"helperWhenFocused":[4,"helper-when-focused"],"icon":[1],"initialValue":[1,"initial-value"],"inputMode":[1,"input-mode"],"inputType":[1,"input-type"],"isClearable":[4,"is-clearable"],"label":[1],"leadingLabel":[4,"leading-label"],"max":[2],"maxLength":[2,"max-length"],"min":[2],"name":[1],"outlined":[4],"readOnly":[4,"read-only"],"step":[2],"textArea":[4,"text-area"],"trailingIcon":[4,"trailing-icon"],"trailingLabel":[4,"trailing-label"],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]}],[1,"kup-time-picker",{"clockVariant":[4,"clock-variant"],"customStyle":[1,"custom-style"],"data":[16],"disabled":[4],"initialValue":[1,"initial-value"],"manageSeconds":[4,"manage-seconds"],"timeMinutesStep":[2,"time-minutes-step"],"value":[32],"getProps":[64],"getValue":[64],"refresh":[64],"setFocus":[64],"setProps":[64],"setValue":[64]},[[4,"keyup","listenKeyup"]]]]],["p-eea29062",[[1,"kup-dash-list",{"layout":[1],"fontsize":[1],"active":[4],"columnsNumber":[2,"columns-number"],"fullWidth":[4,"full-width"],"horizontal":[4],"iconColor":[16],"valueColor":[16],"textColor":[16],"data":[16]}]]],["p-138ac8b9",[[1,"kup-magic-box",{"customStyle":[1,"custom-style"],"data":[1040],"display":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-4e68f629",[[1,"kup-family-tree",{"autofitOnExpand":[4,"autofit-on-expand"],"autofitOnLoad":[4,"autofit-on-load"],"cardData":[16],"collapsible":[4],"customStyle":[1,"custom-style"],"data":[16],"layout":[2],"stackedLeaves":[4,"stacked-leaves"],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"runAutofit":[64],"setProps":[64]}]]],["p-b1da7902",[[1,"kup-accordion",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"selectedItems":[32],"collapseAll":[64],"expandAll":[64],"getProps":[64],"refresh":[64],"setProps":[64],"toggleItem":[64]}]]],["p-9f1184cd",[[1,"kup-calendar",{"currentDate":[1,"current-date"],"customStyle":[1,"custom-style"],"data":[16],"hideNavigation":[4,"hide-navigation"],"viewType":[1025,"view-type"],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-1cd45a72",[[1,"kup-cell",{"customStyle":[1,"custom-style"],"data":[16],"density":[1],"dragEnabled":[4,"drag-enabled"],"addCssClasses":[64],"getProps":[64],"refresh":[64],"removeCssClasses":[64],"setProps":[64]}]]],["p-23288eed",[[1,"kup-dashboard",{"customStyle":[1,"custom-style"],"data":[16],"enableDesign":[4,"enable-design"],"resetInternalData":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-73becdb8",[[1,"kup-drawer",{"customStyle":[1,"custom-style"],"opened":[32],"close":[64],"getProps":[64],"isOpened":[64],"open":[64],"refresh":[64],"setProps":[64],"toggle":[64]}]]],["p-bb6921bc",[[1,"kup-iframe",{"buttonData":[16],"isButton":[4,"is-button"],"src":[1],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-b0675bce",[[1,"kup-image-list",{"customStyle":[1,"custom-style"],"data":[16],"ripple":[4],"selectedNode":[16],"stateId":[1,"state-id"],"store":[16],"currentNode":[32],"navigationBarToggled":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-d0f4457e",[[1,"kup-lazy",{"componentName":[1,"component-name"],"customStyle":[1,"custom-style"],"data":[16],"renderMode":[1,"render-mode"],"showPlaceholder":[4,"show-placeholder"],"isInViewport":[32],"getProps":[64],"getComponent":[64],"refresh":[64],"setProps":[64]}]]],["p-263b2c73",[[1,"kup-nav-bar",{"customStyle":[1,"custom-style"],"styling":[513],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-2d8b5bba",[[1,"kup-numeric-picker",{"customStyle":[1,"custom-style"],"data":[1040],"decimals":[4],"disabled":[4],"initialValue":[1,"initial-value"],"maxDecimals":[1026,"max-decimals"],"maxIntegers":[1026,"max-integers"],"maxLength":[2,"max-length"],"negative":[4],"stateSwitcher":[32],"value":[32],"getValue":[64],"getProps":[64],"refresh":[64],"setFocus":[64],"setValue":[64]},[[0,"keyup","listenKeyup"]]]]],["p-97afbd71",[[1,"kup-photo-frame",{"customStyle":[1,"custom-style"],"placeholderAttrs":[16],"resourceAttrs":[16],"threshold":[2],"isInViewport":[32],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-cb6c8417",[[1,"kup-planner",{"customStyle":[1,"custom-style"],"data":[16],"dataRaw":[8,"data-raw"],"phaseColorCol":[1,"phase-color-col"],"phaseColumns":[16],"phaseColParDep":[1,"phase-col-par-dep"],"phaseDates":[16],"phaseIdCol":[1,"phase-id-col"],"phaseNameCol":[1,"phase-name-col"],"phasePrevDates":[16],"taskColumns":[16],"taskDates":[16],"taskIdCol":[1,"task-id-col"],"taskNameCol":[1,"task-name-col"],"taskPrevDates":[16],"titleMess":[1,"title-mess"],"plannerProps":[32],"getProps":[64],"refresh":[64],"setProps":[64],"addPhases":[64]}]]],["p-1ad48de4",[[1,"kup-probe",{"customStyle":[1,"custom-style"],"features":[16],"content":[32],"printLifecycleTime":[64],"refresh":[64]}]]],["p-a89f0884",[[0,"kup-qlik",{"config":[16],"qlik":[8],"appid":[513],"app":[520],"grid":[16],"debug":[4],"fluid":[4],"bordered":[4],"defobjsize":[1],"divlist":[32]}]]],["p-fe34fa6e",[[1,"kup-snackbar",{"actionButton":[16],"closeButton":[4,"close-button"],"customStyle":[1,"custom-style"],"text":[1],"timeout":[2],"visible":[32],"getProps":[64],"hide":[64],"refresh":[64],"setProps":[64],"show":[64]}]]],["p-ff11d6d0",[[1,"kup-echart",{"axis":[1025],"colors":[16],"consistencyCheck":[4,"consistency-check"],"chartTitle":[16],"customStyle":[1,"custom-style"],"data":[16],"legend":[1],"map":[1],"series":[16],"sizeX":[1,"size-x"],"sizeY":[1,"size-y"],"types":[16],"xAxis":[16],"yAxis":[16],"getProps":[64],"refresh":[64],"resizeCallback":[64],"setProps":[64]}]]],["p-c1d8fd43",[[1,"kup-dash",{"active":[4],"fontsize":[1],"layout":[1],"index":[2]}],[1,"kup-grid",{"columns":[2],"customStyle":[1,"custom-style"],"singleLine":[4,"single-line"],"getProps":[64],"refresh":[64],"setProps":[64]}]]],["p-2217be0a",[[1,"kup-box",{"cardData":[16],"columns":[2],"customStyle":[1,"custom-style"],"data":[16],"dragEnabled":[4,"drag-enabled"],"dropEnabled":[4,"drop-enabled"],"dropOnSection":[4,"drop-on-section"],"editableData":[4,"editable-data"],"enableRowActions":[4,"enable-row-actions"],"globalFilter":[4,"global-filter"],"globalFilterValue":[1537,"global-filter-value"],"kanban":[16],"layout":[16],"multiSelection":[4,"multi-selection"],"pageSelected":[2,"page-selected"],"pageSize":[2,"page-size"],"pagination":[4],"rowsPerPage":[2,"rows-per-page"],"scrollOnHover":[4,"scroll-on-hover"],"selectBox":[2,"select-box"],"selectedRowsState":[1025,"selected-rows-state"],"showSelection":[4,"show-selection"],"sortBy":[1025,"sort-by"],"sortEnabled":[4,"sort-enabled"],"stateId":[1,"state-id"],"store":[16],"swipeDisabled":[4,"swipe-disabled"],"collapsedSection":[32],"selectedRows":[32],"rowActionMenuOpened":[32],"currentPage":[32],"currentRowsPerPage":[32],"getProps":[64],"loadRowActions":[64],"refresh":[64],"setProps":[64]}]]]]'),e)));

package/dist/ketchup/{p-1242366a.entry.js → p-138ac8b9.entry.js}

@@ -1 +1 @@
-import{r as t,f as i,h as s,H as e,g as o}from"./p-d4ece435.js";import{k as a,g as c,s as n,l as r,c as h,ax as l,U as u,ay as p,Y as d,b}from"./p-5292ef67.js";import{F as m}from"./p-6c77a36c.js";import{F as k}from"./p-9f00ad0f.js";import{c as g}from"./p-97e8ea42.js";var f,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(f||(f={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=a(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return c(this,f,t)}async refresh(){i(this)}async setProps(t){n(this,f,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(r.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],e={};if(this.display===x.JSON)e.initialValue=this.data?JSON.stringify(this.data,null,2):"",e.textArea=!0,i.push(s("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},e,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:e.data=this.data,i.push(s("kup-box",Object.assign({},e)));break;case x.BUTTON_LIST:e.data=this.data,i.push(s("kup-button-list",Object.assign({},e)));break;case x.CHIP:e.data=this.data,i.push(s("kup-chip",Object.assign({},e)));break;case x.CHART:case x.ECHART:e.data=this.data,e.series=[],e.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==e.axis?e.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):e.axis=i.name}0===e.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),e.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(s(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},e)));break;case x.DATATABLE:e.data=this.data,e.autoFillMissingCells=!0,i.push(s("kup-data-table",Object.assign({},e)));break;case x.TREE:e.data=this.data,i.push(s("kup-tree",Object.assign({class:"kup-full-width"},e)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(s("div",{class:"empty"},s(k,{sizeY:"100px",resource:"move_to_inbox"}),s("div",{class:"empty-text"},this.kupManager.language.translate(r.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),s=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,e=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(s&&s.name?i.columns?this.data.columns.find((t=>t.name===s.name))||i.columns.push(s):i.columns=[s]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),e&&(i.rows?i.rows.push(e):i.rows=[e]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(l,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${u}],[${p}]`},{dispatcher:this.rootElement,type:d.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(e,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:g},s("div",{class:"magic-box-wrapper"},s("div",{class:"actions",id:"drag-handle"},s("kup-combobox",Object.assign({},this.comboboxProps())),s("kup-button",{styling:m.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),s("kup-button",{id:"close-dialog",customStyle:`:host{${b.PRIMARY}: var(${b.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),s("div",{class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=":host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}
+import{r as t,f as i,h as s,H as e,g as o}from"./p-9dcfbb1e.js";import{k as a,g as c,s as n,l as r,c as h,ax as l,U as u,ay as p,Y as d,b}from"./p-b63a5a44.js";import{F as m}from"./p-6c77a36c.js";import{F as k}from"./p-a7ae0b4d.js";import{c as g}from"./p-97e8ea42.js";var f,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(f||(f={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=a(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return c(this,f,t)}async refresh(){i(this)}async setProps(t){n(this,f,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(r.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],e={};if(this.display===x.JSON)e.initialValue=this.data?JSON.stringify(this.data,null,2):"",e.textArea=!0,i.push(s("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},e,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:e.data=this.data,i.push(s("kup-box",Object.assign({},e)));break;case x.BUTTON_LIST:e.data=this.data,i.push(s("kup-button-list",Object.assign({},e)));break;case x.CHIP:e.data=this.data,i.push(s("kup-chip",Object.assign({},e)));break;case x.CHART:case x.ECHART:e.data=this.data,e.series=[],e.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==e.axis?e.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):e.axis=i.name}0===e.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),e.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(s(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},e)));break;case x.DATATABLE:e.data=this.data,e.autoFillMissingCells=!0,i.push(s("kup-data-table",Object.assign({},e)));break;case x.TREE:e.data=this.data,i.push(s("kup-tree",Object.assign({class:"kup-full-width"},e)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(s("div",{class:"empty"},s(k,{sizeY:"100px",resource:"move_to_inbox"}),s("div",{class:"empty-text"},this.kupManager.language.translate(r.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),s=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,e=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(s&&s.name?i.columns?this.data.columns.find((t=>t.name===s.name))||i.columns.push(s):i.columns=[s]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),e&&(i.rows?i.rows.push(e):i.rows=[e]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(l,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${u}],[${p}]`},{dispatcher:this.rootElement,type:d.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(e,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:g},s("div",{class:"magic-box-wrapper"},s("div",{class:"actions",id:"drag-handle"},s("kup-combobox",Object.assign({},this.comboboxProps())),s("kup-button",{styling:m.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),s("kup-button",{id:"close-dialog",customStyle:`:host{${b.PRIMARY}: var(${b.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),s("div",{class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=":host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

package/dist/ketchup/{p-0c1cbf8b.entry.js → p-1ad48de4.entry.js}

@@ -1 +1 @@
-import{r as t,f as s,h as i,H as e,g as h}from"./p-d4ece435.js";import{k as o}from"./p-5292ef67.js";import{c as l}from"./p-97e8ea42.js";const n=class{constructor(s){t(this,s),this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null,this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1}}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,null,t?i("style",null,t):null,i("div",{id:l},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}
+import{r as t,f as s,h as i,H as e,g as h}from"./p-9dcfbb1e.js";import{k as o}from"./p-b63a5a44.js";import{c as l}from"./p-97e8ea42.js";const n=class{constructor(s){t(this,s),this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null,this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1}}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,null,t?i("style",null,t):null,i("div",{id:l},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}

package/dist/ketchup/{p-e4975ffa.entry.js → p-1cd45a72.entry.js}

@@ -1 +1 @@
-import{r as t,f as s,h as i,H as e,g as h}from"./p-d4ece435.js";import{k as o,d as n,g as r,s as l,W as a,l as c}from"./p-5292ef67.js";import{c as d}from"./p-97e8ea42.js";import{F as p}from"./p-ae4fffe0.js";import"./p-c26975bf.js";import"./p-ea16ddc0.js";import"./p-9f00ad0f.js";import"./p-c4d9e3e2.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=n.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 r(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){l(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("#"+d),{cursorChecker:()=>null},{callback:t},a.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(c.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,null,i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:d},i(p,Object.assign({},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}
+import{r as t,f as s,h as i,H as e,g as h}from"./p-9dcfbb1e.js";import{k as o,d as n,g as a,s as r,W as l,l as c}from"./p-b63a5a44.js";import{c as d}from"./p-97e8ea42.js";import{F as p}from"./p-32dc31ad.js";import"./p-9f9b6656.js";import"./p-ae3e0d31.js";import"./p-a7ae0b4d.js";import"./p-7bd28eac.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 u=class{constructor(s){t(this,s),this.kupManager=o(),this.customStyle="",this.data=null,this.density=n.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 a(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){r(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("#"+d),{cursorChecker:()=>null},{callback:t},l.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(c.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,null,i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:d},i(p,Object.assign({},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};u.style=":host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{u as kup_cell}

package/dist/ketchup/p-2217be0a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,f as i,h as e,H as s,g as r}from"./p-9dcfbb1e.js";import{k as n,z as a,g as l,s as h,u as c,l as p,K as b,c as d,R as u,W as x,X as g,Y as f,I as m,a3 as k}from"./p-b63a5a44.js";import{f as w,p as v,s as y,d as _,r as j,h as C,b as R}from"./p-4505a48d.js";import{F as A}from"./p-a7ae0b4d.js";import{a as z}from"./p-7bd28eac.js";import{c as P}from"./p-97e8ea42.js";import{F as I}from"./p-32dc31ad.js";import{F as O}from"./p-a203f78b.js";import"./p-a1adab40.js";import"./p-6c77a36c.js";import"./p-9f9b6656.js";import"./p-ae3e0d31.js";import"./p-79b0730b.js";import"./p-81605f08.js";var S;!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.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pageSize="Number of boxes per page.",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.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."}(S||(S={}));class M{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1}toDebugString(){return"box state"}}const B=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.state=new M,this.kupManager=n(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],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.multiSelection=!1,this.pageSelected=1,this.pageSize=10,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,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)}}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.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 l(this,S,t)}async loadRowActions(t,o){t.actions=o,this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){h(this,S,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=w(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,[{column:this.sortBy,sortMode:k.A}])),o}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=c(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=c(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 l={horizontal:r};for(;n-- >0;)i.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(e[a++],l,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 l=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)}l=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 h=null;return t.badgeData&&t.badgeData.length>0&&(h=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||{}},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,h),l)}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,l={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},h=t.style||{};t.dim&&o&&(h.flex=`0 0 ${t.dim}`,o.horizontal?h.maxWidth=t.dim:h.maxHeight=t.dim),a&&(h["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){l["collapse-section"]=!0;const o={content:!0};let s="";s=t.title?t.title:this.kupManager.language.translate(n?p.COLLAPSE:p.EXPAND),c=e("div",{class:l,style:h},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(A,{resource:`${b.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:l,style:h},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 l=o.cells[t.column];let h;return l&&!this.kupManager.objects.isEmptyKupObj(l.obj)&&(r["is-obj"]=!0,this.kupManager.debug.isDebug()&&(h=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";")),e("div",{"data-cell":l,"data-row":o,"data-column":t.column,class:r,style:{},title:h},l&&n?e(I,Object.assign({},{cell:l,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.",d.ERROR),{jsx:e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(p.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,d.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(z,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,u.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,u.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:c(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},x.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:f.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:f.BOX}))}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.rowsPerPage?this.currentRowsPerPage=this.rowsPerPage:this.pageSize&&(this.currentRowsPerPage=this.pageSize),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()}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++)O(o[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),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(p.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:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;this.pagination&&(r=e(R,{id:top?"top-paginator":"bottom-paginator",currentPage:this.currentPage,max:this.filteredRows.length,mode:C.SIMPLE,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.pageSize,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(p.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:P},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{pageSize:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};B.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 *{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{B as kup_box}

package/dist/ketchup/{p-a641780a.entry.js → p-23288eed.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as s,h as e,H as o,g as n}from"./p-d4ece435.js";import{F as r}from"./p-7cfdce27.js";import{F as a}from"./p-c26975bf.js";import{F as h}from"./p-ea16ddc0.js";import{F as c}from"./p-a203f78b.js";import{k as l,g as d,s as u,aw as m,l as p,W as f,c as g}from"./p-5292ef67.js";import{c as x}from"./p-97e8ea42.js";import"./p-6c77a36c.js";import"./p-9f00ad0f.js";import"./p-79b0730b.js";import"./p-81605f08.js";var b;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(b||(b={}));const y=class{constructor(s){t(this,s),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=l(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return d(this,b,t)}async refresh(){s(this)}async setProps(t){u(this,b,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(m.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(m.SAVE),onClick:()=>this.onKupSave()};return e("div",{class:"header"},this.enableDesign?e(r,Object.assign({},t)):void 0,this.enableDesign?e(r,Object.assign({},i)):void 0)}buildForm(t,i){return t?e("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:s=>{s&&(s.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):e("div",null,this.kupManager.language.translate(p.EMPTY_DATA))}buildSectionHeader(t,i){const s={value:t.dim,label:this.kupManager.language.translate(m.DIMENSION),onChange:i=>{const{target:s}=i;t.dim=s.value,this.refresh()}},o={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},n={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const s=i.sections.indexOf(t);i.sections.splice(s,1),this.resetData(this.internalData)}},c={checked:t.loaded,label:this.kupManager.language.translate(m.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},l={checked:"column"==t.layout,label:this.kupManager.language.translate(m.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return e("div",{class:"section-header"},e("div",null,t.id," - ",t.layout),e("div",null,e("div",{class:"section-header-actions"},e(h,Object.assign({},s)),e(a,Object.assign({},c)),e(a,Object.assign({},l)),e(r,Object.assign({},o)),e(r,Object.assign({},n)))))}buildSection(t,i){const s={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return e("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:s=>{s&&(s.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,e("div",{class:s,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:e("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,s,e,o){let n=e;for(let e=0;e<o.length;e++){const r=o[e].getBoundingClientRect();if(s&&t<r.y){n=e;break}if(!s&&i<r.x){n=e;break}}return n}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,f.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,s){if(s.kupData.form){const e=this.calcSectionPosition(t,i,"column"==s.kupData.form.layout,s.kupData.form.sections.length,s.children);this.setSectionPlaceHolder(s,e)}else if(s.kupData.section){const e=this.calcSectionPosition(t,i,"column"==s.kupData.section.layout,s.kupData.section.sections.length,s.lastElementChild.children);this.setSectionPlaceHolder(s.lastElementChild,e)}}dropped(t,i,s){const e=s.kupData.parent.sections.indexOf(s.kupData.section);if(s.kupData.parent.sections.splice(e,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const e=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(e,0,s.kupData.section),s.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,s.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const e=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(e,0,s.kupData.section),s.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let s="";t.sections.forEach((t=>{s+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=s),"row"==t.layout&&(i.gridTemplateColumns=s)}return i}setSectionPlaceHolder(t,i){const s=document.createElement("div");s.className="section-placeholder",t.insertBefore(s,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}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),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{c(t)}))}this.didRenderInteractables()}render(){return e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};y.style=":host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{y as kup_dashboard}
+import{r as t,c as i,f as s,h as e,H as o,g as n}from"./p-9dcfbb1e.js";import{F as r}from"./p-a1adab40.js";import{F as a}from"./p-9f9b6656.js";import{F as h}from"./p-ae3e0d31.js";import{F as l}from"./p-a203f78b.js";import{k as c,g as d,s as u,aw as m,l as p,W as f,c as g}from"./p-b63a5a44.js";import{c as b}from"./p-97e8ea42.js";import"./p-6c77a36c.js";import"./p-a7ae0b4d.js";import"./p-79b0730b.js";import"./p-81605f08.js";var x;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(x||(x={}));const y=class{constructor(s){t(this,s),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return d(this,x,t)}async refresh(){s(this)}async setProps(t){u(this,x,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(m.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(m.SAVE),onClick:()=>this.onKupSave()};return e("div",{class:"header"},this.enableDesign?e(r,Object.assign({},t)):void 0,this.enableDesign?e(r,Object.assign({},i)):void 0)}buildForm(t,i){return t?e("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:s=>{s&&(s.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):e("div",null,this.kupManager.language.translate(p.EMPTY_DATA))}buildSectionHeader(t,i){const s={value:t.dim,label:this.kupManager.language.translate(m.DIMENSION),onChange:i=>{const{target:s}=i;t.dim=s.value,this.refresh()}},o={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},n={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const s=i.sections.indexOf(t);i.sections.splice(s,1),this.resetData(this.internalData)}},l={checked:t.loaded,label:this.kupManager.language.translate(m.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(m.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return e("div",{class:"section-header"},e("div",null,t.id," - ",t.layout),e("div",null,e("div",{class:"section-header-actions"},e(h,Object.assign({},s)),e(a,Object.assign({},l)),e(a,Object.assign({},c)),e(r,Object.assign({},o)),e(r,Object.assign({},n)))))}buildSection(t,i){const s={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return e("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:s=>{s&&(s.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,e("div",{class:s,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:e("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,s,e,o){let n=e;for(let e=0;e<o.length;e++){const r=o[e].getBoundingClientRect();if(s&&t<r.y){n=e;break}if(!s&&i<r.x){n=e;break}}return n}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,f.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,s){if(s.kupData.form){const e=this.calcSectionPosition(t,i,"column"==s.kupData.form.layout,s.kupData.form.sections.length,s.children);this.setSectionPlaceHolder(s,e)}else if(s.kupData.section){const e=this.calcSectionPosition(t,i,"column"==s.kupData.section.layout,s.kupData.section.sections.length,s.lastElementChild.children);this.setSectionPlaceHolder(s.lastElementChild,e)}}dropped(t,i,s){const e=s.kupData.parent.sections.indexOf(s.kupData.section);if(s.kupData.parent.sections.splice(e,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const e=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(e,0,s.kupData.section),s.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,s.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const e=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(e,0,s.kupData.section),s.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let s="";t.sections.forEach((t=>{s+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=s),"row"==t.layout&&(i.gridTemplateColumns=s)}return i}setSectionPlaceHolder(t,i){const s=document.createElement("div");s.className="section-placeholder",t.insertBefore(s,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}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),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{l(t)}))}this.didRenderInteractables()}render(){return e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:b},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};y.style=":host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{y as kup_dashboard}