@sme.up/ketchup 9.2.0 → 9.4.0

package/dist/collection/components/kup-planner/utils/custom-task-list-header.js

@@ -0,0 +1,117 @@
+import { h } from "@stencil/core";
+export class KupCustomTaskListHeader {
+    constructor() {
+        this.label = '';
+        this.doubleView = false;
+        this.setDoubleView = undefined;
+        this.fontFamily = undefined;
+        this.fontSize = undefined;
+    }
+    render() {
+        return (h("div", { class: "custom-task-list-wrapper", style: {
+                height: '50px',
+                fontFamily: this.fontFamily,
+                fontSize: this.fontSize,
+            } }, h("div", { class: "title" }, h("span", null, this.label)), this.setDoubleView !== undefined && (h("div", { class: "toggler" }, h("label", { htmlFor: "ch2", class: "switch" }, h("input", { class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { class: "slider" })), h("span", { class: "label" }, "Previsioni")))));
+    }
+    static get is() { return "kup-custom-task-list-header"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["custom-task-list-header.module.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["custom-task-list-header.module.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "doubleView": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "double-view",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "setDoubleView": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(checked: boolean) => void",
+                    "resolved": "(checked: boolean) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "fontFamily": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-family",
+                "reflect": false
+            },
+            "fontSize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-size",
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/kup-planner/utils/custom-task-list-header.module.css

@@ -0,0 +1,79 @@
+.custom-task-list-wrapper {
+  display: flex;
+  justify-content: space-around;
+  max-width: 330px;
+  place-items: "center";
+  text-align: center;
+  align-items: center;
+}
+
+.title {
+  font-weight: bold;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.toggler {
+  max-width: max-content;
+  padding: 0 4px;
+  text-align: right;
+}
+
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 30px;
+  height: 17px;
+}
+
+.input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.input:checked + .slider {
+  background-color: #003b77;
+}
+.input:checked + .slider:before {
+  -webkit-transform: translateX(13px);
+  -ms-transform: translateX(13px);
+  transform: translateX(13px);
+}
+.input:focus + .slider {
+  box-shadow: 0 0 1px #003b77;
+}
+
+.slider {
+  -webkit-transition: 0.4s;
+  cursor: pointer;
+  background-color: #ccc;
+  bottom: 0;
+  border-radius: 17px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transition: 0.4s;
+}
+.slider:before {
+  -webkit-transition: 0.1s;
+  background-color: white;
+  border-radius: 50%;
+  bottom: 2px;
+  content: "";
+  height: 13px;
+  left: 2px;
+  position: absolute;
+  transition: 0.1s;
+  width: 13px;
+}
+
+.label {
+  font-size: 12px;
+  padding: 6px;
+}
+
+.filter {
+  font-size: 12px;
+}

package/dist/collection/components/kup-planner/utils/custom-task-list-table.js

@@ -0,0 +1,280 @@
+import { Fragment, h } from "@stencil/core";
+import { KupDates } from "../../../managers/kup-dates/kup-dates";
+export class KupCustomTaskListTable {
+    constructor() {
+        this.ganttId = undefined;
+        this.tasks = [];
+        this.rowHeight = 0;
+        this.rowWidth = '';
+        this.fontFamily = '';
+        this.fontSize = '';
+        this.setSelectedTask = undefined;
+        this.onclickTaskList = undefined;
+        this.ondblclickTaskList = undefined;
+        this.oncontextmenuTaskList = undefined;
+    }
+    render() {
+        const kupDates = new KupDates();
+        return (h("div", { class: "container" }, this.tasks.map((task) => {
+            var _a, _b, _c;
+            return (h(Fragment, null, task.type === 'project' ? (h("div", { class: "project", style: {
+                    height: `${this.rowHeight}px`,
+                    width: this.rowWidth,
+                    fontFamily: this.fontFamily,
+                    fontSize: this.fontSize,
+                    gridTemplateColumns: `repeat(${task.valuesToShow.length}, 1fr)`,
+                }, onClick: () => {
+                    this.setSelectedTask(task.id);
+                    this.onclickTaskList(task.id);
+                }, onDblClick: () => {
+                    this.setSelectedTask(task.id);
+                    this.ondblclickTaskList(task.id);
+                }, onContextMenu: (e) => {
+                    e.preventDefault();
+                    this.setSelectedTask(task.id);
+                    this.oncontextmenuTaskList(e, task.id);
+                } }, (_a = task.valuesToShow) === null || _a === void 0 ? void 0 : _a.map((v, index) => (h("span", { class: index === 0 ? 'main' : undefined, title: v.length > 10 ? v : undefined, key: `task_${task.id}_valuesToShow_${index}` }, v === '#START#'
+                ? kupDates.formatToLocaleSimple(task.start)
+                : v === '#END#'
+                    ? kupDates.formatToLocaleSimple(task.end)
+                    : v))))) : task.type === 'task' ? (h("div", { class: "subrow", style: {
+                    height: `${this.rowHeight}px`,
+                    width: this.rowWidth,
+                    fontFamily: this.fontFamily,
+                    fontSize: this.fontSize,
+                    gridTemplateColumns: `repeat(${task.valuesToShow.length + 1}, 1fr)`,
+                }, onClick: () => {
+                    this.setSelectedTask(task.id);
+                    this.onclickTaskList(task.id);
+                }, onDblClick: () => {
+                    this.setSelectedTask(task.id);
+                    this.ondblclickTaskList(task.id);
+                }, onContextMenu: (e) => {
+                    e.preventDefault();
+                    this.setSelectedTask(task.id);
+                    this.oncontextmenuTaskList(e, task.id);
+                } }, h("span", { key: `phase_${task.id}_valuesToShow_color`, style: {
+                    height: '16px',
+                    width: '16px',
+                    backgroundColor: (_b = task.styles) === null || _b === void 0 ? void 0 : _b.backgroundColor,
+                } }), (_c = task.valuesToShow) === null || _c === void 0 ? void 0 :
+                _c.map((v, index) => (h("span", { class: index === 0 ? 'main' : undefined, title: v.length > 10 ? v : undefined, key: `phase_${task.id}_valuesToShow_${index}` }, v === '#START#'
+                    ? kupDates.formatToLocaleSimple(task.start)
+                    : v === '#END#'
+                        ? kupDates.formatToLocaleSimple(task.end)
+                        : v))))) : ((() => {
+                var _a;
+                let str = '';
+                for (let i = 0; i < task.valuesToShow.length; i++) {
+                    str += '1fr ';
+                }
+                return (h("div", { class: "timeline", style: {
+                        height: `${this.rowHeight}px`,
+                        width: this.rowWidth,
+                        fontFamily: this.fontFamily,
+                        fontSize: this.fontSize,
+                        '--grid-fasi-columns': str,
+                    }, onContextMenu: (e) => {
+                        e.preventDefault();
+                        this.setSelectedTask(task.id);
+                        this.oncontextmenuTaskList(e, task.id);
+                    } }, (_a = task.valuesToShow) === null || _a === void 0 ? void 0 : _a.map((v, index) => (h("span", { class: index === 0
+                        ? 'main'
+                        : undefined, title: v.length > 10
+                        ? v
+                        : undefined, key: `detail_${task.id}_valuesToShow_${index}` }, v)))));
+            })())));
+        })));
+    }
+    static get is() { return "kup-custom-task-list-table"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gantt-table.module.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gantt-table.module.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "ganttId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "gantt-id",
+                "reflect": false
+            },
+            "tasks": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerTask[]",
+                    "resolved": "KupPlannerTask[]",
+                    "references": {
+                        "KupPlannerTask": {
+                            "location": "import",
+                            "path": "../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerTask"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
+            },
+            "rowHeight": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "row-height",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "rowWidth": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "row-width",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fontFamily": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-family",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fontSize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-size",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "setSelectedTask": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(taskId: string) => void",
+                    "resolved": "(taskId: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "onclickTaskList": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(id: string) => void",
+                    "resolved": "(id: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "ondblclickTaskList": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(id: string) => void",
+                    "resolved": "(id: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "oncontextmenuTaskList": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(event: MouseEvent, id: string) => void",
+                    "resolved": "(event: MouseEvent, id: string) => void",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}

package/dist/collection/components/kup-planner/utils/custom-tool-tip.js

@@ -0,0 +1,5 @@
+import { h } from "@stencil/core";
+export const CustomTooltipHOC = () => {
+    const CustomTooltip = () => h("div", null);
+    return CustomTooltip;
+};

package/dist/collection/components/kup-planner/utils/gantt-table.module.css

@@ -0,0 +1,88 @@
+.container {
+  padding: 0 10px;
+  margin-right: 10px;
+}
+
+.project {
+  background: var(--kup-background-color, #ffffff);
+  border: 1px solid var(--kup-border-color, #acacac);
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: var(--kup-text-color, #595959);
+  cursor: pointer;
+  display: grid;
+  font-weight: 400;
+  grid-template-columns: var(--grid-project-columns, 1fr 1fr 1fr);
+  place-items: center;
+}
+.project > * {
+  font-size: 14px;
+  line-height: 24px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+.project .main {
+  font-weight: 700;
+  width: 100%;
+  padding-left: 4px;
+}
+
+.subrow {
+  cursor: pointer;
+  display: grid;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #acacac;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  box-sizing: border-box;
+  grid-template-columns: var(--grid-fasi-columns, 1fr 1fr 1fr);
+  place-items: center;
+  background: #ffffff;
+  color: #595959;
+  font-weight: 400;
+}
+.subrow > * {
+  font-size: 12px;
+  line-height: 14px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.subrow:has(+ .subrow),
+.project:has(+ .subrow) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.timeline {
+  cursor: pointer;
+  display: grid;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #cbcbcb;
+  border-radius: 4px;
+  grid-template-columns: var(--grid-fasi-columns, 1fr 1fr 1fr);
+  place-items: center;
+  background: #fff;
+  color: #595959;
+  font-weight: 400;
+  box-sizing: border-box;
+}
+.timeline > * {
+  font-size: 14px;
+  line-height: 24px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+.timeline .main {
+  font-weight: 700;
+  width: 100%;
+  padding-left: 4px;
+}