@sme.up/ketchup 8.0.2 → 8.1.0

package/dist/types/utils/kup-column-menu/kup-column-menu.d.ts

@@ -1,142 +1,142 @@
-import type { KupCardData } from '../../components/kup-card/kup-card-declarations';
-import type { GenericObject } from '../../types/GenericTypes';
-import type { KupDataTable } from '../../components/kup-data-table/kup-data-table';
-import type { KupManagerClickCb } from '../../managers/kup-manager/kup-manager-declarations';
-import type { KupTree } from '../../components/kup-tree/kup-tree';
-import { FiltersColumnMenu } from '../filters/filters-column-menu';
-import { FilterInterval, ValueDisplayedValue } from '../filters/filters-declarations';
-import { FiltersRows } from '../filters/filters-rows';
-import { KupDataColumn } from '../../managers/kup-data/kup-data-declarations';
-import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
-/**
- * Definition and events of the column menu card.
- * @module KupColumnMenu
- */
-export declare class KupColumnMenu {
-  clickCb: KupManagerClickCb;
-  filtersColumnMenuInstance: FiltersColumnMenu;
-  filtersRowsInstance: FiltersRows;
-  /**
-   * Function called by the component when the column menu must be opened.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {string} column - Name of the column.
-   */
-  open(comp: KupDataTable | KupTree, column: string): void;
-  /**
-   * Function called by the component when the column menu must be closed.
-   * @param {HTMLKupCardElement} card - Column menu card.
-   */
-  close(card: HTMLKupCardElement): void;
-  /**
-   * Function called to reposition the column menu card to the appropriate column.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   */
-  reposition(comp: KupDataTable | KupTree, card: HTMLKupCardElement): void;
-  /**
-   * Function called by the column menu card to prepare its 'data' prop.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @param {KupCardData} currentData - 'data' prop of the column menu card when it's already initialized.
-   * @returns {GenericObject} 'data' prop of the column menu card.
-   */
-  prepData(comp: KupDataTable | KupTree, column: KupDataColumn, currentData?: KupCardData): KupCardData;
-  /**
-   * Handles the column menu's button prop.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @returns {GenericObject[]} Buttons props.
-   */
-  prepButton(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Handles the column menu's checkbox prop.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @returns {GenericObject[]} Checkboxes props.
-   */
-  prepCheckbox(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Handles the column menu's chip prop.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @returns {GenericObject[]} Chips props (only 1 is handled).
-   */
-  prepChip(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Handles the column menu's switch prop.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @param {KupObj[]} objs - Column's objs.
-   * @returns {GenericObject[]} Switches props.
-   */
-  prepSwitch(comp: KupDataTable | KupTree, column: KupDataColumn, objs: KupObj[]): GenericObject[];
-  /**
-   * Handles the column menu's tabbar prop.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @returns {GenericObject[]} Tab bar props.
-   */
-  prepTabBar(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Handles the column menu's textfield prop.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @returns {GenericObject[]} Text fields props.
-   */
-  prepTextfield(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Handles the column menu's interval textfields props (number column type).
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {Column} column - Column of the menu.
-   * @returns {GenericObject[]} Text fields props.
-   */
-  prepIntervalTextfield(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Handles the column menu's interval timepicker props (time column type).
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @returns {GenericObject[]} Time picker fields props.
-   */
-  prepIntervalTimePicker(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Handles the column menu's interval datepicker props (date/timestamp column type).
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @returns {GenericObject[]} Date picker fields props.
-   */
-  prepIntervalDatePicker(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
-  /**
-   * Function called by the column menu card when a kup-card-event is received.
-   * @param {CustomEvent} cardEvent - kup-card-event emitted by the column menu.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   */
-  eventHandlers(cardEvent: CustomEvent, comp: KupDataTable | KupTree): void;
-  /**
-   * Triggered when the text filter changes.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {string} value - New value of the filter.
-   * @param {KupDataColumn} column - Column of the menu.
-   */
-  textfieldChange(comp: KupDataTable | KupTree, value: string, column: KupDataColumn): void;
-  intervalChange(comp: KupDataTable | KupTree, value: string, column: KupDataColumn, index: FilterInterval, needNormalize: boolean, suffix?: string): void;
-  saveTextualFilters(comp: KupDataTable | KupTree, column: KupDataColumn): void;
-  /**
-   * Triggered when the checkbox list changes.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @param {boolean} checked - State of the changed checkbox.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @param {string} filterValue - Value used to filter.
-   */
-  checkboxChange(comp: KupDataTable | KupTree, checked: boolean, column: KupDataColumn, filterValueItem: ValueDisplayedValue): void;
-  /**
-   * Toggles the grouping of the given column.
-   * @param {KupDataTable} comp - Component using the column menu.
-   * @param {Column} column - Column of the menu.
-   */
-  toggleGroup(comp: KupDataTable, column: string): void;
-  /**
-   * Sets the given column as key for the table.
-   * @param {KupDataTable} comp - Component using the column menu.
-   * @param {KupDataColumn} column - Column of the menu.
-   * @param {string} value - The status of the switch.
-   */
-  setKey(comp: KupDataTable, column: string, value: string): void;
-}
+import type { KupCardData } from '../../components/kup-card/kup-card-declarations';
+import type { GenericObject } from '../../types/GenericTypes';
+import type { KupDataTable } from '../../components/kup-data-table/kup-data-table';
+import type { KupManagerClickCb } from '../../managers/kup-manager/kup-manager-declarations';
+import type { KupTree } from '../../components/kup-tree/kup-tree';
+import { FiltersColumnMenu } from '../filters/filters-column-menu';
+import { FilterInterval, ValueDisplayedValue } from '../filters/filters-declarations';
+import { FiltersRows } from '../filters/filters-rows';
+import { KupDataColumn } from '../../managers/kup-data/kup-data-declarations';
+import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
+/**
+ * Definition and events of the column menu card.
+ * @module KupColumnMenu
+ */
+export declare class KupColumnMenu {
+  clickCb: KupManagerClickCb;
+  filtersColumnMenuInstance: FiltersColumnMenu;
+  filtersRowsInstance: FiltersRows;
+  /**
+   * Function called by the component when the column menu must be opened.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {string} column - Name of the column.
+   */
+  open(comp: KupDataTable | KupTree, column: string): void;
+  /**
+   * Function called by the component when the column menu must be closed.
+   * @param {HTMLKupCardElement} card - Column menu card.
+   */
+  close(card: HTMLKupCardElement): void;
+  /**
+   * Function called to reposition the column menu card to the appropriate column.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   */
+  reposition(comp: KupDataTable | KupTree, card: HTMLKupCardElement): void;
+  /**
+   * Function called by the column menu card to prepare its 'data' prop.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @param {KupCardData} currentData - 'data' prop of the column menu card when it's already initialized.
+   * @returns {GenericObject} 'data' prop of the column menu card.
+   */
+  prepData(comp: KupDataTable | KupTree, column: KupDataColumn, currentData?: KupCardData): KupCardData;
+  /**
+   * Handles the column menu's button prop.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @returns {GenericObject[]} Buttons props.
+   */
+  prepButton(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Handles the column menu's checkbox prop.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @returns {GenericObject[]} Checkboxes props.
+   */
+  prepCheckbox(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Handles the column menu's chip prop.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @returns {GenericObject[]} Chips props (only 1 is handled).
+   */
+  prepChip(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Handles the column menu's switch prop.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @param {KupObj[]} objs - Column's objs.
+   * @returns {GenericObject[]} Switches props.
+   */
+  prepSwitch(comp: KupDataTable | KupTree, column: KupDataColumn, objs: KupObj[]): GenericObject[];
+  /**
+   * Handles the column menu's tabbar prop.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @returns {GenericObject[]} Tab bar props.
+   */
+  prepTabBar(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Handles the column menu's textfield prop.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @returns {GenericObject[]} Text fields props.
+   */
+  prepTextfield(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Handles the column menu's interval textfields props (number column type).
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {Column} column - Column of the menu.
+   * @returns {GenericObject[]} Text fields props.
+   */
+  prepIntervalTextfield(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Handles the column menu's interval timepicker props (time column type).
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @returns {GenericObject[]} Time picker fields props.
+   */
+  prepIntervalTimePicker(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Handles the column menu's interval datepicker props (date/timestamp column type).
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @returns {GenericObject[]} Date picker fields props.
+   */
+  prepIntervalDatePicker(comp: KupDataTable | KupTree, column: KupDataColumn): GenericObject[];
+  /**
+   * Function called by the column menu card when a kup-card-event is received.
+   * @param {CustomEvent} cardEvent - kup-card-event emitted by the column menu.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   */
+  eventHandlers(cardEvent: CustomEvent, comp: KupDataTable | KupTree): void;
+  /**
+   * Triggered when the text filter changes.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {string} value - New value of the filter.
+   * @param {KupDataColumn} column - Column of the menu.
+   */
+  textfieldChange(comp: KupDataTable | KupTree, value: string, column: KupDataColumn): void;
+  intervalChange(comp: KupDataTable | KupTree, value: string, column: KupDataColumn, index: FilterInterval, needNormalize: boolean, suffix?: string): void;
+  saveTextualFilters(comp: KupDataTable | KupTree, column: KupDataColumn): void;
+  /**
+   * Triggered when the checkbox list changes.
+   * @param {KupDataTable | KupTree} comp - Component using the column menu.
+   * @param {boolean} checked - State of the changed checkbox.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @param {string} filterValue - Value used to filter.
+   */
+  checkboxChange(comp: KupDataTable | KupTree, checked: boolean, column: KupDataColumn, filterValueItem: ValueDisplayedValue): void;
+  /**
+   * Toggles the grouping of the given column.
+   * @param {KupDataTable} comp - Component using the column menu.
+   * @param {Column} column - Column of the menu.
+   */
+  toggleGroup(comp: KupDataTable, column: string): void;
+  /**
+   * Sets the given column as key for the table.
+   * @param {KupDataTable} comp - Component using the column menu.
+   * @param {KupDataColumn} column - Column of the menu.
+   * @param {string} value - The status of the switch.
+   */
+  setKey(comp: KupDataTable, column: string, value: string): void;
+}

package/dist/types/utils/utils.d.ts

@@ -1,35 +1,37 @@
-import { GenericObject } from '../types/GenericTypes';
-import { KupBoxRow } from '../components/kup-box/kup-box-declarations';
-import { KupDataRow } from '../managers/kup-data/kup-data-declarations';
-export declare function identify(array: Array<KupBoxRow | KupDataRow>): void;
-/**
- * Fills a string with another string, eventually before
- * @param {string} stringIn initial string
- * @param {string} stringForFill string used for fill
- * @param {number} finalLen final string length
- * @param {boolean} addBefore flag for fill on left
- * @returns the input string filled with stringForFill
- */
-export declare function fillString(stringIn: string, stringForFill: string, finalLen: number, addBefore: boolean): string;
-/**
- * Used to retrieve component's props values.
- * @param {any} comp - Component calling this function.
- * @param {GenericObject} list - Prop list, specific for each component.
- * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
- * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
- */
-export declare function getProps(comp: any, list: GenericObject, descriptions?: boolean): GenericObject;
-/**
- * Sets the props to the component.
- * @param {any} comp - Component calling this function.
- * @param {GenericObject} list - Prop list, specific for each component.
- * @param {GenericObject} props - Prop to be set.
- */
-export declare function setProps(comp: any, list: GenericObject, props: GenericObject): void;
-/**
- * Creates a regular expression object, from a string un-escaped
- * @param s string to use for create regular expression (not escaped)
- * @param flags flags used for the regular expression
- * @returns the regular expression object
- */
-export declare function getRegExpFromString(s: string, flags?: string): RegExp;
+import { GenericObject } from '../types/GenericTypes';
+import { KupBoxRow } from '../components/kup-box/kup-box-declarations';
+import { KupDataRow } from '../managers/kup-data/kup-data-declarations';
+import { KupManager } from '../managers/kup-manager/kup-manager';
+export declare function identify(array: Array<KupBoxRow | KupDataRow>): void;
+/**
+ * Fills a string with another string, eventually before
+ * @param {string} stringIn initial string
+ * @param {string} stringForFill string used for fill
+ * @param {number} finalLen final string length
+ * @param {boolean} addBefore flag for fill on left
+ * @returns the input string filled with stringForFill
+ */
+export declare function fillString(stringIn: string, stringForFill: string, finalLen: number, addBefore: boolean): string;
+/**
+ * Used to retrieve component's props values.
+ * @param {any} comp - Component calling this function.
+ * @param {GenericObject} list - Prop list, specific for each component.
+ * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+ * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+ */
+export declare function getProps(comp: any, list: GenericObject, descriptions?: boolean): GenericObject;
+/**
+ * Sets the props to the component.
+ * @param {any} comp - Component calling this function.
+ * @param {GenericObject} list - Prop list, specific for each component.
+ * @param {GenericObject} props - Prop to be set.
+ */
+export declare function setProps(comp: any, list: GenericObject, props: GenericObject): void;
+/**
+ * Creates a regular expression object, from a string un-escaped
+ * @param s string to use for create regular expression (not escaped)
+ * @param flags flags used for the regular expression
+ * @returns the regular expression object
+ */
+export declare function getRegExpFromString(s: string, flags?: string): RegExp;
+export declare function getNewKupManager(): KupManager;

package/dist/types/variables/GenericVariables.d.ts

@@ -1,4 +1,4 @@
-/**
- * Id of the wrapper element for every kup component.
- */
-export declare const componentWrapperId: string;
+/**
+ * Id of the wrapper element for every kup component.
+ */
+export declare const componentWrapperId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "8.0.2",
+    "version": "8.1.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -40,21 +40,21 @@
         "jenkins:react:dev": "npx link ../../../GanttComponent-Develop-Continuum && cd ../../../GanttComponent-Develop-Continuum && npx link ../KetchUP-Develop-Continuum/packages/ketchup/node_modules/react ../KetchUP-Develop-Continuum/packages/ketchup/node_modules/react-dom && cd ../KetchUP-Develop-Continuum/packages/ketchup"
     },
     "dependencies": {
-        "@fullcalendar/core": "^5.11.0",
-        "@fullcalendar/daygrid": "^5.11.0",
-        "@fullcalendar/interaction": "^5.11.0",
-        "@fullcalendar/list": "^5.11.0",
-        "@fullcalendar/timegrid": "^5.11.0",
+        "@fullcalendar/core": "^6.1.8",
+        "@fullcalendar/daygrid": "^6.1.8",
+        "@fullcalendar/interaction": "^6.1.8",
+        "@fullcalendar/list": "^6.1.8",
+        "@fullcalendar/timegrid": "^6.1.8",
         "@material/form-field": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/textfield": "^14.0.0",
-        "@sme.up/gantt-component": "^1.3.25",
-        "d3-shape": "^3.1.0",
-        "dayjs": "^1.11.1",
-        "echarts": "^5.3.2",
+        "@sme.up/gantt-component": "^1.3.27",
+        "d3-shape": "^3.2.0",
+        "dayjs": "^1.11.7",
+        "echarts": "^5.4.2",
         "html2canvas": "^1.4.1",
-        "interactjs": "^1.10.11",
-        "jquery": "^3.6.0",
+        "interactjs": "1.10.12",
+        "jquery": "^3.7.0",
         "numeral": "^2.0.6",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -62,11 +62,16 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^3.2.0",
-        "@stencil/sass": "^3.0.0",
+        "@stencil/core": "^3.3.0",
+        "@stencil/sass": "^3.0.3",
         "@stencil/react-output-target": "0.5.0",
-        "rimraf": "^3.0.2",
-        "sass": "^1.60.0"
+        "jest": "^27.4.5",
+        "jest-cli": "^27.4.5",
+        "jest-html-reporter": "^3.7.1",
+        "jest-junit": "^15.0.0",
+        "puppeteer": "^20.4.0",
+        "rimraf": "^5.0.1",
+        "sass": "^1.62.1"
     },
     "repository": {
         "type": "git",

package/dist/cjs/tslib.es6-386654de.js

@@ -1,87 +0,0 @@
-'use strict';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-exports.__assign = function() {
-    exports.__assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return exports.__assign.apply(this, arguments);
-};
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-exports.__extends = __extends;
-exports.__read = __read;
-exports.__spreadArray = __spreadArray;
-exports.__values = __values;

package/dist/esm/tslib.es6-8c2af864.js

@@ -1,82 +0,0 @@
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-export { __extends as _, __assign as a, __values as b, __spreadArray as c, __read as d };

package/dist/ketchup/p-0bcda0e2.entry.js

@@ -1 +0,0 @@
-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-5f3680f2.js";import{F as a}from"./p-9f9b6656.js";import{F as h}from"./p-3cf64473.js";import{F as c}from"./p-27a56c87.js";import{k as l,g as d,s as m,an as u,m as p,V as f,c as g}from"./p-36dac88e.js";import{c as x}from"./p-97e8ea42.js";import"./p-6c77a36c.js";import"./p-410c102a.js";import"./p-7f59211b.js";import"./p-10d84b1b.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){m(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(u.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(u.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(u.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(u.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},l={checked:"column"==t.layout,label:this.kupManager.language.translate(u.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}