@sme.up/ketchup 11.0.0-SNAPSHOT-20241023072631 → 11.0.0-SNAPSHOT-20241023092659

package/dist/ketchup/p-9394a966.entry.js

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as i,f as n,H as s,d as o}from"./p-d7c15b0e.js";import{a5 as a,F as l,ab as f,k as r,f as c,g as h,s as p,R as u,h as d}from"./p-8c07fd42.js";import{c as m}from"./p-635bb4b3.js";import{F as g}from"./p-bbdf4a8f.js";import{F as b}from"./p-cc32b7a2.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2b519589.js";import"./p-1754ee9b.js";import"./p-df06309a.js";import"./p-e3062c19.js";var y;(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."})(y||(y={}));var v;(function(t){t["top"]="column-reverse";t["bottom"]="column";t["left"]="row-reverse";t["right"]="row"})(v||(v={}));var k=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};const x=document.documentElement;const w=(t,e)=>t.children.map((t=>{var i;return{id:t.content.codice,value:t.content.testo,selected:e===t.content.codice,children:((i=t.children)===null||i===void 0?void 0:i.length)?w(t,e):[]}}));const j=(t,e)=>t.children.map((t=>{var i;return{id:t.obj.k,value:t.value,selected:e===t.obj.k,children:((i=t.children)===null||i===void 0?void 0:i.length)?j(t,e):[]}}));const O=(t,e)=>t.rows.map((t=>{var i;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((i=n[o])===null||i===void 0?void 0:i.value)||n[s].value,selected:e===n[s].value}}));const z=(t,e)=>{const i=C.get(t.type);if(i){return i(t,e)}else{return t.map((t=>({value:t.label,id:t.id,selected:e===t.id})))}};const C=new Map([["SmeupTreeNode",w.bind(undefined)],["SmeupDataTree",j.bind(undefined)],["SmeupTable",O.bind(undefined)],["SmeupDataTable",O.bind(undefined)]]);const T=e=>{const i=e.cell?Object.assign(Object.assign({},e.cell),{data:R(e.cell,e.column),slotData:L(e.cell,e.column),isEditable:true}):null;const n=Object.assign(Object.assign({},e),{editable:true,cell:i,column:E(i.data),row:D(i.data)});if(e.cell.shape===l.TEXT_FIELD){n.cell.value=n.cell.data.value}return t(g,Object.assign({},n))};const E=t=>{const e=t&&t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:"KUPCELL";const i=t&&t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:"genericEmptyObject";return{name:e,title:i}};const D=t=>{const e=E(t);const i={cells:{}};i.cells[e.name]=t.cell;return i};const L=(t,e)=>{const i=x.ketchup.data.cell.getType(t,t.shape);if(!t.isEditable){return null}if(i===a.MULTI_AUTOCOMPLETE||i===a.MULTI_COMBOBOX){return Object.assign(Object.assign({},f(null,e.title,t.options)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!t.isEditable,id:e.name})}return null};const R=(t,e)=>{const i=Object.assign(Object.assign({},S(t,e)),{disabled:!t.isEditable,id:e.name});const n=x.ketchup.data.cell.getType(t,t.shape);const s=t.data||{},o=k(s,["data"]);return n!==a.MULTI_AUTOCOMPLETE&&n!==a.MULTI_COMBOBOX?P(i,Object.assign({},t.data)):Object.assign(Object.assign({},i),o)};const P=(t,e)=>{for(const i in e){if(e[i]instanceof Object&&!Array.isArray(e[i])&&i in t){t[i]=P(t[i],e[i])}else{t[i]=e[i]}}return t};const S=(t,e)=>{if(!t){return null}const i=t.options;const n=e.title;const s=t.value;const o=x.ketchup.data.cell.getType(t,t.shape);const l=new Map([[a.BUTTON_LIST,F.bind(undefined)],[a.STRING,W.bind(undefined)],[a.COMBOBOX,K.bind(undefined)]]);const f=l.get(o);return f?f(i,n,s,t,e.name):null};const W=(t,e,i,n)=>{if(t===null||t===void 0?void 0:t[0]){return{value:t[0].label}}};const F=(t,e,i,n)=>{var s,o;return{data:((s=n.options)===null||s===void 0?void 0:s.length)?(o=n.options)===null||o===void 0?void 0:o.map((t=>({icon:t.icon,value:t.value}))):[]}};const K=(t,e,i)=>{const n=f(i,e,[]);n.data["kup-list"].data=z(t,i);return n};const M=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const _=M;var I=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var U;const A=class{constructor(t){e(this,t);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);U.set(this,r());this.customStyle="";this.data=null;this.density=c.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=v.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)<0){this.data.cssClass+=` ${i}`}}}this.refresh()}async getProps(t){return h(this,y,t)}async refresh(){n(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),"")}}}this.refresh()}async setProps(t){p(this,y,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});I(this,U,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+m),{cursorChecker(){return null}},{callback:t},u.BADGE)}}generateColumn(){const t=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL";const e=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:I(this,U,"f").language.translate(d.EMPTY_OBJECT);return{name:t,title:e}}generateRow(){const t=this.generateColumn();const e={cells:{}};e.cells[t.name]=this.data;return e}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){I(this,U,"f").dates.register(this);I(this,U,"f").debug.logLoad(this,false);I(this,U,"f").language.register(this);I(this,U,"f").theme.register(this)}componentDidLoad(){I(this,U,"f").debug.logLoad(this,true)}componentWillRender(){I(this,U,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();I(this,U,"f").debug.logRender(this,true)}render(){const e={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return t(s,{key:"a4505e4d7ffa3784c6f5762f2b5a53e50cc5a627"},t("style",{key:"83795fa9a931b49588e77d60b32bc27c0c11b203"},I(this,U,"f").theme.setKupStyle(this.rootElement)),t("div",{key:"5fb3f00c4c3b543442084ab8231b232188296473",id:m,style:this.showSubmit?{display:"flex","flex-direction":this.submitPosition,"align-items":"center",gap:"0.5rem"}:{}},t(T,Object.assign({key:"5875cef585519fef471a0566cb448bf4d96d26ed"},e)),this.showSubmit?t(b,{buttonType:"submit",label:I(this,U,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){I(this,U,"f").dates.unregister(this);I(this,U,"f").language.unregister(this);I(this,U,"f").theme.unregister(this)}get rootElement(){return o(this)}};U=new WeakMap;A.style=_;export{A as kup_cell};
+//# sourceMappingURL=p-9394a966.entry.js.map

package/dist/ketchup/p-9394a966.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupCellProps","KupCellSubmitButtonPosition","dom","document","documentElement","treeOptionsNodeAdapter","options","currentValue","children","map","child","id","content","codice","value","testo","selected","_a","length","dataTreeOptionsChildrenAdapter","obj","k","tableOptionsAdapter","rows","row","cells","fields","Object","keys","optionsTreeComboAdapter","adapter","optionsAdapterMap","get","type","option","label","Map","bind","this","FCellOptions","props","mappedCell","cell","data","setProps","column","slotData","isEditable","mappedProps","assign","editable","generateColumn","generateRow","shape","FCellShapes","TEXT_FIELD","h","FCell","colname","t","p","coltitle","name","title","col","cellType","ketchup","getType","FCellTypes","MULTI_AUTOCOMPLETE","MULTI_COMBOBOX","CMBandACPAdapter","showDropDownIcon","class","style","width","disabled","defaultProps","mapData","noDataProps","__rest","deepObjectsMerge","target","source","key","Array","isArray","fieldLabel","dataAdapterMap","BUTTON_LIST","MainBTNAdapter","STRING","MainITXAdapter","COMBOBOX","MainCMBandACPAdapter","_fieldLabel","_currentValue","_cell","_options","_b","icon","rawOptions","configCMandACP","kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","kupManagerInstance","FCellPadding","NONE","right","addCssClasses","classes","cssClass","index","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","didRenderInteractables","dragEnabled","dataCb","rootElement","multiple","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","language","translate","KupLanguageGeneric","EMPTY_OBJECT","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","renderKup","Host","setKupStyle","showSubmit","display","submitPosition","gap","FButton","buttonType","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/f-components/f-cell-options.tsx/f-cell-options.tsx","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["import { KupDataCell, KupEventPayload } from '../../components';\nimport { KupDataCellOptions } from '../../managers/kup-data/kup-data-declarations';\n\n/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n    customStyle = 'Custom style of the component.',\n    data = 'The data of the cell.',\n    density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n    dragEnabled = 'When set to true, the component is draggable.',\n}\n\nexport enum KupCellSubmitButtonPosition {\n    top = 'column-reverse',\n    bottom = 'column',\n    left = 'row-reverse',\n    right = 'row',\n}\n\nexport interface KupCellSubmitClickEventPayload extends KupEventPayload {\n    cell: KupDataCellOptions;\n}\n","import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { GenericObject, KupDataColumn } from '../../components';\nimport { CMBandACPAdapter } from '../../utils/cell-utils';\nimport {\n    FCellOptionsProps,\n    FCellProps,\n    FCellShapes,\n    FCellTypes,\n} from '../f-cell/f-cell-declarations';\nimport { DataAdapterFn } from '../../components/kup-input-panel/kup-input-panel-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCell } from '../f-cell/f-cell';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nconst treeOptionsNodeAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.content.codice,\n        value: child.content.testo,\n        selected: currentValue === child.content.codice,\n        children: child.children?.length\n            ? treeOptionsNodeAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst dataTreeOptionsChildrenAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.obj.k,\n        value: child.value,\n        selected: currentValue === child.obj.k,\n        children: child.children?.length\n            ? dataTreeOptionsChildrenAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst tableOptionsAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.rows.map((row) => {\n        const cells = row.fields || row.cells;\n        const [id, value] = Object.keys(cells);\n\n        return {\n            id: cells[id].value,\n            value: cells[value]?.value || cells[id].value,\n            selected: currentValue === cells[id].value,\n        };\n    });\n};\n\nconst optionsTreeComboAdapter = (options: any, currentValue: string) => {\n    const adapter = optionsAdapterMap.get(options.type);\n\n    if (adapter) {\n        return adapter(options, currentValue);\n    } else {\n        return options.map((option) => ({\n            value: option.label,\n            id: option.id,\n            selected: currentValue === option.id,\n        }));\n    }\n};\n\nconst optionsAdapterMap = new Map<\n    string,\n    (options: any, currentValue: string) => GenericObject[]\n>([\n    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],\n    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],\n    ['SmeupTable', tableOptionsAdapter.bind(this)],\n    ['SmeupDataTable', tableOptionsAdapter.bind(this)],\n]);\n\nexport const FCellOptions: FunctionalComponent<FCellOptionsProps> = (\n    props: FCellOptionsProps\n) => {\n    const mappedCell = props.cell\n        ? {\n              ...props.cell,\n              data: setProps(props.cell, props.column),\n              slotData: slotData(props.cell, props.column),\n              isEditable: true,\n          }\n        : null;\n\n    const mappedProps: FCellProps = {\n        ...props,\n        editable: true,\n        cell: mappedCell as KupDataCell,\n        column: generateColumn(mappedCell.data),\n        row: generateRow(mappedCell.data),\n    };\n\n    if (props.cell.shape === FCellShapes.TEXT_FIELD) {\n        mappedProps.cell.value = mappedProps.cell.data.value;\n    }\n\n    return <FCell {...mappedProps}></FCell>;\n};\n\nconst generateColumn = (data: GenericObject): KupDataColumn => {\n    const colname: string =\n        data && data.obj && data.obj.t\n            ? data.obj.t + ';' + data.obj.p\n            : 'KUPCELL';\n    const coltitle: string =\n        data && data.obj && data.obj.t\n            ? data.obj.t + ';' + data.obj.p\n            : 'genericEmptyObject';\n    return {\n        name: colname,\n        title: coltitle,\n    };\n};\n\nconst generateRow = (data: GenericObject): KupDataRow => {\n    const col: KupDataColumn = generateColumn(data);\n    const row: KupDataRow = { cells: {} };\n    row.cells[col.name] = data.cell;\n    return row;\n};\n\nconst slotData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n    if (!cell.isEditable) {\n        return null;\n    }\n\n    if (\n        cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n        cellType === FCellTypes.MULTI_COMBOBOX\n    ) {\n        return {\n            ...CMBandACPAdapter(\n                null,\n                col.title,\n                cell.options\n                // cell,\n                // col.name\n            ),\n            showDropDownIcon: true,\n            class: '',\n            style: { width: '100%' },\n            disabled: !cell.isEditable,\n            id: col.name,\n        };\n    }\n\n    return null;\n};\n\nconst setProps = (cell: KupDataCellOptions, column: KupDataColumn) => {\n    const defaultProps = {\n        ...mapData(cell, column),\n        disabled: !cell.isEditable,\n        id: column.name,\n    };\n\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const { data, ...noDataProps } = cell.data || {};\n    return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n        cellType !== FCellTypes.MULTI_COMBOBOX\n        ? deepObjectsMerge(defaultProps, {\n              ...cell.data,\n          })\n        : // Add and ovverride defaultProps of Chip host component except data\n          {\n              ...defaultProps,\n              ...noDataProps,\n          };\n};\n\nconst deepObjectsMerge = (target: GenericObject, source: GenericObject) => {\n    for (const key in source) {\n        if (\n            source[key] instanceof Object &&\n            !Array.isArray(source[key]) &&\n            key in target\n        ) {\n            target[key] = deepObjectsMerge(target[key], source[key]);\n        } else {\n            target[key] = source[key];\n        }\n    }\n    return target;\n};\n\nconst mapData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    if (!cell) {\n        return null;\n    }\n\n    const options = cell.options;\n    const fieldLabel = col.title;\n    const currentValue = cell.value;\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n        [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],\n        [FCellTypes.STRING, MainITXAdapter.bind(this)],\n        [FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(this)],\n    ]);\n\n    const adapter = dataAdapterMap.get(cellType);\n\n    return adapter\n        ? adapter(options, fieldLabel, currentValue, cell, col.name)\n        : null;\n};\n\nconst MainITXAdapter = (\n    options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string,\n    _cell: KupDataCellOptions\n) => {\n    if (options?.[0]) {\n        return {\n            value: options[0].label,\n        };\n    }\n};\n\nconst MainBTNAdapter = (\n    _options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string,\n    cell: KupDataCellOptions\n) => {\n    return {\n        data: cell.options?.length\n            ? cell.options?.map((option) => ({\n                  icon: option.icon,\n                  value: option.value,\n              }))\n            : [],\n    };\n};\n\nconst MainCMBandACPAdapter = (\n    rawOptions: GenericObject,\n    fieldLabel: string,\n    currentValue: string\n) => {\n    const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(\n        rawOptions,\n        currentValue\n    );\n    return configCMandACP;\n};\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n#kup-component {\n  height: 100%;\n  width: 100%;\n}\n","import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    Event,\n    EventEmitter,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    KupCellProps,\n    KupCellSubmitButtonPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n    FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n    tag: 'kup-cell',\n    styleUrl: 'kup-cell.scss',\n    shadow: true,\n})\nexport class KupCell {\n    /**\n     * References the root HTML element of the component (<kup-text-field>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * The data of the cell.\n     * @default false\n     */\n    @Prop() data: KupDataCell = null;\n    /**\n     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n     */\n    @Prop() density: FCellPadding = FCellPadding.NONE;\n    /**\n     * When set to true, the component is draggable.\n     * @default false\n     */\n    @Prop() dragEnabled: boolean = false;\n\n    /**\n     * Show submit button\n     */\n    @Prop() showSubmit: boolean = false;\n\n    /**\n     * Submit button position, default is right\n     */\n    @Prop() submitPosition: KupCellSubmitButtonPosition =\n        KupCellSubmitButtonPosition.right;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-cell-submit-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.#kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const colname: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : 'KUPCELL';\n        const coltitle: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : this.#kupManager.language.translate(\n                      KupLanguageGeneric.EMPTY_OBJECT\n                  );\n        return {\n            name: colname,\n            title: coltitle,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    private submitClick(e: MouseEvent): void {\n        e.stopPropagation();\n        this.kupCellSubmitClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            cell: this.data as KupDataCellOptions,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.dates.register(this);\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.didRenderInteractables();\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FCellOptionsProps = {\n            cell: this.data as KupDataCellOptions,\n            column: this.generateColumn(),\n            component: this,\n            density: this.density,\n            editable: this.data.isEditable,\n            renderKup: true,\n            row: this.generateRow(),\n        };\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    style={\n                        this.showSubmit\n                            ? {\n                                  display: 'flex',\n                                  'flex-direction': this.submitPosition,\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <FCellOptions {...props} />\n                    {this.showSubmit ? (\n                        <FButton\n                            buttonType=\"submit\"\n                            label={this.#kupManager.language.translate(\n                                KupLanguageGeneric.CONFIRM\n                            )}\n                            wrapperClass=\"form__submit\"\n                            onClick={(e) => {\n                                this.submitClick(e);\n                            }}\n                        ></FButton>\n                    ) : null}\n                </div>\n            </Host>\n        );\n    }\n\n    disconnectedCallback() {\n        this.#kupManager.dates.unregister(this);\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ketchup/{p-a7e1edb6.entry.js → p-94099e24.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-029c7cbe.js";import{d as a,i as o,g as r,h as l}from"./p-008bdcdc.js";import{d as h,a as f,b as p,c,e as d}from"./p-53af4c87.js";import{d as u}from"./p-cd3a7d53.js";const g='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.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}';const x=g;const v=class{constructor(i){t(this,i);this.label="";this.doubleView=false;this.setDoubleView=undefined;this.fontFamily=undefined;this.fontSize=undefined}render(){return i("div",{key:"1e337339b3b89005b39e2232f66a0bda60c53834",class:"custom-task-list-wrapper",style:{height:"25px",fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"e1a92aff28f5dd3fbd73801a803af22d59b86491",class:"title"},i("span",{key:"6963add81ee13dc675d19d8791c5e7779a2aa774"},this.label)),this.setDoubleView!==undefined&&i("div",{key:"d7a33be86ef3c890d763e4c933d4a8cd6ac49c9a",class:"toggler"},i("label",{key:"9a71699e73bcdcddfba88007e9660def60096b79",htmlFor:"ch2",class:"switch"},i("input",{key:"10130fe5a0eb330ffe0bb8d580104830555df5a5",class:"input",id:"ch2",type:"checkbox",checked:this.doubleView,onClick:()=>this.setDoubleView(!this.doubleView)}),i("span",{key:"cb6da2b38ac4ea7bb017da4a228dcb2506145120",class:"slider"})),i("span",{key:"4d747af5cd1a8b5fb70d119e334fa5c61dc5ee28",class:"label"},"Previsioni")))}};v.style=x;const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.container{margin-top:var(--kup-space-04)}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-subtle, #acacac);border-top:1px solid var(--kup-border-subtle, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-subtle, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-subtle, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-layer-1);border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);box-sizing:border-box;color:var(--kup-text-secondary);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center;padding:var(--kup-space-03)}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.project .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.subrow{cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.subrow:last-of-type{border-bottom:1px solid var(--kup-border-subtle)}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{padding:var(--kup-space-03);cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.timeline .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const m=y;const k=class{constructor(i){t(this,i);this.ganttId=undefined;this.tasks=[];this.rowHeight=0;this.rowWidth="";this.fontFamily="";this.fontSize="";this.scrollableTaskList=undefined;this.taskListScrollX=undefined;this.setSelectedTask=undefined;this.onclickTaskList=undefined;this.ondblclickTaskList=undefined;this.oncontextmenuTaskList=undefined;this.ontaskListScrollWidth=undefined}componentDidLoad(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}componentDidUpdate(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}updateTaskListScroll(){this.projectWrapperRef&&(this.projectWrapperRef.parentElement.scrollLeft=this.taskListScrollX)}render(){const t=new n;const s={};if(this.scrollableTaskList){s["width"]=this.rowWidth}const o=this.tasks.reduce(((t,i)=>t.valuesToShow.length>i.valuesToShow.length?t:i)).valuesToShow.length+1;return i("div",{class:`container ${this.scrollableTaskList?"scrollable":""}`,style:s},i("div",{class:"project-wrapper",ref:t=>this.projectWrapperRef=t},this.tasks.map((n=>{var s,r,l,h;return i(e,null,n.type==="project"?i("div",{class:"project",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(s=n.valuesToShow)===null||s===void 0?void 0:s.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`task_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&o>n.valuesToShow.length&&(()=>{const t=a(o-n.valuesToShow.length);return t.map((t=>i("span",{key:t})))})()):n.type==="task"?i("div",{class:"subrow",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length+1}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},this.scrollableTaskList?i("div",{style:{textAlign:"end"}},i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",display:"inline-block",backgroundColor:(r=n.styles)===null||r===void 0?void 0:r.backgroundColor}})):i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",backgroundColor:(l=n.styles)===null||l===void 0?void 0:l.backgroundColor}}),(h=n.valuesToShow)===null||h===void 0?void 0:h.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`phase_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&o>n.valuesToShow.length&&(()=>{const t=a(o-n.valuesToShow.length-1);return t.map((t=>i("span",{key:t})))})()):(()=>{var t;let e="";for(let t=0;t<n.valuesToShow.length;t++){e+="1fr "}return i("div",{class:"timeline",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,"--grid-fasi-columns":e},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(t=n.valuesToShow)===null||t===void 0?void 0:t.map(((t,e)=>i("span",{class:e===0?"main":undefined,title:t.length>10?t:undefined,key:`detail_${n.id}_valuesToShow_${e}`},t))))})())}))))}static get watchers(){return{taskListScrollX:["updateTaskListScroll"]}}};k.style=m;const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const w=b;const z=class{constructor(i){t(this,i);this.dateSetup=undefined;this.locale=undefined;this.rtl=undefined;this.headerHeight=undefined;this.columnWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.currentDateIndicator=undefined;this.svgWidth=undefined;this.simplifiedHeader=undefined}componentWillLoad(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year"}formatYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.year)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.year(t,this.locale):h.year(t,this.locale)}formatMonth(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.month)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.month(t,this.locale):h.month(t,this.locale)}formatMonthAndYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.monthAndYear)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.monthAndYear(t,this.locale):h.monthAndYear(t,this.locale)}formatWeek(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.week)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.week(t,this.locale):h.week(t,this.locale)}formatDay(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.day)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.day(t,this.locale):h.day(t,this.locale)}getCalendarValuesForYear(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=this.formatYear(o);e.push(i("text",{key:r,y:this.headerHeight*.8,x:this.columnWidth*a+this.columnWidth*.5,class:"calendarBottomText"},r));if(a===0||o.getFullYear()!==s[a-1].getFullYear()){const i=o.getFullYear().toString();let e;if(this.rtl){e=(6+a+o.getFullYear()+1)*this.columnWidth}else{e=(6+a-o.getFullYear())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*a,y1Line:0,y2Line:this.headerHeight,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForMonth(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=this.formatMonth(o);e.push(i("text",{key:r+o.getFullYear(),y:this.headerHeight*.8,x:this.columnWidth*a+this.columnWidth*.5,class:"calendarBottomText"},r));if(a===0||o.getFullYear()!==s[a-1].getFullYear()){const i=this.formatYear(o);let e;if(this.rtl){e=(6+a+o.getMonth()+1)*this.columnWidth}else{e=(6+a-o.getMonth())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*a,y1Line:0,y2Line:n,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForWeek(){const t=[];const e=[];let n=1;const s=this.headerHeight*.5;const a=this.dateSetup.dates;for(let o=a.length-1;o>=0;o--){const r=a[o];let l="";if(o===0||r.getMonth()!==a[o-1].getMonth()){l=this.formatMonthAndYear(r)}const h=this.formatWeek(r);e.push(i("text",{key:r.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(o+ +this.rtl),class:"calendarBottomText"},h));if(l){if(o!==a.length-1){t.push({key:l,value:l,x1Line:this.columnWidth*o+n*this.columnWidth,y1Line:0,y2Line:s,xText:this.columnWidth*o+this.columnWidth*n*.5,yText:s*.9})}n=0}n++}return[t,e]}getCalendarValuesForDay(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=this.formatDay(o);e.push(i("text",{key:o.getTime(),y:this.headerHeight*.8,x:this.columnWidth*a+this.columnWidth*.5,class:"calendarBottomText"},r));if(a+1!==s.length&&o.getMonth()!==s[a+1].getMonth()){const i=this.formatMonth(o);t.push({key:i+o.getFullYear(),value:i,x1Line:this.columnWidth*(a+1),y1Line:0,y2Line:n,xText:this.columnWidth*(a+1)-f(o.getMonth(),o.getFullYear())*this.columnWidth*.5,yText:n*.9})}}return[t,e]}getCalendarValuesForHour(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=p(this.locale,{hour:"numeric"}).format(o);e.push(i("text",{key:o.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(a+ +this.rtl),class:"calendarBottomText"},r));if(a!==0&&o.getDate()!==s[a-1].getDate()){const i=s[a-1];const e=`${c(i,this.locale,"long")}, ${i.getDate()} ${d(i,this.locale)}`;const r=(o.getHours()-24)/2;t.push({key:e+o.getFullYear(),value:e,x1Line:this.columnWidth*a,y1Line:0,y2Line:n,xText:this.columnWidth*(a+r),yText:n*.9})}}return[t,e]}getTopAndBottomValues(){switch(this.dateSetup.viewMode){case"hour":return this.getCalendarValuesForHour();case"day":return this.getCalendarValuesForDay();case"week":return this.getCalendarValuesForWeek();case"month":return this.getCalendarValuesForMonth();case"year":return this.getCalendarValuesForYear()}}render(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year";const[t,e]=this.getTopAndBottomValues();return i("svg",{key:"0137f0b266f9c9ed1d3a9b6ae8b2990df572a780",xmlns:"http://www.w3.org/2000/svg",width:this.svgWidth,height:this.headerHeight},i("g",{key:"0f4af7831888120ba3734d0f778782433d626c2b",class:"calendar","font-size":this.fontSize,"font-family":this.fontFamily},i("rect",{key:"8f4b92d3927d6687ce4e4e2707920dbda9153b4b",x:0,y:0,width:this.columnWidth*this.dateSetup.dates.length,height:this.headerHeight,class:"calendarHeader"}),this.simplifiedHeader?null:e,this.simplifiedHeader?t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y2Line*2,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))):t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y1Line,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))),this.currentDateIndicator&&i("circle",{key:"b5ce42db928f9b1ad5570a6d96ae6f05664bc029",fill:this.currentDateIndicator.color,cx:this.currentDateIndicator.x+2.5,cy:this.headerHeight-8,r:"8"})))}};z.style=w;var T={exports:{}};(function(t,i){(function(t,e){e(i)})(s,(function(t){
+import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-029c7cbe.js";import{d as o,i as a,g as r,h as l}from"./p-008bdcdc.js";import{d as h,a as f,b as p,c,e as d}from"./p-53af4c87.js";import{d as u}from"./p-cd3a7d53.js";const g='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.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}';const x=g;const v=class{constructor(i){t(this,i);this.label="";this.doubleView=false;this.setDoubleView=undefined;this.fontFamily=undefined;this.fontSize=undefined}render(){return i("div",{key:"dfcd0fb852559b2ffcb4fb167c7639d3f7debf8b",class:"custom-task-list-wrapper",style:{height:"25px",fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"59e157d30f9573922fa456b1f6ea1132fc192089",class:"title"},i("span",{key:"73a2095bf91d0846df1ad2bf1fb2d7425b3210f0"},this.label)),this.setDoubleView!==undefined&&i("div",{key:"fcc17da264378828c9494c571f24f8c072508dd0",class:"toggler"},i("label",{key:"94edc43752e00d5b12fa516712b6eb7230720891",htmlFor:"ch2",class:"switch"},i("input",{key:"3a0c8a9cbae7a67f93afea19013cccdd9a97c053",class:"input",id:"ch2",type:"checkbox",checked:this.doubleView,onClick:()=>this.setDoubleView(!this.doubleView)}),i("span",{key:"5fd1f6bcfe2f27d73f1c84938dda32c8fdebbf67",class:"slider"})),i("span",{key:"117ddb88804955dbad7f5acc69fcfc1b4701fccb",class:"label"},"Previsioni")))}};v.style=x;const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.container{margin-top:var(--kup-space-04)}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-subtle, #acacac);border-top:1px solid var(--kup-border-subtle, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-subtle, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-subtle, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-layer-1);border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);box-sizing:border-box;color:var(--kup-text-secondary);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center;padding:var(--kup-space-03)}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.project .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.subrow{cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.subrow:last-of-type{border-bottom:1px solid var(--kup-border-subtle)}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{padding:var(--kup-space-03);cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.timeline .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const m=y;const k=class{constructor(i){t(this,i);this.ganttId=undefined;this.tasks=[];this.rowHeight=0;this.rowWidth="";this.fontFamily="";this.fontSize="";this.scrollableTaskList=undefined;this.taskListScrollX=undefined;this.setSelectedTask=undefined;this.onclickTaskList=undefined;this.ondblclickTaskList=undefined;this.oncontextmenuTaskList=undefined;this.ontaskListScrollWidth=undefined}componentDidLoad(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}componentDidUpdate(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}updateTaskListScroll(){this.projectWrapperRef&&(this.projectWrapperRef.parentElement.scrollLeft=this.taskListScrollX)}render(){const t=new n;const s={};if(this.scrollableTaskList){s["width"]=this.rowWidth}const a=this.tasks.reduce(((t,i)=>t.valuesToShow.length>i.valuesToShow.length?t:i)).valuesToShow.length+1;return i("div",{class:`container ${this.scrollableTaskList?"scrollable":""}`,style:s},i("div",{class:"project-wrapper",ref:t=>this.projectWrapperRef=t},this.tasks.map((n=>{var s,r,l,h;return i(e,null,n.type==="project"?i("div",{class:"project",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(s=n.valuesToShow)===null||s===void 0?void 0:s.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`task_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length);return t.map((t=>i("span",{key:t})))})()):n.type==="task"?i("div",{class:"subrow",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length+1}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},this.scrollableTaskList?i("div",{style:{textAlign:"end"}},i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",display:"inline-block",backgroundColor:(r=n.styles)===null||r===void 0?void 0:r.backgroundColor}})):i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",backgroundColor:(l=n.styles)===null||l===void 0?void 0:l.backgroundColor}}),(h=n.valuesToShow)===null||h===void 0?void 0:h.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`phase_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length-1);return t.map((t=>i("span",{key:t})))})()):(()=>{var t;let e="";for(let t=0;t<n.valuesToShow.length;t++){e+="1fr "}return i("div",{class:"timeline",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,"--grid-fasi-columns":e},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(t=n.valuesToShow)===null||t===void 0?void 0:t.map(((t,e)=>i("span",{class:e===0?"main":undefined,title:t.length>10?t:undefined,key:`detail_${n.id}_valuesToShow_${e}`},t))))})())}))))}static get watchers(){return{taskListScrollX:["updateTaskListScroll"]}}};k.style=m;const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const w=b;const z=class{constructor(i){t(this,i);this.dateSetup=undefined;this.locale=undefined;this.rtl=undefined;this.headerHeight=undefined;this.columnWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.currentDateIndicator=undefined;this.svgWidth=undefined;this.simplifiedHeader=undefined}componentWillLoad(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year"}formatYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.year)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.year(t,this.locale):h.year(t,this.locale)}formatMonth(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.month)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.month(t,this.locale):h.month(t,this.locale)}formatMonthAndYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.monthAndYear)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.monthAndYear(t,this.locale):h.monthAndYear(t,this.locale)}formatWeek(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.week)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.week(t,this.locale):h.week(t,this.locale)}formatDay(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.day)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.day(t,this.locale):h.day(t,this.locale)}getCalendarValuesForYear(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatYear(a);e.push(i("text",{key:r,y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=a.getFullYear().toString();let e;if(this.rtl){e=(6+o+a.getFullYear()+1)*this.columnWidth}else{e=(6+o-a.getFullYear())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:this.headerHeight,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForMonth(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatMonth(a);e.push(i("text",{key:r+a.getFullYear(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=this.formatYear(a);let e;if(this.rtl){e=(6+o+a.getMonth()+1)*this.columnWidth}else{e=(6+o-a.getMonth())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForWeek(){const t=[];const e=[];let n=1;const s=this.headerHeight*.5;const o=this.dateSetup.dates;for(let a=o.length-1;a>=0;a--){const r=o[a];let l="";if(a===0||r.getMonth()!==o[a-1].getMonth()){l=this.formatMonthAndYear(r)}const h=this.formatWeek(r);e.push(i("text",{key:r.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(a+ +this.rtl),class:"calendarBottomText"},h));if(l){if(a!==o.length-1){t.push({key:l,value:l,x1Line:this.columnWidth*a+n*this.columnWidth,y1Line:0,y2Line:s,xText:this.columnWidth*a+this.columnWidth*n*.5,yText:s*.9})}n=0}n++}return[t,e]}getCalendarValuesForDay(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatDay(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o+1!==s.length&&a.getMonth()!==s[o+1].getMonth()){const i=this.formatMonth(a);t.push({key:i+a.getFullYear(),value:i,x1Line:this.columnWidth*(o+1),y1Line:0,y2Line:n,xText:this.columnWidth*(o+1)-f(a.getMonth(),a.getFullYear())*this.columnWidth*.5,yText:n*.9})}}return[t,e]}getCalendarValuesForHour(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=p(this.locale,{hour:"numeric"}).format(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(o+ +this.rtl),class:"calendarBottomText"},r));if(o!==0&&a.getDate()!==s[o-1].getDate()){const i=s[o-1];const e=`${c(i,this.locale,"long")}, ${i.getDate()} ${d(i,this.locale)}`;const r=(a.getHours()-24)/2;t.push({key:e+a.getFullYear(),value:e,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:this.columnWidth*(o+r),yText:n*.9})}}return[t,e]}getTopAndBottomValues(){switch(this.dateSetup.viewMode){case"hour":return this.getCalendarValuesForHour();case"day":return this.getCalendarValuesForDay();case"week":return this.getCalendarValuesForWeek();case"month":return this.getCalendarValuesForMonth();case"year":return this.getCalendarValuesForYear()}}render(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year";const[t,e]=this.getTopAndBottomValues();return i("svg",{key:"4ad5b9ccca0df392a83070e15b28fd3f8e72e70f",xmlns:"http://www.w3.org/2000/svg",width:this.svgWidth,height:this.headerHeight},i("g",{key:"da7da862b4f407c73f351fa1b8e3e4beb240db65",class:"calendar","font-size":this.fontSize,"font-family":this.fontFamily},i("rect",{key:"515bd9ab381247ee55813b3f40fa453b2f366467",x:0,y:0,width:this.columnWidth*this.dateSetup.dates.length,height:this.headerHeight,class:"calendarHeader"}),this.simplifiedHeader?null:e,this.simplifiedHeader?t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y2Line*2,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))):t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y1Line,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))),this.currentDateIndicator&&i("circle",{key:"609d5428fdfc27ba6ac1bdc2a2799fea5089dee7",fill:this.currentDateIndicator.color,cx:this.currentDateIndicator.x+2.5,cy:this.headerHeight-8,r:"8"})))}};z.style=w;var T={exports:{}};(function(t,i){(function(t,e){e(i)})(s,(function(t){
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -13,5 +13,5 @@ import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-function i(t,i){var e=typeof Symbol==="function"&&t[Symbol.iterator];if(!e)return t;var n=e.call(t),s,a=[],o;try{while((i===void 0||i-- >0)&&!(s=n.next()).done)a.push(s.value)}catch(t){o={error:t}}finally{try{if(s&&!s.done&&(e=n["return"]))e.call(n)}finally{if(o)throw o.error}}return a}var e=function(){function t(t,i,e){this.r=0;this.g=0;this.b=0;this.set(t,i,e)}t.prototype.set=function(t,i,e){this.r=this.clamp(t);this.g=this.clamp(i);this.b=this.clamp(e)};t.prototype.hueRotate=function(t){if(t===void 0){t=0}t=t/180*Math.PI;var i=Math.sin(t);var e=Math.cos(t);this.multiply([.213+e*.787-i*.213,.715-e*.715-i*.715,.072-e*.072+i*.928,.213-e*.213+i*.143,.715+e*.285+i*.14,.072-e*.072-i*.283,.213-e*.213-i*.787,.715-e*.715+i*.715,.072+e*.928+i*.072])};t.prototype.grayscale=function(t){if(t===void 0){t=1}this.multiply([.2126+.7874*(1-t),.7152-.7152*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152+.2848*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152-.7152*(1-t),.0722+.9278*(1-t)])};t.prototype.sepia=function(t){if(t===void 0){t=1}this.multiply([.393+.607*(1-t),.769-.769*(1-t),.189-.189*(1-t),.349-.349*(1-t),.686+.314*(1-t),.168-.168*(1-t),.272-.272*(1-t),.534-.534*(1-t),.131+.869*(1-t)])};t.prototype.saturate=function(t){if(t===void 0){t=1}this.multiply([.213+.787*t,.715-.715*t,.072-.072*t,.213-.213*t,.715+.285*t,.072-.072*t,.213-.213*t,.715-.715*t,.072+.928*t])};t.prototype.multiply=function(t){var i=this.clamp(this.r*t[0]+this.g*t[1]+this.b*t[2]);var e=this.clamp(this.r*t[3]+this.g*t[4]+this.b*t[5]);var n=this.clamp(this.r*t[6]+this.g*t[7]+this.b*t[8]);this.r=i;this.g=e;this.b=n};t.prototype.brightness=function(t){if(t===void 0){t=1}this.linear(t)};t.prototype.contrast=function(t){if(t===void 0){t=1}this.linear(t,-(.5*t)+.5)};t.prototype.linear=function(t,i){if(t===void 0){t=1}if(i===void 0){i=0}this.r=this.clamp(this.r*t+i*255);this.g=this.clamp(this.g*t+i*255);this.b=this.clamp(this.b*t+i*255)};t.prototype.invert=function(t){if(t===void 0){t=1}this.r=this.clamp((t+this.r/255*(1-2*t))*255);this.g=this.clamp((t+this.g/255*(1-2*t))*255);this.b=this.clamp((t+this.b/255*(1-2*t))*255)};t.prototype.hsl=function(){var t=this.r/255;var i=this.g/255;var e=this.b/255;var n=Math.max(t,i,e);var s=Math.min(t,i,e);var a=0;var o=0;var r=(n+s)/2;if(n===s){return{h:0,s:0,l:r*100}}var l=n-s;o=r>.5?l/(2-n-s):l/(n+s);if(n===t){a=(i-e)/l+(i<e?6:0)}else if(n===i){a=(e-t)/l+2}else if(n===e){a=(t-i)/l+4}a/=6;return{h:a*100,s:o*100,l:r*100}};t.prototype.clamp=function(t){return Math.min(Math.max(t,0),255)};return t}();var n=function(){function t(t,i){this.target=t;this.targetHSL=t.hsl();this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},i);this.reusedColor=new e(0,0,0)}t.prototype.solve=function(){var t=this.solveNarrow(this.solveWide());return{values:t.values,called:t.called,loss:t.loss,filter:this.css(t.values)}};t.prototype.solveWide=function(){var t=5;var i=15;var e=[60,180,18e3,600,1.2,1.2];var n={loss:Infinity};var s=0;while(n.loss>this.options.acceptanceLossPercentage){var a=[50,20,3750,50,100,100];var o=this.spsa({A:t,a:e,c:i,values:a,maxTriesInLoop:1e3});if(o.loss<n.loss){n=o}s+=1;if(s>=this.options.maxChecks){break}}return Object.assign({},n,{called:s})};t.prototype.solveNarrow=function(t){var i=t.loss;var e=2;var n=i+1;var s=[.25*n,.25*n,n,.25*n,.2*n,.2*n];return this.spsa({A:i,a:s,c:e,values:t.values,maxTriesInLoop:500,called:t.called})};t.prototype.fixValueByFilterIDX=function(t,i){var e=100;if(i===2){e=7500}else if(i===4||i===5){e=200}if(i===3){if(t>e){t%=e}else if(t<0){t=e+t%e}}else if(t<0){t=0}else if(t>e){t=e}return t};t.prototype.spsa=function(t){var i=t.A,e=t.a,n=t.c,s=t.values,a=t.maxTriesInLoop,o=a===void 0?500:a,r=t.called,l=r===void 0?0:r;var h=1;var f=.16666666666666666;var p=null;var c=Infinity;var d=new Array(6);var u=new Array(6);var g=new Array(6);var x=6;for(var v=0;v<o;v++){var y=n/Math.pow(v+1,f);for(var m=0;m<x;m++){d[m]=Math.random()>.5?1:-1;u[m]=s[m]+y*d[m];g[m]=s[m]-y*d[m]}var k=this.loss(u)-this.loss(g);for(var m=0;m<x;m++){var b=k/(2*y)*d[m];var w=e[m]/Math.pow(i+v+1,h);s[m]=this.fixValueByFilterIDX(s[m]-w*b,m)}var z=this.loss(s);if(z<c){p=s.slice(0);c=z}}return{values:p,loss:c,called:l}};t.prototype.loss=function(t){var i=this.reusedColor;i.set(0,0,0);i.invert(t[0]/100);i.sepia(t[1]/100);i.saturate(t[2]/100);i.hueRotate(t[3]*3.6);i.brightness(t[4]/100);i.contrast(t[5]/100);var e=i.hsl();return Math.abs(i.r-this.target.r)+Math.abs(i.g-this.target.g)+Math.abs(i.b-this.target.b)+Math.abs(e.h-this.targetHSL.h)+Math.abs(e.s-this.targetHSL.s)+Math.abs(e.l-this.targetHSL.l)};t.prototype.css=function(t){var i=function(i,e){if(e===void 0){e=1}return Math.round(t[i]*e)};return["invert("+i(0)+"%)","sepia("+i(1)+"%)","saturate("+i(2)+"%)","hue-rotate("+i(3,3.6)+"deg)","brightness("+i(4)+"%)","contrast("+i(5)+"%);"].join(" ")};return t}();var s=function(t){if(t.length===4){return[parseInt("0x"+t[1]+t[1]),parseInt("0x"+t[2]+t[2]),parseInt("0x"+t[3]+t[3])]}if(t.length===7){return[parseInt("0x"+t[1]+t[2]),parseInt("0x"+t[3]+t[4]),parseInt("0x"+t[5]+t[6])]}return[]};var a=function(t){return!isNaN(parseFloat(t))&&isFinite(t)};var o={};var r=function(t,r){var l;if(r===void 0){r={}}var h;var f;var p;if(o[t]&&!r.forceFilterRecalculation){return Object.assign({},o[t],{cache:true})}var c;try{l=i(s(t),3),h=l[0],f=l[1],p=l[2];if(!a(h)||!a(f)||!a(p)){throw new Error("hextToRgb returned an invalid value for '"+t+"'")}c=new e(Number(h),Number(f),Number(p))}catch(t){throw new Error("Color value should be in HEX format. "+t)}var d=new n(c,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:false},r));return o[t]=Object.assign({},d.solve(),{hex:t,rgb:[h,f,p],cache:false})};var l=function(t){if(!t){o={}}else if(o[t]){delete o[t]}};t.clearCache=l;t.hexToCSSFilter=r;Object.defineProperty(t,"__esModule",{value:true})}))})(T,T.exports);const $=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.gridRow{fill:var(--kup-layer-1)}.gridRowLine{stroke:transparent}.gridTick{stroke:var(--kup-border-subtle)}.barHandle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}.barBackground{user-select:none;stroke-width:0}.barWrapper{cursor:pointer;outline:none}.task-wrapper{outline:none !important}.barWrapper:hover .barHandle{visibility:visible;opacity:1}.barLabel{fill:var(--kup-layer-0);text-anchor:middle;font-weight:lighter;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.barLabelOutside{fill:var(--kup-text-secondary);text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ghost-preview{opacity:0.5}";const M=$;const S=class{constructor(i){t(this,i);this.tasks=undefined;this.dates=undefined;this.ganttEvent=undefined;this.selectedTask=undefined;this.rowHeight=0;this.columnWidth=0;this.timeStep=0;this.taskHeight=0;this.arrowColor="";this.arrowIndent=0;this.fontFamily="";this.fontSize="";this.rtl=false;this.hideLabel=false;this.showSecondaryDates=false;this.currentDateIndicator=undefined;this.projection=undefined;this.readOnly=false;this.gridProps=undefined;this.dateChange=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.barClick=undefined;this.barDblClick=undefined;this.barContextMenu=undefined;this.delete=undefined;this.setFailedTask=undefined;this.setSelectedTask=undefined;this.eventStart=undefined;this.eMouseDown=undefined;this.phaseDrop=undefined;this.setGanttEvent=undefined;this.phaseDragScroll=undefined;this.xStep=0;this.initEventX1Delta=0;this.initEventXClick=0;this.isMoving=false;this.point=undefined;this.svg=undefined;this.currentTarget=undefined;this.dragScrollInterval=undefined;this.dropZoneTask=undefined}componentDidLoad(){this.point=this.createSVGPoint();this.updateXStep()}createSVGPoint(){if(this.svg){return this.svg.createSVGPoint()}return undefined}updateXStep(){const t=this.dates[1].getTime()-this.dates[0].getTime()-this.dates[1].getTimezoneOffset()*60*1e3+this.dates[0].getTimezoneOffset()*60*1e3;const i=this.timeStep*this.columnWidth/t;this.xStep=i}updateSvgMove(){const t=async t=>{var i,e;if(!this.ganttEvent.changedTask||!this.point||!this.svg)return;t.preventDefault();this.point.x=t.clientX;this.point.y=t.clientY;const n=this.point.matrixTransform((e=(i=this.svg)===null||i===void 0?void 0:i.getScreenCTM())===null||e===void 0?void 0:e.inverse());const{isChanged:s,changedTask:a}=l(n.x,this.ganttEvent.action,this.ganttEvent.changedTask,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,n.y);if(this.currentTarget){this.addGhostPreview(t);this.handleAutoScrollForPhaseDrag(t);this.addDropzoneVisualization()}if(s){this.setGanttEvent(Object.assign(Object.assign({},this.ganttEvent),{action:this.ganttEvent.action,changedTask:a}))}};const i=async e=>{var n,s,a;clearInterval(this.dragScrollInterval);this.resetDropzoneVisualization();const{action:o,originalSelectedTask:r,changedTask:h}=this.ganttEvent;if(!h||!this.point||!this.svg||!r)return;e.preventDefault();this.point.x=e.clientX;const f=this.point.matrixTransform((s=(n=this.svg)===null||n===void 0?void 0:n.getScreenCTM())===null||s===void 0?void 0:s.inverse());this.currentTarget=null;const{changedTask:p}=l(f.x,o,h,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,f.y);const c=r.start!==p.start||r.end!==p.end||r.progress!==p.progress||r.y!==p.y;this.svg.removeEventListener("mousemove",t);this.svg.removeEventListener("mouseup",i);(a=this.svg.querySelector(".ghost-preview"))===null||a===void 0?void 0:a.remove();this.setGanttEvent({action:""});this.isMoving=false;let d=true;let u=undefined;let g=undefined;if(o==="move"&&c&&p.type==="task"){u=this.tasks.find((t=>this.isPhaseWithinTaskArea(h,t)&&t.type==="project"));g=this.tasks.find((t=>t.id==r.id.split("_").shift()))}if((u===null||u===void 0?void 0:u.id)&&(g===null||g===void 0?void 0:g.id)!==(u===null||u===void 0?void 0:u.id)){this.phaseDrop(r,g,p,u)}else if((o==="move"||o==="end"||o==="start")&&this.dateChange&&c){try{const t=await this.dateChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}else if(this.progressChange&&c){try{const t=this.progressChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}if(!d){this.setFailedTask(r)}};if(!this.isMoving&&(this.ganttEvent.action==="move"||this.ganttEvent.action==="end"||this.ganttEvent.action==="start"||this.ganttEvent.action==="progress")&&this.svg){this.svg.addEventListener("mousemove",t);this.svg.addEventListener("mouseup",i);this.isMoving=true}}hasMovedHorizontally(t){if(this.readOnly){return false}return this.initEventXClick!==t.clientX}addGhostPreview(t){var i;(i=this.svg.querySelector(".ghost-preview"))===null||i===void 0?void 0:i.remove();const e=Object.assign(Object.assign({},t),{dataTransfer:new DataTransfer});const n=this.currentTarget;n.classList.add("ghost-preview");this.svg.appendChild(n.cloneNode(true));const s=n.getBoundingClientRect();e.dataTransfer.setDragImage(n,e.clientX-s.left,e.clientY-s.top)}handleAutoScrollForPhaseDrag(t){var i,e;const n=(e=(i=this.svg)===null||i===void 0?void 0:i.parentElement)===null||e===void 0?void 0:e.parentElement;if(!n)return;clearInterval(this.dragScrollInterval);const s=n.clientHeight<n.scrollHeight;if(s){const i=n.getBoundingClientRect();const e=t.clientY-i.top;const s=5;if(e-20<s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop-=s)}),1)}else if(e+20>i.height-s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop+=s)}),1)}}else{const i=20;const e=window.innerHeight;const n=t.clientY;if(n<i){window.scrollBy(0,-i)}else if(n>e-i){window.scrollBy(0,i)}}}isPhaseWithinTaskArea(t,i){return t.y+t.height>=i.ySecondary&&t.y<=i.ySecondary+i.height&&t.x2>=i.x1&&t.x1<=i.x2}addDropzoneVisualization(){var t;this.resetDropzoneVisualization();const i=this.tasks.filter((t=>{var i,e,n;return t.type=="project"&&((n=(e=(i=this.ganttEvent.originalSelectedTask)===null||i===void 0?void 0:i.id)===null||e===void 0?void 0:e.split("_"))===null||n===void 0?void 0:n.shift())!=t.id}));const e=this.ganttEvent.changedTask;this.dropZoneTask=i.find((t=>this.isPhaseWithinTaskArea(e,t)));if((t=this.dropZoneTask)===null||t===void 0?void 0:t.ySecondary){const t=this.getBarRectsForDropzoneVisualization();t.forEach((t=>{t.setAttribute("fill",u.barDropZoneColor)}))}}resetDropzoneVisualization(){if(!this.dropZoneTask)return;const t=this.getBarRectsForDropzoneVisualization();const i=!!this.selectedTask&&this.dropZoneTask.id===this.selectedTask.id;t.forEach((t=>{t.setAttribute("fill",this.getBarColor(i,this.dropZoneTask.styles))}))}getBarRectsForDropzoneVisualization(){let t;if(!this.showSecondaryDates){t=this.svg.querySelectorAll(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`)}else{const i=this.svg.querySelector(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`);const e=[i];let n=i.nextElementSibling;while(n!==null){e.push(n);n=n.nextElementSibling}let s=i.previousElementSibling;while(s!==null){e.unshift(s);s=s.previousElementSibling}t=e}return t}handleBarEventStart(t,i,e){var n;if(!e){if(t==="select"){this.setSelectedTask(i.id)}}else if(o(e)){if(t==="delete"){if(this.delete){try{const e=this.delete(i);if(e!==undefined&&e){this.setGanttEvent({action:t,changedTask:i})}}catch(t){console.error("Error on Delete. "+t)}}}}else if(t==="mouseenter"){if(!this.ganttEvent.action){this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}else if(t==="mouseleave"){if(this.ganttEvent.action==="mouseenter"){this.setGanttEvent({action:""})}}else if(t==="dblclick"){this.doubleClick&&this.doubleClick(i)}else if(t==="click"){const t=this.hasMovedHorizontally(e);!t&&this.barClick&&this.barClick(i)}else if(t==="contextmenu"){e.preventDefault();this.barContextMenu&&this.barContextMenu(e,i)}else if(t==="move"){if(!this.svg||!this.point)return;this.point.x=e.clientX;const s=this.point.matrixTransform((n=this.svg.getScreenCTM())===null||n===void 0?void 0:n.inverse());if(i.type==="task"){this.currentTarget=e.currentTarget.cloneNode(true)}else{this.currentTarget=null}this.initEventX1Delta=s.x-i.x1;this.point.y=e.clientY;this.initEventXClick=e.clientX;this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}else{this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}getTaskIcon(t){const e=T.exports.hexToCSSFilter(t.color);return i("image",{href:t.url,filter:e.filter.replace(";",""),x:t.x,y:t.y,width:t.width,height:t.height})}renderKupBar(t,e,n,s){var a,o,r;return i("g",{class:"barWrapper","tab-index":0,"data-type":t.type},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,!this.readOnly&&!!this.dateChange&&!t.isDisabled,t,t.x1secondary,((a=t.x2secondary)!==null&&a!==void 0?a:0)-((o=t.x1secondary)!==null&&o!==void 0?o:0),t.ySecondary),i("g",{class:"handleGroup"},n&&i("g",null,this.renderKupBarDateHandle(t.x1+1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"start"),this.renderKupBarDateHandle(t.x2-t.handleWidth-1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"end")),s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})),t.icon&&t.icon.url&&this.getTaskIcon({color:(r=t.icon.color)!==null&&r!==void 0?r:"#000000",url:t.icon.url,width:t.height/2+"px",height:t.height/2+"px",x:t.x1+(t.x2-t.x1)-t.height/2/2,y:t.y-t.height/2/2/2+(this.showSecondaryDates?t.height/2:0)}))}renderKupBarDisplay(t,e,n,s,a,o,r,l,h,f,p,c,d,u){if(this.showSecondaryDates&&typeof c!=="undefined"){const g=s/2;return i("g",{onMouseDown:t=>f&&this.handleBarEventStart("move",p,t)},i("rect",{key:"top semi-transparent bar",x:c,width:d,y:u!==null&&u!==void 0?u:e,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),opacity:.5,class:"barBackground"}),i("rect",{key:"main bar",x:t,width:n,y:e+g,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{key:"progress bar",x:a,width:o,y:e+g,height:g,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}return i("g",{onMouseDown:t=>{f&&this.handleBarEventStart("move",p,t)}},i("rect",{x:t,width:n,y:e,height:s,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{x:a,width:o,y:e,height:s,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}renderKupBarDateHandle(t,e,n,s,a,o,r){return i("rect",{x:t,y:e,width:n,height:s,class:"barHandle",ry:a,rx:a,onMouseDown:t=>this.handleBarEventStart(r,o,t)})}renderKupBarSmall(t,e,n,s){return i("g",{class:"barWrapper","tab-index":0},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,n,t),i("g",{class:"handleGroup"},s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t,"small"),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})))}renderKupBarTimeLine(t,n){return i("g",{"tab-index":0},i("rect",{fill:n,x:"0",width:"100%",y:t.y,height:t.height,rx:0,ry:0}),t.barChildren.map((t=>{var n;return i(e,null,i("rect",{style:{cursor:"pointer"},key:t.id,fill:t.styles.backgroundColor,x:t.x1,width:t.x2-t.x1,y:t.y,height:t.height,rx:t.barCornerRadius,ry:t.barCornerRadius}),t.icon&&t.icon.url&&this.getTaskIcon({color:(n=t.icon.color)!==null&&n!==void 0?n:"#000000",url:t.icon.url,width:t.height+"px",height:t.height+"px",x:t.x1+(t.x2-t.x1)-t.height/2,y:t.y-t.height/2/2}))})))}renderKupArrow(t,e){const[n,s]=this.rtl?this.drownPathAndTriangleRTL(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent):this.drownPathAndTriangle(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent);return i("g",{class:"arrow"},i("path",{"stroke-width":"1.5",d:n,fill:"none"}),i("polygon",{points:s}))}drownPathAndTriangle(t,i,e,n,s){const a=t.index>i.index?-1:1;const o=i.y+n/2;const r=t.x2+s*2;const l=r<i.x1?"":`H ${i.x1-s}`;const h=r>i.x1?s:i.x1-t.x2-s;const f=`M ${t.x2} ${t.y+n/2}\n        h ${s}\n        v ${a*e/2}\n        ${l}\n        V ${o}\n        h ${h}`;const p=`${i.x1},${o}\n        ${i.x1-5},${o-5}\n        ${i.x1-5},${o+5}`;return[f,p]}drownPathAndTriangleRTL(t,i,e,n,s){const a=t.index>i.index?-1:1;const o=i.y+n/2;const r=t.x1-s*2;const l=r>i.x2?"":`H ${i.x2+s}`;const h=r<i.x2?-s:i.x2-t.x1+s;const f=`M ${t.x1} ${t.y+n/2}\n        h ${-s}\n        v ${a*e/2}\n        ${l}\n        V ${o}\n        h ${h}`;const p=`${i.x2},${o}\n        ${i.x2+5},${o+5}\n        ${i.x2+5},${o-5}`;return[f,p]}getBarColor(t,i){return t?i.backgroundSelectedColor:i.backgroundColor}getProcessColor(t,i){return t?i.progressSelectedColor:i.progressColor}calculateProgressPoint(t,i="bar"){return r(i=="bar"?+!this.rtl*t.progressWidth+t.progressX:t.progressWidth+t.x1,t.y,t.height)}render(){let t=0;const e=[];const n=[i("line",{key:"RowLineFirst",x1:0,y1:0,x2:this.gridProps.svgWidth,y2:0,class:"gridRowLine"})];for(const s of this.tasks){e.push(i("rect",{key:"Row"+s.id,x:0,y:t,width:this.gridProps.svgWidth,height:this.rowHeight,class:"gridRow"}));n.push(i("line",{key:"RowLine"+s.id,x1:0,y1:t+this.rowHeight,x2:this.gridProps.svgWidth,y2:t+this.rowHeight,class:"gridRowLine"}));t+=this.rowHeight}let s=0;const a=[];for(let e=0;e<this.dates.length;e++){const n=this.dates[e];a.push(i("line",{key:n.getTime(),x1:s,y1:0,x2:s,y2:t,class:"gridTick"}));s+=this.columnWidth}return i("svg",{key:"9263a7ff5b686852374b8ab09139cd5fcc0121d8",xmlns:"http://www.w3.org/2000/svg",width:this.gridProps.svgWidth,height:`${this.rowHeight*this.tasks.length}px`,"font-family":this.fontFamily,ref:t=>this.svg=t},i("g",{key:"85be8b28a1dace4119300b70f57315f078196aca",class:"grid"},i("g",{key:"5649441550478e9548ae5ca74e1103b4d1d5a0ae",class:"rows"},e),i("g",{key:"b9448651fa176155dcca85e255f4c18df8e82c78",class:"rowLines"},n),i("g",{key:"494680efd38cf2de8e2ed70ed9d9150e7445686a",class:"ticks"},a)),i("g",{key:"4d9372e10eb48f81db24e2ab192aaf3ba0d8ea35",class:"content"},this.currentDateIndicator&&i("rect",{key:"8895a188975316ece0a630c649011557db8abb35",fill:this.currentDateIndicator.color,x:this.currentDateIndicator.x+1.5,y:"0",width:"2",height:"100%"}),this.projection&&i("rect",{key:"840d85239cfae75ef410d67ea3a4b52c5c017f5a",fill:this.projection.color,x:this.projection.x0,y:"0",width:this.projection.xf-this.projection.x0,height:"100%","fill-opacity":"0.35"}),i("g",{key:"b39ff7980e443acc2b954389cc5ca2873e02ba1c",class:"arrows",fill:this.arrowColor,stroke:this.arrowColor},this.tasks.map((t=>t.barChildren.map((i=>{if(t.type!=="timeline"){this.renderKupArrow(t,i)}}))))),i("g",{key:"e4c860fe4271daf18cc3fee8f9660a23e7a8ac44",class:"bar","font-family":this.fontFamily,"font-size":this.fontSize},this.tasks.map((t=>{const e=t.type==="project";return i("g",{onKeyDown:i=>{switch(i.key){case"Delete":{if(!t.isDisabled)this.handleBarEventStart("delete",t,i);break}}i.stopPropagation()},onMouseEnter:i=>{this.handleBarEventStart("mouseenter",t,i)},onMouseLeave:i=>{this.handleBarEventStart("mouseleave",t,i)},onDblClick:()=>{this.barDblClick(t)},onClick:i=>{this.handleBarEventStart("click",t,i)},onContextMenu:i=>{this.handleBarEventStart("contextmenu",t,i)},onFocus:()=>{this.handleBarEventStart("select",t)},class:"task-wrapper"},(()=>{const i={task:t,arrowIndent:this.arrowIndent,isDelete:!t.isDisabled,taskHeight:this.taskHeight,isSelected:!!this.selectedTask&&t.id===this.selectedTask.id,rtl:this.rtl,hideLabel:this.hideLabel};const n=t.styles;const s=i.isSelected?n.backgroundSelectedColor:n.backgroundColor;const a=!this.readOnly&&!!this.dateChange&&!t.isDisabled&&!e;const o=!this.readOnly&&!!this.progressChange&&!t.isDisabled;const r=!this.readOnly&&!!this.dateChange&&!t.isDisabled;switch(t.typeInternal){case"project":return this.renderKupBar(t,i.isSelected,a,o);case"smalltask":return this.renderKupBarSmall(t,i.isSelected,r,o);case"timeline":return this.renderKupBarTimeLine(t,s);default:return this.renderKupBar(t,i.isSelected,a,o)}})())})),this.currentTarget&&this.ganttEvent.changedTask&&i("g",{key:"f767fdbf19649620d62420262cf978a3503d7d3e",class:"task-wrapper"},this.renderKupBar(this.ganttEvent.changedTask,false,false,false)))))}static get watchers(){return{columnWidth:["updateXStep"],dates:["updateXStep"],timeStep:["updateXStep","updateSvgMove"],ganttEvent:["updateSvgMove"],xStep:["updateSvgMove"],svg:["updateSvgMove"],initEventX1Delta:["updateSvgMove"],point:["updateSvgMove"],rtl:["updateSvgMove"],onProgressChange:["updateSvgMove"],onDateChange:["updateSvgMove"]}}};S.style=M;export{v as kup_custom_task_list_header,k as kup_custom_task_list_table,z as kup_gantt_calendar,S as kup_grid_renderer};
-//# sourceMappingURL=p-a7e1edb6.entry.js.map
+function i(t,i){var e=typeof Symbol==="function"&&t[Symbol.iterator];if(!e)return t;var n=e.call(t),s,o=[],a;try{while((i===void 0||i-- >0)&&!(s=n.next()).done)o.push(s.value)}catch(t){a={error:t}}finally{try{if(s&&!s.done&&(e=n["return"]))e.call(n)}finally{if(a)throw a.error}}return o}var e=function(){function t(t,i,e){this.r=0;this.g=0;this.b=0;this.set(t,i,e)}t.prototype.set=function(t,i,e){this.r=this.clamp(t);this.g=this.clamp(i);this.b=this.clamp(e)};t.prototype.hueRotate=function(t){if(t===void 0){t=0}t=t/180*Math.PI;var i=Math.sin(t);var e=Math.cos(t);this.multiply([.213+e*.787-i*.213,.715-e*.715-i*.715,.072-e*.072+i*.928,.213-e*.213+i*.143,.715+e*.285+i*.14,.072-e*.072-i*.283,.213-e*.213-i*.787,.715-e*.715+i*.715,.072+e*.928+i*.072])};t.prototype.grayscale=function(t){if(t===void 0){t=1}this.multiply([.2126+.7874*(1-t),.7152-.7152*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152+.2848*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152-.7152*(1-t),.0722+.9278*(1-t)])};t.prototype.sepia=function(t){if(t===void 0){t=1}this.multiply([.393+.607*(1-t),.769-.769*(1-t),.189-.189*(1-t),.349-.349*(1-t),.686+.314*(1-t),.168-.168*(1-t),.272-.272*(1-t),.534-.534*(1-t),.131+.869*(1-t)])};t.prototype.saturate=function(t){if(t===void 0){t=1}this.multiply([.213+.787*t,.715-.715*t,.072-.072*t,.213-.213*t,.715+.285*t,.072-.072*t,.213-.213*t,.715-.715*t,.072+.928*t])};t.prototype.multiply=function(t){var i=this.clamp(this.r*t[0]+this.g*t[1]+this.b*t[2]);var e=this.clamp(this.r*t[3]+this.g*t[4]+this.b*t[5]);var n=this.clamp(this.r*t[6]+this.g*t[7]+this.b*t[8]);this.r=i;this.g=e;this.b=n};t.prototype.brightness=function(t){if(t===void 0){t=1}this.linear(t)};t.prototype.contrast=function(t){if(t===void 0){t=1}this.linear(t,-(.5*t)+.5)};t.prototype.linear=function(t,i){if(t===void 0){t=1}if(i===void 0){i=0}this.r=this.clamp(this.r*t+i*255);this.g=this.clamp(this.g*t+i*255);this.b=this.clamp(this.b*t+i*255)};t.prototype.invert=function(t){if(t===void 0){t=1}this.r=this.clamp((t+this.r/255*(1-2*t))*255);this.g=this.clamp((t+this.g/255*(1-2*t))*255);this.b=this.clamp((t+this.b/255*(1-2*t))*255)};t.prototype.hsl=function(){var t=this.r/255;var i=this.g/255;var e=this.b/255;var n=Math.max(t,i,e);var s=Math.min(t,i,e);var o=0;var a=0;var r=(n+s)/2;if(n===s){return{h:0,s:0,l:r*100}}var l=n-s;a=r>.5?l/(2-n-s):l/(n+s);if(n===t){o=(i-e)/l+(i<e?6:0)}else if(n===i){o=(e-t)/l+2}else if(n===e){o=(t-i)/l+4}o/=6;return{h:o*100,s:a*100,l:r*100}};t.prototype.clamp=function(t){return Math.min(Math.max(t,0),255)};return t}();var n=function(){function t(t,i){this.target=t;this.targetHSL=t.hsl();this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},i);this.reusedColor=new e(0,0,0)}t.prototype.solve=function(){var t=this.solveNarrow(this.solveWide());return{values:t.values,called:t.called,loss:t.loss,filter:this.css(t.values)}};t.prototype.solveWide=function(){var t=5;var i=15;var e=[60,180,18e3,600,1.2,1.2];var n={loss:Infinity};var s=0;while(n.loss>this.options.acceptanceLossPercentage){var o=[50,20,3750,50,100,100];var a=this.spsa({A:t,a:e,c:i,values:o,maxTriesInLoop:1e3});if(a.loss<n.loss){n=a}s+=1;if(s>=this.options.maxChecks){break}}return Object.assign({},n,{called:s})};t.prototype.solveNarrow=function(t){var i=t.loss;var e=2;var n=i+1;var s=[.25*n,.25*n,n,.25*n,.2*n,.2*n];return this.spsa({A:i,a:s,c:e,values:t.values,maxTriesInLoop:500,called:t.called})};t.prototype.fixValueByFilterIDX=function(t,i){var e=100;if(i===2){e=7500}else if(i===4||i===5){e=200}if(i===3){if(t>e){t%=e}else if(t<0){t=e+t%e}}else if(t<0){t=0}else if(t>e){t=e}return t};t.prototype.spsa=function(t){var i=t.A,e=t.a,n=t.c,s=t.values,o=t.maxTriesInLoop,a=o===void 0?500:o,r=t.called,l=r===void 0?0:r;var h=1;var f=.16666666666666666;var p=null;var c=Infinity;var d=new Array(6);var u=new Array(6);var g=new Array(6);var x=6;for(var v=0;v<a;v++){var y=n/Math.pow(v+1,f);for(var m=0;m<x;m++){d[m]=Math.random()>.5?1:-1;u[m]=s[m]+y*d[m];g[m]=s[m]-y*d[m]}var k=this.loss(u)-this.loss(g);for(var m=0;m<x;m++){var b=k/(2*y)*d[m];var w=e[m]/Math.pow(i+v+1,h);s[m]=this.fixValueByFilterIDX(s[m]-w*b,m)}var z=this.loss(s);if(z<c){p=s.slice(0);c=z}}return{values:p,loss:c,called:l}};t.prototype.loss=function(t){var i=this.reusedColor;i.set(0,0,0);i.invert(t[0]/100);i.sepia(t[1]/100);i.saturate(t[2]/100);i.hueRotate(t[3]*3.6);i.brightness(t[4]/100);i.contrast(t[5]/100);var e=i.hsl();return Math.abs(i.r-this.target.r)+Math.abs(i.g-this.target.g)+Math.abs(i.b-this.target.b)+Math.abs(e.h-this.targetHSL.h)+Math.abs(e.s-this.targetHSL.s)+Math.abs(e.l-this.targetHSL.l)};t.prototype.css=function(t){var i=function(i,e){if(e===void 0){e=1}return Math.round(t[i]*e)};return["invert("+i(0)+"%)","sepia("+i(1)+"%)","saturate("+i(2)+"%)","hue-rotate("+i(3,3.6)+"deg)","brightness("+i(4)+"%)","contrast("+i(5)+"%);"].join(" ")};return t}();var s=function(t){if(t.length===4){return[parseInt("0x"+t[1]+t[1]),parseInt("0x"+t[2]+t[2]),parseInt("0x"+t[3]+t[3])]}if(t.length===7){return[parseInt("0x"+t[1]+t[2]),parseInt("0x"+t[3]+t[4]),parseInt("0x"+t[5]+t[6])]}return[]};var o=function(t){return!isNaN(parseFloat(t))&&isFinite(t)};var a={};var r=function(t,r){var l;if(r===void 0){r={}}var h;var f;var p;if(a[t]&&!r.forceFilterRecalculation){return Object.assign({},a[t],{cache:true})}var c;try{l=i(s(t),3),h=l[0],f=l[1],p=l[2];if(!o(h)||!o(f)||!o(p)){throw new Error("hextToRgb returned an invalid value for '"+t+"'")}c=new e(Number(h),Number(f),Number(p))}catch(t){throw new Error("Color value should be in HEX format. "+t)}var d=new n(c,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:false},r));return a[t]=Object.assign({},d.solve(),{hex:t,rgb:[h,f,p],cache:false})};var l=function(t){if(!t){a={}}else if(a[t]){delete a[t]}};t.clearCache=l;t.hexToCSSFilter=r;Object.defineProperty(t,"__esModule",{value:true})}))})(T,T.exports);const $=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.gridRow{fill:var(--kup-layer-1)}.gridRowLine{stroke:transparent}.gridTick{stroke:var(--kup-border-subtle)}.barHandle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}.barBackground{user-select:none;stroke-width:0}.barWrapper{cursor:pointer;outline:none}.task-wrapper{outline:none !important}.barWrapper:hover .barHandle{visibility:visible;opacity:1}.barLabel{fill:var(--kup-layer-0);text-anchor:middle;font-weight:lighter;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.barLabelOutside{fill:var(--kup-text-secondary);text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ghost-preview{opacity:0.5}";const M=$;const S=class{constructor(i){t(this,i);this.tasks=undefined;this.dates=undefined;this.ganttEvent=undefined;this.selectedTask=undefined;this.rowHeight=0;this.columnWidth=0;this.timeStep=0;this.taskHeight=0;this.arrowColor="";this.arrowIndent=0;this.fontFamily="";this.fontSize="";this.rtl=false;this.hideLabel=false;this.showSecondaryDates=false;this.currentDateIndicator=undefined;this.projection=undefined;this.readOnly=false;this.gridProps=undefined;this.dateChange=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.barClick=undefined;this.barDblClick=undefined;this.barContextMenu=undefined;this.delete=undefined;this.setFailedTask=undefined;this.setSelectedTask=undefined;this.eventStart=undefined;this.eMouseDown=undefined;this.phaseDrop=undefined;this.setGanttEvent=undefined;this.phaseDragScroll=undefined;this.xStep=0;this.initEventX1Delta=0;this.initEventXClick=0;this.isMoving=false;this.point=undefined;this.svg=undefined;this.currentTarget=undefined;this.dragScrollInterval=undefined;this.dropZoneTask=undefined}componentDidLoad(){this.point=this.createSVGPoint();this.updateXStep()}createSVGPoint(){if(this.svg){return this.svg.createSVGPoint()}return undefined}updateXStep(){const t=this.dates[1].getTime()-this.dates[0].getTime()-this.dates[1].getTimezoneOffset()*60*1e3+this.dates[0].getTimezoneOffset()*60*1e3;const i=this.timeStep*this.columnWidth/t;this.xStep=i}updateSvgMove(){const t=async t=>{var i,e;if(!this.ganttEvent.changedTask||!this.point||!this.svg)return;t.preventDefault();this.point.x=t.clientX;this.point.y=t.clientY;const n=this.point.matrixTransform((e=(i=this.svg)===null||i===void 0?void 0:i.getScreenCTM())===null||e===void 0?void 0:e.inverse());const{isChanged:s,changedTask:o}=l(n.x,this.ganttEvent.action,this.ganttEvent.changedTask,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,n.y);if(this.currentTarget){this.addGhostPreview(t);this.handleAutoScrollForPhaseDrag(t);this.addDropzoneVisualization()}if(s){this.setGanttEvent(Object.assign(Object.assign({},this.ganttEvent),{action:this.ganttEvent.action,changedTask:o}))}};const i=async e=>{var n,s,o;clearInterval(this.dragScrollInterval);this.resetDropzoneVisualization();const{action:a,originalSelectedTask:r,changedTask:h}=this.ganttEvent;if(!h||!this.point||!this.svg||!r)return;e.preventDefault();this.point.x=e.clientX;const f=this.point.matrixTransform((s=(n=this.svg)===null||n===void 0?void 0:n.getScreenCTM())===null||s===void 0?void 0:s.inverse());this.currentTarget=null;const{changedTask:p}=l(f.x,a,h,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,f.y);const c=r.start!==p.start||r.end!==p.end||r.progress!==p.progress||r.y!==p.y;this.svg.removeEventListener("mousemove",t);this.svg.removeEventListener("mouseup",i);(o=this.svg.querySelector(".ghost-preview"))===null||o===void 0?void 0:o.remove();this.setGanttEvent({action:""});this.isMoving=false;let d=true;let u=undefined;let g=undefined;if(a==="move"&&c&&p.type==="task"){u=this.tasks.find((t=>this.isPhaseWithinTaskArea(h,t)&&t.type==="project"));g=this.tasks.find((t=>t.id==r.id.split("_").shift()))}if((u===null||u===void 0?void 0:u.id)&&(g===null||g===void 0?void 0:g.id)!==(u===null||u===void 0?void 0:u.id)){this.phaseDrop(r,g,p,u)}else if((a==="move"||a==="end"||a==="start")&&this.dateChange&&c){try{const t=await this.dateChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}else if(this.progressChange&&c){try{const t=this.progressChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}if(!d){this.setFailedTask(r)}};if(!this.isMoving&&(this.ganttEvent.action==="move"||this.ganttEvent.action==="end"||this.ganttEvent.action==="start"||this.ganttEvent.action==="progress")&&this.svg){this.svg.addEventListener("mousemove",t);this.svg.addEventListener("mouseup",i);this.isMoving=true}}hasMovedHorizontally(t){if(this.readOnly){return false}return this.initEventXClick!==t.clientX}addGhostPreview(t){var i;(i=this.svg.querySelector(".ghost-preview"))===null||i===void 0?void 0:i.remove();const e=Object.assign(Object.assign({},t),{dataTransfer:new DataTransfer});const n=this.currentTarget;n.classList.add("ghost-preview");this.svg.appendChild(n.cloneNode(true));const s=n.getBoundingClientRect();e.dataTransfer.setDragImage(n,e.clientX-s.left,e.clientY-s.top)}handleAutoScrollForPhaseDrag(t){var i,e;const n=(e=(i=this.svg)===null||i===void 0?void 0:i.parentElement)===null||e===void 0?void 0:e.parentElement;if(!n)return;clearInterval(this.dragScrollInterval);const s=n.clientHeight<n.scrollHeight;if(s){const i=n.getBoundingClientRect();const e=t.clientY-i.top;const s=5;if(e-20<s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop-=s)}),1)}else if(e+20>i.height-s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop+=s)}),1)}}else{const i=20;const e=window.innerHeight;const n=t.clientY;if(n<i){window.scrollBy(0,-i)}else if(n>e-i){window.scrollBy(0,i)}}}isPhaseWithinTaskArea(t,i){return t.y+t.height>=i.ySecondary&&t.y<=i.ySecondary+i.height&&t.x2>=i.x1&&t.x1<=i.x2}addDropzoneVisualization(){var t;this.resetDropzoneVisualization();const i=this.tasks.filter((t=>{var i,e,n;return t.type=="project"&&((n=(e=(i=this.ganttEvent.originalSelectedTask)===null||i===void 0?void 0:i.id)===null||e===void 0?void 0:e.split("_"))===null||n===void 0?void 0:n.shift())!=t.id}));const e=this.ganttEvent.changedTask;this.dropZoneTask=i.find((t=>this.isPhaseWithinTaskArea(e,t)));if((t=this.dropZoneTask)===null||t===void 0?void 0:t.ySecondary){const t=this.getBarRectsForDropzoneVisualization();t.forEach((t=>{t.setAttribute("fill",u.barDropZoneColor)}))}}resetDropzoneVisualization(){if(!this.dropZoneTask)return;const t=this.getBarRectsForDropzoneVisualization();const i=!!this.selectedTask&&this.dropZoneTask.id===this.selectedTask.id;t.forEach((t=>{t.setAttribute("fill",this.getBarColor(i,this.dropZoneTask.styles))}))}getBarRectsForDropzoneVisualization(){let t;if(!this.showSecondaryDates){t=this.svg.querySelectorAll(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`)}else{const i=this.svg.querySelector(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`);const e=[i];let n=i.nextElementSibling;while(n!==null){e.push(n);n=n.nextElementSibling}let s=i.previousElementSibling;while(s!==null){e.unshift(s);s=s.previousElementSibling}t=e}return t}handleBarEventStart(t,i,e){var n;if(!e){if(t==="select"){this.setSelectedTask(i.id)}}else if(a(e)){if(t==="delete"){if(this.delete){try{const e=this.delete(i);if(e!==undefined&&e){this.setGanttEvent({action:t,changedTask:i})}}catch(t){console.error("Error on Delete. "+t)}}}}else if(t==="mouseenter"){if(!this.ganttEvent.action){this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}else if(t==="mouseleave"){if(this.ganttEvent.action==="mouseenter"){this.setGanttEvent({action:""})}}else if(t==="dblclick"){this.doubleClick&&this.doubleClick(i)}else if(t==="click"){const t=this.hasMovedHorizontally(e);!t&&this.barClick&&this.barClick(i)}else if(t==="contextmenu"){e.preventDefault();this.barContextMenu&&this.barContextMenu(e,i)}else if(t==="move"){if(!this.svg||!this.point)return;this.point.x=e.clientX;const s=this.point.matrixTransform((n=this.svg.getScreenCTM())===null||n===void 0?void 0:n.inverse());if(i.type==="task"){this.currentTarget=e.currentTarget.cloneNode(true)}else{this.currentTarget=null}this.initEventX1Delta=s.x-i.x1;this.point.y=e.clientY;this.initEventXClick=e.clientX;this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}else{this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}getTaskIcon(t){const e=T.exports.hexToCSSFilter(t.color);return i("image",{href:t.url,filter:e.filter.replace(";",""),x:t.x,y:t.y,width:t.width,height:t.height})}renderKupBar(t,e,n,s){var o,a,r;return i("g",{class:"barWrapper","tab-index":0,"data-type":t.type},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,!this.readOnly&&!!this.dateChange&&!t.isDisabled,t,t.x1secondary,((o=t.x2secondary)!==null&&o!==void 0?o:0)-((a=t.x1secondary)!==null&&a!==void 0?a:0),t.ySecondary),i("g",{class:"handleGroup"},n&&i("g",null,this.renderKupBarDateHandle(t.x1+1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"start"),this.renderKupBarDateHandle(t.x2-t.handleWidth-1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"end")),s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})),t.icon&&t.icon.url&&this.getTaskIcon({color:(r=t.icon.color)!==null&&r!==void 0?r:"#000000",url:t.icon.url,width:t.height/2+"px",height:t.height/2+"px",x:t.x1+(t.x2-t.x1)-t.height/2/2,y:t.y-t.height/2/2/2+(this.showSecondaryDates?t.height/2:0)}))}renderKupBarDisplay(t,e,n,s,o,a,r,l,h,f,p,c,d,u){if(this.showSecondaryDates&&typeof c!=="undefined"){const g=s/2;return i("g",{onMouseDown:t=>f&&this.handleBarEventStart("move",p,t)},i("rect",{key:"top semi-transparent bar",x:c,width:d,y:u!==null&&u!==void 0?u:e,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),opacity:.5,class:"barBackground"}),i("rect",{key:"main bar",x:t,width:n,y:e+g,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{key:"progress bar",x:o,width:a,y:e+g,height:g,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}return i("g",{onMouseDown:t=>{f&&this.handleBarEventStart("move",p,t)}},i("rect",{x:t,width:n,y:e,height:s,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{x:o,width:a,y:e,height:s,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}renderKupBarDateHandle(t,e,n,s,o,a,r){return i("rect",{x:t,y:e,width:n,height:s,class:"barHandle",ry:o,rx:o,onMouseDown:t=>this.handleBarEventStart(r,a,t)})}renderKupBarSmall(t,e,n,s){return i("g",{class:"barWrapper","tab-index":0},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,n,t),i("g",{class:"handleGroup"},s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t,"small"),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})))}renderKupBarTimeLine(t,n){return i("g",{"tab-index":0},i("rect",{fill:n,x:"0",width:"100%",y:t.y,height:t.height,rx:0,ry:0}),t.barChildren.map((t=>{var n;return i(e,null,i("rect",{style:{cursor:"pointer"},key:t.id,fill:t.styles.backgroundColor,x:t.x1,width:t.x2-t.x1,y:t.y,height:t.height,rx:t.barCornerRadius,ry:t.barCornerRadius}),t.icon&&t.icon.url&&this.getTaskIcon({color:(n=t.icon.color)!==null&&n!==void 0?n:"#000000",url:t.icon.url,width:t.height+"px",height:t.height+"px",x:t.x1+(t.x2-t.x1)-t.height/2,y:t.y-t.height/2/2}))})))}renderKupArrow(t,e){const[n,s]=this.rtl?this.drownPathAndTriangleRTL(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent):this.drownPathAndTriangle(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent);return i("g",{class:"arrow"},i("path",{"stroke-width":"1.5",d:n,fill:"none"}),i("polygon",{points:s}))}drownPathAndTriangle(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x2+s*2;const l=r<i.x1?"":`H ${i.x1-s}`;const h=r>i.x1?s:i.x1-t.x2-s;const f=`M ${t.x2} ${t.y+n/2}\n        h ${s}\n        v ${o*e/2}\n        ${l}\n        V ${a}\n        h ${h}`;const p=`${i.x1},${a}\n        ${i.x1-5},${a-5}\n        ${i.x1-5},${a+5}`;return[f,p]}drownPathAndTriangleRTL(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x1-s*2;const l=r>i.x2?"":`H ${i.x2+s}`;const h=r<i.x2?-s:i.x2-t.x1+s;const f=`M ${t.x1} ${t.y+n/2}\n        h ${-s}\n        v ${o*e/2}\n        ${l}\n        V ${a}\n        h ${h}`;const p=`${i.x2},${a}\n        ${i.x2+5},${a+5}\n        ${i.x2+5},${a-5}`;return[f,p]}getBarColor(t,i){return t?i.backgroundSelectedColor:i.backgroundColor}getProcessColor(t,i){return t?i.progressSelectedColor:i.progressColor}calculateProgressPoint(t,i="bar"){return r(i=="bar"?+!this.rtl*t.progressWidth+t.progressX:t.progressWidth+t.x1,t.y,t.height)}render(){let t=0;const e=[];const n=[i("line",{key:"RowLineFirst",x1:0,y1:0,x2:this.gridProps.svgWidth,y2:0,class:"gridRowLine"})];for(const s of this.tasks){e.push(i("rect",{key:"Row"+s.id,x:0,y:t,width:this.gridProps.svgWidth,height:this.rowHeight,class:"gridRow"}));n.push(i("line",{key:"RowLine"+s.id,x1:0,y1:t+this.rowHeight,x2:this.gridProps.svgWidth,y2:t+this.rowHeight,class:"gridRowLine"}));t+=this.rowHeight}let s=0;const o=[];for(let e=0;e<this.dates.length;e++){const n=this.dates[e];o.push(i("line",{key:n.getTime(),x1:s,y1:0,x2:s,y2:t,class:"gridTick"}));s+=this.columnWidth}return i("svg",{key:"6e2c05f30bc3155b36dc0433a116410048042015",xmlns:"http://www.w3.org/2000/svg",width:this.gridProps.svgWidth,height:`${this.rowHeight*this.tasks.length}px`,"font-family":this.fontFamily,ref:t=>this.svg=t},i("g",{key:"0530506fe65e0b1a8e6fdb018689d094a16820a4",class:"grid"},i("g",{key:"d189d3654b50f9bb34dc0800faef0a67780b4525",class:"rows"},e),i("g",{key:"d53aee95bb1542041abbbf1425b2c2d2eb0dda9d",class:"rowLines"},n),i("g",{key:"3d238c6efd1dfacc8319782d1be07eb9c9a7f596",class:"ticks"},o)),i("g",{key:"72d0cc281ff3a10943d27b3b8a029379f78f6c93",class:"content"},this.currentDateIndicator&&i("rect",{key:"519244fbac413f1bc538441e19fef3ff57e55b3d",fill:this.currentDateIndicator.color,x:this.currentDateIndicator.x+1.5,y:"0",width:"2",height:"100%"}),this.projection&&i("rect",{key:"a0f3fcb8e27562a64862817ba4f7056e0a0e2123",fill:this.projection.color,x:this.projection.x0,y:"0",width:this.projection.xf-this.projection.x0,height:"100%","fill-opacity":"0.35"}),i("g",{key:"a050c973b2219e0f2bac273c53d934da444a4024",class:"arrows",fill:this.arrowColor,stroke:this.arrowColor},this.tasks.map((t=>t.barChildren.map((i=>{if(t.type!=="timeline"){this.renderKupArrow(t,i)}}))))),i("g",{key:"ad2c626a9b4a5277eba2fa154602c68d41a127a8",class:"bar","font-family":this.fontFamily,"font-size":this.fontSize},this.tasks.map((t=>{const e=t.type==="project";return i("g",{onKeyDown:i=>{switch(i.key){case"Delete":{if(!t.isDisabled)this.handleBarEventStart("delete",t,i);break}}i.stopPropagation()},onMouseEnter:i=>{this.handleBarEventStart("mouseenter",t,i)},onMouseLeave:i=>{this.handleBarEventStart("mouseleave",t,i)},onDblClick:()=>{this.barDblClick(t)},onClick:i=>{this.handleBarEventStart("click",t,i)},onContextMenu:i=>{this.handleBarEventStart("contextmenu",t,i)},onFocus:()=>{this.handleBarEventStart("select",t)},class:"task-wrapper"},(()=>{const i={task:t,arrowIndent:this.arrowIndent,isDelete:!t.isDisabled,taskHeight:this.taskHeight,isSelected:!!this.selectedTask&&t.id===this.selectedTask.id,rtl:this.rtl,hideLabel:this.hideLabel};const n=t.styles;const s=i.isSelected?n.backgroundSelectedColor:n.backgroundColor;const o=!this.readOnly&&!!this.dateChange&&!t.isDisabled&&!e;const a=!this.readOnly&&!!this.progressChange&&!t.isDisabled;const r=!this.readOnly&&!!this.dateChange&&!t.isDisabled;switch(t.typeInternal){case"project":return this.renderKupBar(t,i.isSelected,o,a);case"smalltask":return this.renderKupBarSmall(t,i.isSelected,r,a);case"timeline":return this.renderKupBarTimeLine(t,s);default:return this.renderKupBar(t,i.isSelected,o,a)}})())})),this.currentTarget&&this.ganttEvent.changedTask&&i("g",{key:"6da45035c94f4e976172186d6929ad693ba40e77",class:"task-wrapper"},this.renderKupBar(this.ganttEvent.changedTask,false,false,false)))))}static get watchers(){return{columnWidth:["updateXStep"],dates:["updateXStep"],timeStep:["updateXStep","updateSvgMove"],ganttEvent:["updateSvgMove"],xStep:["updateSvgMove"],svg:["updateSvgMove"],initEventX1Delta:["updateSvgMove"],point:["updateSvgMove"],rtl:["updateSvgMove"],onProgressChange:["updateSvgMove"],onDateChange:["updateSvgMove"]}}};S.style=M;export{v as kup_custom_task_list_header,k as kup_custom_task_list_table,z as kup_gantt_calendar,S as kup_grid_renderer};
+//# sourceMappingURL=p-94099e24.entry.js.map