@sme.up/ketchup 9.6.6-a → 9.6.7

package/dist/ketchup/{p-e2bf2bb6.js → p-9d3a0a51.js}

@@ -1 +1 @@
-import{h as c}from"./p-47040db6.js";const e=e=>{const o={"data-indeterminate":!!e.indeterminate},a={checkbox:!0,"checkbox--checked":!(!e.checked||e.indeterminate),"checkbox--disabled":!!e.disabled,"checkbox--indeterminate":!!e.indeterminate};return c("div",Object.assign({class:`f-checkbox ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),c("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},c("div",{class:a},c("input",Object.assign({type:"checkbox",class:"checkbox__native-control",checked:e.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},o,{value:e.checked?"on":"off"})),c("div",{class:"checkbox__background",onClick:e.onChange},c("svg",{class:"checkbox__checkmark",viewBox:"0 0 24 24"},c("path",{class:"checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),c("div",{class:"checkbox__mixedmark"}))),e.label?c("label",null,e.label):void 0))};export{e as F}
+import{h as c}from"./p-aa62724a.js";const e=e=>{const o={"data-indeterminate":!!e.indeterminate},a={checkbox:!0,"checkbox--checked":!(!e.checked||e.indeterminate),"checkbox--disabled":!!e.disabled,"checkbox--indeterminate":!!e.indeterminate};return c("div",Object.assign({class:`f-checkbox ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),c("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},c("div",{class:a},c("input",Object.assign({type:"checkbox",class:"checkbox__native-control",checked:e.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},o,{value:e.checked?"on":"off"})),c("div",{class:"checkbox__background",onClick:e.onChange},c("svg",{class:"checkbox__checkmark",viewBox:"0 0 24 24"},c("path",{class:"checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),c("div",{class:"checkbox__mixedmark"}))),e.label?c("label",null,e.label):void 0))};export{e as F}

package/dist/ketchup/{p-1e028d95.entry.js → p-a323ff1c.entry.js}

@@ -1 +1 @@
-import{r as t,f as i,h as e,H as a,d as o}from"./p-47040db6.js";import{k as s,g as n,s as l,l as h,d as p,ai as c,N as r,aj as f,U as u,c as d}from"./p-8d4050ec.js";import{F as g}from"./p-c634eb82.js";import{F as m}from"./p-25058baa.js";import{c as k}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var b,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(b||(b={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,b,t)}async refresh(){i(this)}async setProps(t){l(this,b,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(h.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,i.push(e("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,i.push(e("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,i.push(e("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):a.axis=i.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR)}else i.push(e("div",{class:"empty"},e(m,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(h.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING),a&&(i.rows?i.rows.push(a):i.rows=[a]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(c,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{key:"212f73b08fa30db6822a33f61dd8d10fe5e0ae5c"},e("style",{key:"bd8dfa094092c2b010867f98d595320d59e120e8"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"29d97585aa1a3d0c8680912289153337c2c2a23c",id:k},e("div",{key:"fc73991d493f68a37690b4b9d8dbc45ff15e9c1a",class:"magic-box-wrapper"},e("div",{key:"7f27dcf3a8916ea1007a263cff3a1b835ce39612",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"2f7303dd205ad6411c73e5ec5809632b12d134ca"},this.comboboxProps())),e("kup-button",{key:"ef696124673192ca35f7b71138f061c6e09a3f70",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"09d63727c8500844e614606d5417f350cb2aebed",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"aaa1d0f9e81041dfa3669bcb1222b937760c49aa",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}
+import{r as t,f as i,h as e,H as o,d as a}from"./p-aa62724a.js";import{k as s,g as n,s as l,l as h,d as p,ai as c,N as r,aj as f,U as u,c as d}from"./p-34b51a97.js";import{F as g}from"./p-c634eb82.js";import{F as b}from"./p-00a5d02c.js";import{c as m}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var k,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(k||(k={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,k,t)}async refresh(){i(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(h.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],o={};if(this.display===x.JSON)o.initialValue=this.data?JSON.stringify(this.data,null,2):"",o.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},o,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:o.data=this.data,i.push(e("kup-box",Object.assign({},o)));break;case x.BUTTON_LIST:o.data=this.data,i.push(e("kup-button-list",Object.assign({},o)));break;case x.CHIP:o.data=this.data,i.push(e("kup-chip",Object.assign({},o)));break;case x.CHART:case x.ECHART:o.data=this.data,o.series=[],o.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==o.axis?o.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):o.axis=i.name}0===o.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING),o.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},o)));break;case x.DATATABLE:o.data=this.data,o.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},o)));break;case x.TREE:o.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},o)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR)}else i.push(e("div",{class:"empty"},e(b,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(h.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,o=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING),o&&(i.rows?i.rows.push(o):i.rows=[o]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(c,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(o,{key:"4d6747df7462796dbe78c8d564f4d6d682fe5851"},e("style",{key:"96de2876df5042f86b342909fb459327512c433b"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"7bb152c5035d481e54ec749e482df4ed67677c65",id:m},e("div",{key:"95adb73a3ff03931ebdaf49b577ed9034b9147e0",class:"magic-box-wrapper"},e("div",{key:"13ddf38a71b869645c5dcc86344a9f0ed29ea2f7",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"84018579283fb121bc3dd0636bbf7feb20558458"},this.comboboxProps())),e("kup-button",{key:"64fbec83e296599203fe68f5bd8abeb6cd1c38cb",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"bfb9a218e2d7fe9a966d4751b96e1be947282df3",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"165648f0432069e8f2356221aee1a38983bcfa84",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

package/dist/ketchup/p-aa62724a.js

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

package/dist/ketchup/p-abd7696c.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,f as e,d as a,F as s}from"./p-aa62724a.js";import{f as n,s as o,g as l,b as h}from"./p-838dea62.js";import{r as p,s as r,c as f,a as d,b as c}from"./p-008bdcdc.js";import{e as g}from"./p-84b511e1.js";import"./p-eb8ea3a6.js";const u=class{constructor(e){t(this,e),this.taskListTrueRef=null,this.ganttId=void 0,this.tasks=void 0,this.headerHeight=114,this.columnWidth=60,this.listCellWidth="300px",this.rowHeight=50,this.filter=void 0,this.ganttHeight=0,this.viewMode="month",this.preStepsCount=1,this.locale="en-GB",this.barFill=60,this.projectFill=80,this.timelineFill=40,this.barCornerRadius=3,this.barProgressColor="#a3a3ff",this.barProgressSelectedColor="#8282f5",this.barBackgroundColor="#b8c2cc",this.barBackgroundSelectedColor="#aeb8c2",this.projectProgressColor="#7db59a",this.projectProgressSelectedColor="#59a985",this.projectBackgroundColor="#fac465",this.projectBackgroundSelectedColor="#f7bb53",this.rtl=!1,this.handleWidth=8,this.timeStep=3e5,this.arrowColor="grey",this.fontFamily="Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue",this.fontSize="14px",this.arrowIndent=20,this.todayColor="#ff0000",this.viewDate=void 0,this.TooltipContent=i("kup-standard-tooltip",null),this.TaskListHeader=i("kup-task-list-header",null),this.TaskListTable=i("kup-task-list-table",null),this.dateTimeFormatters=void 0,this.singleLineHeader=!1,this.hideLabel=!1,this.showSecondaryDates=!1,this.hideDependencies=!1,this.projection=void 0,this.displayedStartDate=void 0,this.displayedEndDate=void 0,this.initialScrollX=-1,this.initialScrollY=0,this.readOnly=void 0,this.currentTasks=[],this.label=void 0,this.doubleView=void 0,this.scrollableTaskList=void 0,this.setDoubleView=void 0,this.barContextMenu=void 0,this.scrollXChange=void 0,this.scrollYChange=void 0,this.barClick=void 0,this.barDblClick=void 0,this.dateChange=void 0,this.select=void 0,this.handleClick=void 0,this.handleDblClick=void 0,this.handleContextMenu=void 0,this.ganttOnClick=void 0,this.ganttOnDblClick=void 0,this.ganttonOnContextMenu=void 0,this.progressChange=void 0,this.doubleClick=void 0,this.delete=void 0,this.expanderClick=void 0,this.phaseDrop=void 0,this.wrapperRef=void 0,this.taskGanttRef=null,this.taskListRef=void 0,this.dateSetup=void 0,this.taskListWidth=0,this.svgContainerWidth=0,this.svgContainerHeight=this.ganttHeight,this.barTasks=[],this.ganttEvent={action:""},this.taskHeight=this.rowHeight*this.barFill/100,this.projectHeight=this.rowHeight*this.projectFill/100,this.timelineHeight=this.rowHeight*this.timelineFill/100,this.selectedTask=void 0,this.failedTask=null,this.svgWidth=void 0,this.ganttFullHeight=void 0,this.scrollX=0,this.scrollY=-1,this.ignoreScrollEvent=!1,this.currentDateIndicatorContent=void 0,this.projectionContent=void 0,this.taskListScrollWidth=void 0,this.taskListScrollX=0}componentWillLoad(){this.updateGanttData(),this.loadStates()}loadStates(){var t,i;this.scrollX=this.initialScrollX,this.scrollY=this.initialScrollY;const[e,a]=n(this.tasks,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);this.dateSetup={viewMode:this.viewMode,dates:o(e,a,this.viewMode)},this.svgWidth=(null===(i=null===(t=this.dateSetup)||void 0===t?void 0:t.dates)||void 0===i?void 0:i.length)*this.columnWidth,this.ganttFullHeight=this.barTasks.length*this.rowHeight}componentDidRender(){this.taskGanttRef=this.rootElement.querySelector("kup-task-gantt").querySelector(".ganttVerticalContainer")}componentDidLoad(){this.updateScrollLeftAndScrollTop(),window.addEventListener("gantt-sync-scroll-event",this.onGanttSyncScrollEvent.bind(this))}async refresh(){e(this)}updateInitialScrollY(){this.scrollYChange&&this.scrollYChange(this.initialScrollY),this.scrollY=this.initialScrollY}updateInitialScrollX(){window.addEventListener("gantt-sync-scroll-event",(function(t){t.detail.id!==this.ganttId&&(this.scrollX=t.detail.scrollX,this.scrollXChange&&this.scrollXChange(t.detail.scrollX))}))}updateGanttData(){let t;t=this.expanderClick?p(this.tasks):this.tasks,t=t.sort(r);const[i,e]=n(t,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);let a=o(i,e,this.viewMode);this.rtl&&(a=a.reverse(),-1===scrollX&&(this.scrollX=a.length*this.columnWidth));let s=!1;if(this.dateSetup&&this.dateSetup.dates){const t=this.dateSetup.dates;if(t.length!==a.length)s=!0;else for(let i=0;i<t.length;i++)if(t[i].valueOf()!==a[i].valueOf()){s=!0;break}}s&&(this.dateSetup={dates:a,viewMode:this.viewMode}),this.barTasks=f(t,a,this.columnWidth,this.rowHeight,this.taskHeight,this.projectHeight,this.timelineHeight,this.barCornerRadius,this.handleWidth,this.rtl,this.barProgressColor,this.barProgressSelectedColor,this.barBackgroundColor,this.barBackgroundSelectedColor,this.projectProgressColor,this.projectProgressSelectedColor,this.projectBackgroundColor,this.projectBackgroundSelectedColor,this.showSecondaryDates)}updateIgnoreScrollEvent(){if(this.viewMode===this.dateSetup.viewMode&&this.viewDate&&this.initialScrollX<1){const t=this.dateSetup.dates,i=t.findIndex(((i,e)=>this.viewDate.valueOf()>=i.valueOf()&&e+1!==t.length&&this.viewDate.valueOf()<t[e+1].valueOf()));if(-1===i)return;this.ignoreScrollEvent=!0,this.scrollX=this.columnWidth*i}}updateGanttEventAndBarTasks(){const{changedTask:t,action:i}=this.ganttEvent;if(t)if("delete"===i)this.ganttEvent={action:""},this.barTasks=this.barTasks.filter((i=>i.id!==t.id));else if("move"===i||"end"===i||"start"===i||"progress"===i){const i=this.barTasks.find((i=>i.id===t.id));if(i&&(i.start.getTime()!==t.start.getTime()||i.end.getTime()!==t.end.getTime()||i.progress!==t.progress)){const i=this.barTasks.map((i=>i.id===t.id?t:i));this.barTasks=i}}}updateFailedTasksAndBarChart(){this.failedTask&&(this.barTasks=this.barTasks.map((t=>t.id!==this.failedTask.id?t:this.failedTask)),this.failedTask=null)}updateTaskListWidth(){this.listCellWidth||(this.taskListWidth=0),this.taskListRef&&(this.taskListWidth=this.taskListRef.offsetWidth)}updateSvgContainerWidth(){this.wrapperRef&&(this.svgContainerWidth=this.wrapperRef.offsetWidth-this.taskListWidth)}updateSvgContainerHeight(){this.svgContainerHeight=this.ganttHeight?this.ganttHeight+this.headerHeight:this.tasks.length*this.rowHeight+this.headerHeight}handleWheel(t){if(this.wrapperRef&&"wheel"===(null==t?void 0:t.type)){if(t.shiftKey||t.deltaX){let i=this.scrollX+(t.deltaX?t.deltaX:t.deltaY);i<0?i=0:i>this.svgWidth&&(i=this.svgWidth),this.scrollX=i,window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:i}})),t.preventDefault()}else if(this.ganttHeight){let i=this.scrollY+t.deltaY;i<0?i=0:i>Math.abs(this.ganttFullHeight-this.ganttHeight)&&(i=Math.abs(this.ganttFullHeight-this.ganttHeight)),i!==this.scrollY&&(this.scrollYChange&&this.scrollYChange(i),this.scrollY=i,t.preventDefault())}this.ignoreScrollEvent=!0}}updateCurrentDateIndicatorContent(){const t=d(this.dateSetup.dates,this.columnWidth);0!==t&&(this.currentDateIndicatorContent={color:this.todayColor,x:t})}updateProjectionContent(){if(this.projection){const{x0:t,xf:i}=c(this.projection.start,this.projection.end,this.dateSetup.dates,this.columnWidth);this.projectionContent={x0:t,xf:i,color:this.projection.color}}else this.projectionContent=void 0}updateSvgWidth(){var t,i;this.svgWidth=(null===(i=null===(t=this.dateSetup)||void 0===t?void 0:t.dates)||void 0===i?void 0:i.length)*this.columnWidth}updateGanttFullHeight(){this.ganttFullHeight=this.barTasks.length*this.rowHeight}onGanttSyncScrollEvent(t){t.detail.componentId!==this.ganttId&&(this.scrollX=t.detail.scrollX,this.scrollXChange&&this.scrollXChange(t.detail.scrollX))}updateScrollLeftAndScrollTop(){if(this.wrapperRef){const t=this.wrapperRef;t&&(-1!==this.scrollX&&setTimeout((()=>{t.scrollLeft=this.scrollX}),125),0!==this.scrollY&&setTimeout((()=>{t.scrollTop=this.scrollY}),125))}}handleScrollY(t){const i=t.currentTarget;this.scrollY!==i.scrollTop?this.ignoreScrollEvent?this.ignoreScrollEvent=!1:(this.scrollYChange&&this.scrollYChange(i.scrollTop),this.scrollY=i.scrollTop,this.ignoreScrollEvent=!0):this.ignoreScrollEvent=!1}handleScrollX(t){const i=t.currentTarget;this.scrollX===i.scrollLeft||this.ignoreScrollEvent?this.ignoreScrollEvent=!1:(this.scrollX=i.scrollLeft,this.ignoreScrollEvent=!0,window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:i.scrollLeft}})))}handleKeyDown(t){if("INPUT"===t.target.tagName)return;t.preventDefault();let i=this.scrollY,e=this.scrollX,a=!0;switch(t.key){case"Down":case"ArrowDown":i+=this.rowHeight,a=!1;break;case"Up":case"ArrowUp":i-=this.rowHeight,a=!1;break;case"Left":case"ArrowLeft":e-=this.columnWidth;break;case"Right":case"ArrowRight":e+=this.columnWidth}a?(e<0?e=0:e>this.svgWidth&&(e=this.svgWidth),this.scrollX=e,window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}))):(i<0?i=0:i>this.ganttFullHeight-this.ganttHeight&&(i=this.ganttFullHeight-this.ganttHeight),this.scrollYChange&&this.scrollYChange(i),this.scrollY=i),this.ignoreScrollEvent=!0}handleSelectedTask(t){const i=this.barTasks.find((i=>i.id===t)),e=this.barTasks.find((t=>!!this.selectedTask&&t.id===this.selectedTask.id));this.select&&(e&&this.select(e,!1),i&&this.select(i,!0)),this.selectedTask=i}handleExpanderClick(t){this.expanderClick&&void 0!==t.hideChildren&&this.expanderClick(Object.assign(Object.assign({},t),{hideChildren:!t.hideChildren}))}handleTaskListScrollX(t){this.taskListScrollX=t.currentTarget.scrollLeft}handlePhaseDragScroll(t){this.scrollY=t}setFailedTask(t){this.failedTask=t}setGanttEvent(t){this.ganttEvent=t}render(){var t,e;const a={columnWidth:this.columnWidth,svgWidth:this.svgWidth,tasks:this.tasks,rowHeight:this.rowHeight,dates:null===(t=this.dateSetup)||void 0===t?void 0:t.dates,todayColor:this.todayColor,rtl:this.rtl},s={dateSetup:this.dateSetup,locale:this.locale,viewMode:this.viewMode,headerHeight:this.headerHeight,columnWidth:this.columnWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,rtl:this.rtl,dateTimeFormatters:this.dateTimeFormatters,singleLineHeader:this.singleLineHeader,currentDateIndicator:this.currentDateIndicatorContent},n={tasks:this.barTasks,dates:null===(e=this.dateSetup)||void 0===e?void 0:e.dates,ganttEvent:this.ganttEvent,selectedTask:this.selectedTask,rowHeight:this.rowHeight,taskHeight:this.taskHeight,columnWidth:this.columnWidth,arrowColor:this.hideDependencies?"transparent":this.arrowColor,timeStep:this.timeStep,fontFamily:this.fontFamily,fontSize:this.fontSize,arrowIndent:this.arrowIndent,svgWidth:this.svgWidth,rtl:this.rtl,hideLabel:this.hideLabel,showSecondaryDates:this.showSecondaryDates,ganttHeight:this.ganttHeight,currentDateIndicator:this.currentDateIndicatorContent,projection:this.projectionContent,readOnly:this.readOnly,setGanttEvent:this.setGanttEvent.bind(this),setFailedTask:this.setFailedTask.bind(this),setSelectedTask:this.handleSelectedTask.bind(this),dateChange:this.dateChange,progressChange:this.progressChange,doubleClick:this.doubleClick,barClick:this.barClick,barDblClick:this.barDblClick,barContextMenu:this.barContextMenu,delete:this.delete,phaseDrop:this.phaseDrop},o={rowHeight:this.rowHeight,rowWidth:this.listCellWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.barTasks,locale:this.locale,headerHeight:this.headerHeight,scrollY:this.scrollY,ganttHeight:this.ganttHeight,filter:this.filter,horizontalContainerClass:"horizontalContainer",selectedTask:this.selectedTask,taskListRef:this.taskListRef,setSelectedTask:this.handleSelectedTask.bind(this),expanderClick:this.handleExpanderClick.bind(this),TaskListHeader:this.TaskListHeader,TaskListTable:this.TaskListTable};return i("div",{key:"5941d0e531424ac9e609414e354a10a7eadabea9",class:"gannt-wrapper-main"},i("div",{key:"f30e1de2761c590331cee1fafc2c06013c01e13d",class:"wrapper",onKeyDown:this.handleKeyDown.bind(this),tabIndex:0,ref:t=>this.wrapperRef=t},this.listCellWidth&&i("kup-task-list",Object.assign({key:"66220e4ab03565d9852235e3aeca98ea07b84797",currentTasks:this.currentTasks,handleClick:this.handleClick,handleDblClick:this.handleDblClick,handleContextMenu:this.handleContextMenu,ganttOnClick:this.ganttOnClick,ganttOnDblClick:this.ganttOnDblClick,ganttonOnContextMenu:this.ganttonOnContextMenu,label:this.label,doubleView:this.doubleView,setDoubleView:this.setDoubleView},o,{class:"tasks",scrollableTaskList:this.scrollableTaskList,updateTaskListScrollX:this.ignoreScrollEvent,ontaskListScrollWidth:t=>{this.taskListScrollWidth=t},taskListScrollX:this.taskListScrollX,ref:t=>this.taskListTrueRef=t})),i("kup-task-gantt",{key:"9165b6b1d0aa64f1057b82eba5e0685d0603f896",gridProps:a,calendarProps:s,barProps:n,ganttHeight:this.ganttHeight,taskGanttRef:this.taskGanttRef,scrollY:this.scrollY,scrollX:this.scrollX,phaseDragScroll:this.handlePhaseDragScroll.bind(this),class:"ganttContainer"}),this.ganttEvent.changedTask&&i("kup-tooltip",{key:"9c67a99393e60704e4f8bfd20766ea8591a97808",arrowIndent:this.arrowIndent,rowHeight:this.rowHeight,svgContainerHeight:this.svgContainerHeight,svgContainerWidth:this.svgContainerWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,scrollX:this.scrollX,scrollY:this.scrollY,task:this.ganttEvent.changedTask,headerHeight:this.headerHeight,taskListWidth:this.taskListWidth,TooltipContent:this.TooltipContent,rtl:this.rtl,svgWidth:this.svgWidth}),i("kup-vertical-scroll",{key:"47e95c56de7e85a2e7d47921ed687f8daf9a0bf4",ganttFullHeight:this.ganttFullHeight,ganttHeight:this.ganttHeight,headerHeight:this.headerHeight,scrollNumber:this.scrollY,verticalScroll:this.handleScrollY.bind(this),rtl:this.rtl})),this.taskGanttRef&&i("kup-horizontal-scroll",{key:"e2959aca20609b5a878013faa24467a96e07bde2",svgWidth:this.svgWidth,taskListTrueRef:this.taskListTrueRef,taskListWidth:this.taskListWidth,scrollNumber:this.scrollX,rtl:this.rtl,horizontalScroll:this.handleScrollX.bind(this),horizontalTaskListScroll:this.handleTaskListScrollX.bind(this),listCellWidth:this.listCellWidth,scrollableTaskList:this.scrollableTaskList,taskListScrollWidth:this.taskListScrollWidth,taskListScrollNumber:this.taskListScrollX}))}get rootElement(){return a(this)}static get watchers(){return{initialScrollY:["updateInitialScrollY"],scrollYChange:["updateInitialScrollY"],initialScrollX:["updateInitialScrollX","updateIgnoreScrollEvent"],scrollXChange:["updateInitialScrollX"],tasks:["updateGanttData","updateSvgContainerHeight"],viewMode:["updateGanttData","updateIgnoreScrollEvent"],preStepsCount:["updateGanttData"],rowHeight:["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],barCornerRadius:["updateGanttData"],columnWidth:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],taskHeight:["updateGanttData"],handleWidth:["updateGanttData"],barProgressColor:["updateGanttData"],barProgressSelectedColor:["updateGanttData"],barBackgroundColor:["updateGanttData"],barBackgroundSelectedColor:["updateGanttData"],projectProgressColor:["updateGanttData"],projectProgressSelectedColor:["updateGanttData"],projectBackgroundColor:["updateGanttData"],projectBackgroundSelectedColor:["updateGanttData"],milestoneBackgroundColor:["updateGanttData"],milestoneBackgroundSelectedColor:["updateGanttData"],rtl:["updateGanttData","handleWheel"],scrollX:["updateGanttData","handleWheel"],onExpanderClick:["updateGanttData"],showSecondaryDates:["updateGanttData"],projectHeight:["updateGanttData"],timelineHeight:["updateGanttData"],displayedStartDate:["updateGanttData"],displayedEndDate:["updateGanttData"],dateSetup:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],viewDate:["updateIgnoreScrollEvent"],ganttEvent:["updateGanttEventAndBarTasks"],failedTask:["updateFailedTasksAndBarChart"],barTasks:["updateFailedTasksAndBarChart","updateGanttFullHeight"],taskListRef:["updateTaskListWidth"],listCellWidth:["updateTaskListWidth"],wrapperRef:["updateSvgContainerWidth","handleWheel"],ganttHeight:["updateSvgContainerHeight","handleWheel"],headerHeight:["updateSvgContainerHeight"],scrollY:["handleWheel"],svgWidth:["handleWheel"],ganttFullHeight:["handleWheel"],todayColor:["updateCurrentDateIndicatorContent"],projection:["updateProjectionContent"]}}};u.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:#efefef;border-radius:8px;margin:12px;overflow:hidden;padding:12px}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}.tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}";const k=class{constructor(i){t(this,i),this.scrollNumber=void 0,this.svgWidth=void 0,this.taskListTrueRef=void 0,this.rtl=void 0,this.taskListWidth=void 0,this.scrollableTaskList=!1,this.listCellWidth="300px",this.taskListScrollWidth=void 0,this.taskListScrollNumber=void 0,this.horizontalScroll=void 0,this.horizontalTaskListScroll=void 0,this.timeoutId=void 0}componentDidLoad(){this.scrollLeft()}scrollLeft(){clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.setScrollLeft()}),50)}listScrollLeft(){clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.setTaskListScrollLeft()}),50)}setScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div"),i=2==t.children.length?t.children[1]:t.children[0];i&&(i.scrollLeft=this.scrollNumber)}}setTaskListScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div"),i=2==t.children.length?t.children[0]:null;i&&(i.scrollLeft=this.taskListScrollNumber)}}render(){var t,e;const a=null!==(e=(null===(t=this.taskListTrueRef)||void 0===t?void 0:t.getBoundingClientRect().width)+36)&&void 0!==e?e:0,n=+this.listCellWidth.replace("px","");return i(s,{key:"f16edb2f34c545b68151e5aff681519cca5e258d"},i("div",{key:"c117a88db5a58adcea66e2177bdee97131f49f25",class:"scroll-container"},this.scrollableTaskList&&this.taskListScrollWidth>n&&i("div",{key:"995df8cfdecac65a2872cfef3c42ef7c44ab7484",dir:"ltr",style:{margin:"0px 20px 0px 20px",maxWidth:`${n+20}px`,minWidth:`${n+20}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalTaskListScroll},i("div",{key:"c391df05f6966e93b1b22e98bc0fbfec19240c45",style:{width:`${this.taskListScrollWidth}px`},class:"scroll"})),i("div",{key:"99f5ef26b5fabb99cffd6c5402b39481ef0549d5",dir:"ltr",style:{margin:this.rtl?`0px ${this.scrollableTaskList&&this.taskListScrollWidth>n?40:a}px 0px 12px`:`0px 12px 0px ${this.scrollableTaskList&&this.taskListScrollWidth>n?40:a}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalScroll},i("div",{key:"6b2e6f3a46aade41eb750f11e2134941665c0be4",style:{width:`${this.svgWidth}px`},class:"scroll"}))))}get rootElement(){return a(this)}static get watchers(){return{scrollNumber:["scrollLeft"],taskListScrollNumber:["listScrollLeft"]}}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scrollWrapper{overflow:auto;max-width:100%;height:1.2rem}.scrollWrapper::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scrollWrapper::-webkit-scrollbar-corner{background:transparent}.scrollWrapper::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scrollWrapper::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}.scroll{height:1px}.scroll-container{display:flex}";const x=class{constructor(i){t(this,i),this.task=void 0,this.fontSize=void 0,this.fontFamily=void 0}render(){return i("div",{key:"72b602bc73d996807555162f867cb83e03c43293",class:"tooltipDefaultContainer",style:{fontSize:this.fontSize,fontFamily:this.fontFamily}},i("b",{key:"a39f5da092317df6f603097d2c8d158e81bb63e0",style:{fontSize:`${parseInt(this.fontSize)+6}px`}},`${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth()+1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth()+1}-${this.task.end.getFullYear()}`),this.task.end.getTime()-this.task.start.getTime()!=0&&i("p",{key:"5c4e7b47d6e688746e7e8b73e4c7bbacc0f10139",class:"tooltipDefaultContainerParagraph"},`Duration: ${~~((this.task.end.getTime()-this.task.start.getTime())/864e5)} day(s)`),i("p",{key:"846fc3cc93bf61225fa4e3dd46496961f9102de1",class:"tooltipDefaultContainerParagraph"},!!this.task.progress&&`Progress: ${this.task.progress} %`))}};x.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const m=class{constructor(i){t(this,i),this.buttonLabels=["hour","day","week","month","year"],this.timeUnitChange=void 0,this.activeButton="day"}render(){const t=t=>{this.activeButton=t,this.timeUnitChange(t)};return i("div",{key:"c98387c72f0917709ff4d5328a4bb8a5906b4afd",class:"switcher"},this.buttonLabels.map((e=>i("button",{type:"button",class:{button:!0,buttonActive:this.activeButton===e},onClick:()=>t(e)},i("span",{class:"label"},e.charAt(0).toUpperCase()+e.slice(1))))))}};m.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.switcher{display:grid;grid-auto-flow:column;grid-gap:8px;width:max-content;margin-bottom:var(--kup-space-05);margin-left:var(--kup-space-04)}.button{background-color:var(--kup-gray-color-70);border:none;text-align:left;box-sizing:border-box;color:var(--kup-gray-color-0);cursor:pointer;padding:var(--kup-space-03) var(--kup-space-05)}.button:hover{background-color:var(--kup-gray-color-90)}.button:focus{background-color:var(--kup-primary-color-60)}.label{text-decoration:none;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.buttonActive{background-color:var(--kup-primary-color-60)}";const y=class{constructor(i){t(this,i),this.gridProps=void 0,this.calendarProps=void 0,this.barProps=void 0,this.taskGanttRef=void 0,this.ganttHeight=void 0,this.scrollY=void 0,this.scrollX=void 0,this.phaseDragScroll=void 0}updateScrollX(){setTimeout((()=>{this.verticalGanttContainerRef&&(this.verticalGanttContainerRef.scrollLeft=this.scrollX)}),30)}updateScrollY(){setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),30)}componentDidLoad(){setTimeout((()=>{this.updateScrollX(),this.updateScrollY()}),75)}render(){const t=Object.assign(Object.assign({},this.barProps),{gridProps:this.gridProps,phaseDragScroll:this.phaseDragScroll});return i("div",{key:"fc5fb4836229896ca7fb542a515cae776369fb43",class:"ganttVerticalContainer",ref:t=>this.verticalGanttContainerRef=t,dir:"ltr"},i("kup-gantt-calendar",{key:"2fe116a764faad3c8581da78fef33faddb54586f",dateSetup:this.calendarProps.dateSetup,locale:this.calendarProps.locale,rtl:this.calendarProps.rtl,headerHeight:this.calendarProps.headerHeight,columnWidth:this.calendarProps.columnWidth,fontFamily:this.calendarProps.fontFamily,fontSize:this.calendarProps.fontSize,dateTimeFormatters:this.calendarProps.dateTimeFormatters,singleLineHeader:this.calendarProps.singleLineHeader,currentDateIndicator:this.calendarProps.currentDateIndicator,svgWidth:this.gridProps.svgWidth}),i("div",{key:"39c2a05f39fa141e3d507c606d76bea69d833e05",ref:t=>this.horizontalContainerRef=t,class:"horizontalContainer",style:this.ganttHeight?{height:`${this.ganttHeight}px`,width:`${this.gridProps.svgWidth}px`}:{width:`${this.gridProps.svgWidth}px`}},i("kup-grid-renderer",Object.assign({key:"0042a3728416b71a0b99e3e3dd76e32c2ae11c9c"},t))))}get rootElement(){return a(this)}static get watchers(){return{scrollX:["updateScrollX"],verticalGanttContainerRef:["updateScrollX"],scrollY:["updateScrollY"],horizontalContainerRef:["updateScrollY"]}}},v=class{constructor(i){t(this,i),this.headerHeight=void 0,this.fontFamily=void 0,this.fontSize=void 0,this.rowWidth=void 0,this.rowHeight=void 0,this.scrollY=void 0,this.locale=void 0,this.tasks=void 0,this.selectedTask=void 0,this.horizontalContainerClass=void 0,this.ganttHeight=void 0,this.filter=void 0,this.TaskListHeader=void 0,this.TaskListTable=void 0,this.currentTasks=void 0,this.label=void 0,this.doubleView=void 0,this.scrollableTaskList=void 0,this.updateTaskListScrollX=!1,this.taskListScrollX=void 0,this.setDoubleView=void 0,this.handleClick=void 0,this.handleDblClick=void 0,this.handleContextMenu=void 0,this.ganttOnClick=void 0,this.ganttOnDblClick=void 0,this.ganttonOnContextMenu=void 0,this.setSelectedTask=void 0,this.expanderClick=void 0,this.ontaskListScrollWidth=void 0,this.selectedTaskId=""}componentDidLoad(){this.taskListRef.prepend(this.filter),setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),75)}componentDidUpdate(){this.taskListRef&&(this.taskListRef.scrollTop=this.scrollY)}updateScrollY(){this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}render(){var t;const e={headerHeight:this.headerHeight,fontFamily:this.fontFamily,fontSize:this.fontSize,rowWidth:this.rowWidth};this.selectedTask&&(this.selectedTaskId=this.selectedTask.id);const a={rowHeight:this.rowHeight,rowWidth:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.tasks,locale:this.locale,selectedTaskId:this.selectedTaskId,scrollableTaskList:this.scrollableTaskList,setSelectedTask:this.setSelectedTask.bind(this),onExpanderClick:this.expanderClick},s=this.TaskListHeader;s&&s.t&&Object.assign(s.t,Object.assign({},e));const n=this.TaskListTable;return n&&n.t&&Object.assign(n.t,Object.assign({},a)),i("div",{key:"ff3513de56b517462b67c571c685ab407ff036d2",ref:t=>this.taskListRef=t},s&&s.t?s:i("kup-custom-task-list-header",Object.assign({label:this.label,doubleView:null!==(t=this.doubleView)&&void 0!==t&&t,setDoubleView:this.setDoubleView},e)),i("div",{key:"d9e49d671154f6ae94ef5036a42c20a62bcfb6c4",class:`${this.horizontalContainerClass} ${this.scrollableTaskList?"horizontalContainerScrollable":""}`,style:this.ganttHeight?{height:this.ganttHeight+"px"}:{},ref:t=>this.horizontalContainerRef=t},n&&n.t?n:i("kup-custom-task-list-table",Object.assign({},a,{onclickTaskList:t=>{let i=h(t,this.currentTasks);i||(i=l(t,this.currentTasks)),i&&this.handleClick(i,this.ganttOnClick)},ondblclickTaskList:t=>{let i=h(t,this.currentTasks);i||(i=l(t,this.currentTasks)),i&&this.handleDblClick(i,this.ganttOnDblClick)},oncontextmenuTaskList:(t,i)=>{let e=h(i,this.currentTasks);e||(e=l(i,this.currentTasks)),e&&this.handleContextMenu(t,e,this.ganttonOnContextMenu)},ontaskListScrollWidth:t=>{this.ontaskListScrollWidth(t)},taskListScrollX:this.taskListScrollX,ganttId:g}))))}get element(){return a(this)}static get watchers(){return{scrollY:["updateScrollY"]}}};v.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const b=class{constructor(i){t(this,i),this.headerHeight=void 0,this.fontFamily=void 0,this.fontSize=void 0,this.rowWidth=void 0}render(){return i("div",{key:"e62cf2c40cb64ae102b42210f8b26194d3d2e752",class:"ganttTable",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"34b943832704c673a697df58fd2e3f68adfb26ce",class:"ganttTable_Header",style:{height:this.headerHeight-2+"px"}},i("div",{key:"6724977ec0cd633d8df663ddf7dbf9b4c307f29b",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," Name"),i("div",{key:"a1a7df8c601d18735b35dcffa345cf1bc47aaa52",class:"ganttTable_HeaderSeparator",style:{height:.5*this.headerHeight+"px",marginTop:.2*this.headerHeight+"px"}}),i("div",{key:"a110ed7869a47a644890ef75785c8461d308b9af",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," From"),i("div",{key:"49480b72f1862de018edb8fcf21d2d16c8b46352",class:"ganttTable_HeaderSeparator",style:{height:.5*this.headerHeight+"px",marginTop:.25*this.headerHeight+"px"}}),i("div",{key:"dbc399a56a11ffe44e8589d96342f886f46e7ff5",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," To")))}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const w=class{constructor(i){t(this,i),this.dateTimeOptions={weekday:"short",year:"numeric",month:"long",day:"numeric"},this.rowHeight=void 0,this.rowWidth=void 0,this.fontFamily=void 0,this.fontSize=void 0,this.locale=void 0,this.tasks=void 0,this.selectedTaskId=void 0,this.expandedTasks=new Set,this.setSelectedTask=void 0,this.expanderClick=void 0}toLocaleDateString(t){return t.toLocaleDateString(this.locale,this.dateTimeOptions)}render(){return i("div",{key:"2a2795c6467c8202a0c5583f7b773603f7160676",class:"taskListWrapper",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},this.tasks.map((t=>i("div",{class:{taskListTableRow:!0,expanded:this.expandedTasks.has(t.id)},style:{height:`${this.rowHeight}px`},key:`${t.id}row`},i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth},title:t.name},i("div",{class:"taskListNameWrapper"},i("div",{class:{taskListExpander:!0,expanded:this.expandedTasks.has(t.id)},onClick:()=>this.expanderClick(t)},this.expandedTasks.has(t.id)?"▼":"▶"),i("div",null,t.name))),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.start)),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.end))))))}};w.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const z=class{constructor(i){t(this,i),this.task=void 0,this.rowHeight=void 0,this.rtl=void 0,this.svgContainerHeight=void 0,this.svgContainerWidth=void 0,this.scrollX=void 0,this.scrollY=void 0,this.arrowIndent=void 0,this.fontSize=void 0,this.fontFamily=void 0,this.headerHeight=void 0,this.taskListWidth=void 0,this.TooltipContent=void 0,this.svgWidth=void 0,this.relatedY=0,this.relatedX=0}componentWillLoad(){this.calculateTooltipPosition()}calculateTooltipPosition(){if(this.rootElement){const t=1.1*this.rootElement.offsetHeight,i=1.1*this.rootElement.offsetWidth;let e,a=this.task.index*this.rowHeight-this.scrollY+this.headerHeight;this.rtl?(e=this.task.x1-1.5*this.arrowIndent-i-this.scrollX,e<0&&(e=this.task.x2+1.5*this.arrowIndent-this.scrollX),i+e>this.svgContainerWidth&&(e=this.svgContainerWidth-i,a+=this.rowHeight)):(e=this.task.x2+1.5*this.arrowIndent+this.taskListWidth-this.scrollX,i+e>this.taskListWidth+this.svgContainerWidth&&(e=this.task.x1+this.taskListWidth-1.5*this.arrowIndent-this.scrollX-i),e<this.taskListWidth&&(e=this.svgContainerWidth+this.taskListWidth-i,a+=this.rowHeight)),t+a-this.scrollY>this.svgContainerHeight-this.scrollY&&(a=this.svgContainerHeight-t),this.relatedY=a,this.relatedX=e}}render(){return i("div",{key:"8f4e260e51f5e3bde17fd60721bc44f1fef892f2",class:this.relatedX?"tooltipDetailsContainer":"tooltipDetailsContainerHidden",style:{left:`${this.relatedX}px`,top:`${this.relatedY}px`}},i(this.TooltipContent,{key:"425b1784f2407fe3c8afcf3180fd374ae39aa924",task:this.task,fontSize:this.fontSize,fontFamily:this.fontFamily}))}get rootElement(){return a(this)}static get watchers(){return{task:["calculateTooltipPosition"],arrowIndent:["calculateTooltipPosition"],scrollX:["calculateTooltipPosition"],scrollY:["calculateTooltipPosition"],headerHeight:["calculateTooltipPosition"],taskListWidth:["calculateTooltipPosition"],rowHeight:["calculateTooltipPosition"],svgContainerHeight:["calculateTooltipPosition"],svgContainerWidth:["calculateTooltipPosition"],rtl:["calculateTooltipPosition"]}}};z.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const S=class{constructor(i){t(this,i),this.scrollNumber=void 0,this.ganttHeight=void 0,this.ganttFullHeight=void 0,this.headerHeight=void 0,this.rtl=void 0,this.verticalScroll=void 0}componentDidLoad(){setTimeout((()=>{this.updateScroll()}),50)}updateScroll(){let t;if(this.scrollRef){const i=this.scrollRef;t=setTimeout((()=>{i.scrollTop=this.scrollNumber}),50)}return()=>{clearTimeout(t)}}render(){return i("div",{key:"ffe19f6288672b370c2ec74fa2ade1c9cb02a341",style:{height:`${this.ganttHeight}px`,marginTop:`${this.headerHeight}px`,marginLeft:this.rtl?"":"-1rem"},class:"scroll",onScroll:this.verticalScroll,ref:t=>this.scrollRef=t},i("div",{key:"f2728ed6d60b2c6399ba2945d15f28fc405625cb",style:{height:`${this.ganttFullHeight}px`,width:"1px"}}))}get rootElement(){return a(this)}static get watchers(){return{scrollNumber:["updateScroll"]}}};S.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";export{u as kup_gantt,k as kup_horizontal_scroll,x as kup_standard_tooltip,m as kup_switcher,y as kup_task_gantt,v as kup_task_list,b as kup_task_list_header,w as kup_task_list_table,z as kup_tooltip,S as kup_vertical_scroll}

package/dist/ketchup/{p-6961e0ce.entry.js → p-b42a37ae.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-47040db6.js";import{k as a,ac as r,g as l,s as f,a as c,D as d}from"./p-8d4050ec.js";import{K as p,d as u,a as m,b as v,c as w}from"./p-84b511e1.js";import{c as k}from"./p-635bb4b3.js";import{K as g}from"./p-eb8ea3a6.js";import{F as y}from"./p-801776bc.js";import{F as b}from"./p-b3577066.js";import"./p-d4a879fc.js";const x=a();function D(t,i,s,h,e,n,o,a){const r=S(t,i);let l=[];s&&h&&(l=T(s,h)?S(s,h):[...r]);let f=[];e&&n&&(z(e,n)?f=j(e,n):l=[...r]);let c=[];return o&&a&&(z(o,a)?c=j(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:f,secHourValues:c}}function S(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function j(t,i){let s=[t.value,i.value];return C(t)&&C(i)?s:C(t)?[t.value,t.value]:C(i)?[i.value,i.value]:s}function O(t){return x.objects.isDate(t.obj)&&x.dates.isValid(t.value,g.ISO_DATE)}function C(t){return x.objects.isTime(t.obj)||x.objects.isTimeWithSeconds(t.obj)}function T(t,i){return O(t)||O(i)}function z(t,i){return C(t)||C(i)}function E(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class H{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var M,P,W,I,R,V,Y,K,A,G,X,L,F,N,_,q,B,J,Q,U,Z,$,tt,it,st=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},ht=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const et=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupPhaseDrop=i(this,"kup-planner-phasedrop",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),M.add(this),this.state=new H,this.plannerRenderer=void 0,P.set(this,a()),W.set(this,void 0),I.set(this,[]),R.set(this,{}),V.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailHours=[],this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevHours=[],this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseHours=[],this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevHours=[],this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskHours=[],this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevHours=[],this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.scrollableTaskList=!1,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(st(this,P,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;st(this,P,"f").objects.deepEqual(this.state.detailFilter,st(this,V,"f").detailFilter)||(this.state.detailFilter=st(this,V,"f").detailFilter,t=!0),st(this,P,"f").objects.deepEqual(this.state.showSecondaryDates,st(this,V,"f").showSecondaryDates)||(this.state.showSecondaryDates=st(this,V,"f").showSecondaryDates,t=!0),st(this,P,"f").objects.deepEqual(this.state.detailInitialScrollX,st(this,V,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=st(this,V,"f").detailInitialScrollX,t=!0),st(this,P,"f").objects.deepEqual(this.state.detailInitialScrollY,st(this,V,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=st(this,V,"f").detailInitialScrollY,t=!0),st(this,P,"f").objects.deepEqual(this.state.taskFilter,st(this,V,"f").taskFilter)||(this.state.taskFilter=st(this,V,"f").taskFilter,t=!0),st(this,P,"f").objects.deepEqual(this.state.taskInitialScrollX,st(this,V,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=st(this,V,"f").taskInitialScrollX,t=!0),st(this,P,"f").objects.deepEqual(this.state.taskInitialScrollY,st(this,V,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=st(this,V,"f").taskInitialScrollY,t=!0),st(this,P,"f").objects.deepEqual(this.state.viewMode,st(this,V,"f").viewMode)||(this.state.viewMode=st(this,V,"f").viewMode,t=!0),t&&(st(this,P,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){ht(this,R,{},"f")}async getProps(t){return l(this,w,t)}async refresh(){s(this),this.plannerRenderer.refresh()}async setProps(t){f(this,w,t)}async addPhases(t,i){var s;const h=st(this,M,"m",A).call(this,t);h&&(st(this,R,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>T(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=D(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]],t.cells[this.phaseHours[0]],t.cells[this.phaseHours[1]],t.cells[this.phasePrevHours[0]],t.cells[this.phasePrevHours[1]]),e=E(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=st(this,M,"m",tt).call(this,t,this.phaseIconCol),o=st(this,M,"m",it).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:p.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}}))),this.plannerProps.mainGantt.initialScrollX=st(this,V,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=st(this,V,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=st(this,V,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=st(this,V,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps),this.refresh()}componentWillLoad(){st(this,P,"f").debug.logLoad(this,!1),st(this,P,"f").theme.register(this),this.initWithPersistedState(),ht(this,V,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=st(this,M,"m",K).call(this,st(this,M,"m",$).call(this,st(this,V,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");b(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&b(s),this.plannerProps={mainGantt:{title:this.titleMess,items:st(this,M,"m",Y).call(this,st(this,M,"m",$).call(this,st(this,V,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:st(this,V,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)},onPhaseDrop:t=>this.handleOnPhaseDrop(t)},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,scrollableTaskList:this.scrollableTaskList,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&st(this,M,"m",Z).call(this,this.taskFilter),this.detailFilter&&st(this,M,"m",Z).call(this,this.detailFilter,!0),st(this,P,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),st(this,P,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupPhaseDrop(t,i){this.kupPhaseDrop.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case p.TASK:st(this,M,"m",X).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.PHASE:st(this,M,"m",L).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.DETAIL:st(this,M,"m",F).call(this)&&this.onKupDblClick(t,m.onDblClick)}for(let t=0;t<st(this,I,"f").length;t++)clearTimeout(st(this,I,"f")[t]),st(this,P,"f").debug.logMessage(this,"Cleared click timeout("+st(this,I,"f")[t]+").");ht(this,I,[],"f")}handleOnClick(t){st(this,I,"f").push(setTimeout((()=>{switch(t.rowType){case p.TASK:const i=t.phases?m.onTaskClosing:m.onTaskOpening;st(this,M,"m",N).call(this,t)&&this.onKupClick(t,i);break;case p.PHASE:st(this,M,"m",_).call(this)&&this.onKupClick(t,m.onClick);break;case p.DETAIL:st(this,M,"m",q).call(this)&&this.onKupClick(t,m.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case p.TASK:st(this,M,"m",B).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.PHASE:st(this,M,"m",J).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.DETAIL:st(this,M,"m",Q).call(this)&&this.onKupContextMenu(t,i,m.onRightClick)}}handleOnSetDoubleView(t){var i;st(this,V,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){st(this,V,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){st(this,V,"f").taskInitialScrollX=t,st(this,V,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){st(this,V,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){st(this,V,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){st(this,M,"m",U).call(this,t)&&t.rowType!=p.DETAIL&&this.onKupDateChange(t,m.onResize)}handleOnPhaseDrop(t){this.onKupPhaseDrop(t,m.onTask)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,{key:"cce744fe8b14527039c6a39116da3ebbb79b5593"},h("style",{key:"3ac43e5c414360d07ba8a745c000bbc7e545545f"},st(this,P,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"3a9fb6211d0fc2b554bf4265350c567fc1108adb",id:k,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"9dda490b90dc263b1e42496c7c602ee0c09d081f",style:{display:this.plannerProps?"none":""}},h(y,{key:"b569efffbce491b845d813d913545bbb1efc3d08",icon:c.SEARCH,id:"main-filter",label:st(this,P,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&st(this,M,"m",Z).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(y,{icon:c.SEARCH,id:"secondary-filter",label:st(this,P,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&st(this,M,"m",Z).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){st(this,P,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:st(this,V,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};P=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,V=new WeakMap,M=new WeakSet,Y=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>T(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=D(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]],i.cells[this.taskHours[0]],i.cells[this.taskHours[1]],i.cells[this.taskPrevHours[0]],i.cells[this.taskPrevHours[1]]),h=E(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=st(this,M,"m",tt).call(this,i,this.taskIconCol),n=st(this,M,"m",it).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:p.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}})):[]},K=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>T(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=D(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]],void 0,void 0,s.cells[this.detailHours[0]],s.cells[this.detailHours[1]]),r=E(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:p.DETAIL,schedule:[]},i.push(l));let f=st(this,M,"m",tt).call(this,s,this.detailIconCol),c=st(this,M,"m",it).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:f?{url:f,color:null!=c?c:"#595959"}:void 0,startHour:a.hourValues[0],endHour:a.hourValues[1]})})),i},A=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},G=function(t){const i=st(this,M,"m",A).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},X=function(){return!0},L=function(){return!0},F=function(){return!0},N=function(t){const i=st(this,M,"m",A).call(this,t.id);return(null==i?void 0:i.phases)&&st(this,M,"m",G).call(this,i.id),!0},_=function(){return!0},q=function(){return!0},B=function(){return!0},J=function(){return!0},Q=function(){return!0},U=function(t){let i=!1;return st(this,W,"f")?st(this,W,"f").isEquivalent(t)||(ht(this,W,new v(t),"f"),i=!0):(i=!0,ht(this,W,new v(t),"f")),i},Z=function(t,i){i?st(this,V,"f").detailFilter=t:st(this,V,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:st(this,M,"m",K).call(this,st(this,M,"m",$).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:st(this,M,"m",Y).call(this,st(this,M,"m",$).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},$=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},tt=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},it=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=st(this,P,"f").theme.colorCheck(h).hexColor)}return h},et.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}.filter{margin:12px 10px 12px 0;padding:0 10px}.planner-render{padding-top:40px}";export{et as kup_planner}
+import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-aa62724a.js";import{k as a,ac as r,g as l,s as f,a as c,D as d}from"./p-34b51a97.js";import{K as p,d as u,a as m,b as v,c as w}from"./p-84b511e1.js";import{c as k}from"./p-635bb4b3.js";import{K as g}from"./p-eb8ea3a6.js";import{F as y}from"./p-f46c2da6.js";import{F as b}from"./p-b3577066.js";import"./p-d4a879fc.js";const x=a();function D(t,i,s,h,e,n,o,a){const r=S(t,i);let l=[];s&&h&&(l=T(s,h)?S(s,h):[...r]);let f=[];e&&n&&(z(e,n)?f=j(e,n):l=[...r]);let c=[];return o&&a&&(z(o,a)?c=j(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:f,secHourValues:c}}function S(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function j(t,i){let s=[t.value,i.value];return C(t)&&C(i)?s:C(t)?[t.value,t.value]:C(i)?[i.value,i.value]:s}function O(t){return x.objects.isDate(t.obj)&&x.dates.isValid(t.value,g.ISO_DATE)}function C(t){return x.objects.isTime(t.obj)||x.objects.isTimeWithSeconds(t.obj)}function T(t,i){return O(t)||O(i)}function z(t,i){return C(t)||C(i)}function E(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class H{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var M,P,W,I,R,V,Y,K,A,G,X,L,F,N,_,q,B,J,Q,U,Z,$,tt,it,st=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},ht=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const et=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupPhaseDrop=i(this,"kup-planner-phasedrop",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),M.add(this),this.state=new H,this.plannerRenderer=void 0,P.set(this,a()),W.set(this,void 0),I.set(this,[]),R.set(this,{}),V.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailHours=[],this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevHours=[],this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseHours=[],this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevHours=[],this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskHours=[],this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevHours=[],this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.scrollableTaskList=!1,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(st(this,P,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;st(this,P,"f").objects.deepEqual(this.state.detailFilter,st(this,V,"f").detailFilter)||(this.state.detailFilter=st(this,V,"f").detailFilter,t=!0),st(this,P,"f").objects.deepEqual(this.state.showSecondaryDates,st(this,V,"f").showSecondaryDates)||(this.state.showSecondaryDates=st(this,V,"f").showSecondaryDates,t=!0),st(this,P,"f").objects.deepEqual(this.state.detailInitialScrollX,st(this,V,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=st(this,V,"f").detailInitialScrollX,t=!0),st(this,P,"f").objects.deepEqual(this.state.detailInitialScrollY,st(this,V,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=st(this,V,"f").detailInitialScrollY,t=!0),st(this,P,"f").objects.deepEqual(this.state.taskFilter,st(this,V,"f").taskFilter)||(this.state.taskFilter=st(this,V,"f").taskFilter,t=!0),st(this,P,"f").objects.deepEqual(this.state.taskInitialScrollX,st(this,V,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=st(this,V,"f").taskInitialScrollX,t=!0),st(this,P,"f").objects.deepEqual(this.state.taskInitialScrollY,st(this,V,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=st(this,V,"f").taskInitialScrollY,t=!0),st(this,P,"f").objects.deepEqual(this.state.viewMode,st(this,V,"f").viewMode)||(this.state.viewMode=st(this,V,"f").viewMode,t=!0),t&&(st(this,P,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){ht(this,R,{},"f")}async getProps(t){return l(this,w,t)}async refresh(){s(this),this.plannerRenderer.refresh()}async setProps(t){f(this,w,t)}async addPhases(t,i){var s;const h=st(this,M,"m",A).call(this,t);h&&(st(this,R,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>T(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=D(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]],t.cells[this.phaseHours[0]],t.cells[this.phaseHours[1]],t.cells[this.phasePrevHours[0]],t.cells[this.phasePrevHours[1]]),e=E(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=st(this,M,"m",tt).call(this,t,this.phaseIconCol),o=st(this,M,"m",it).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:p.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}}))),this.plannerProps.mainGantt.initialScrollX=st(this,V,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=st(this,V,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=st(this,V,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=st(this,V,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps),this.refresh()}componentWillLoad(){st(this,P,"f").debug.logLoad(this,!1),st(this,P,"f").theme.register(this),this.initWithPersistedState(),ht(this,V,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=st(this,M,"m",K).call(this,st(this,M,"m",$).call(this,st(this,V,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");b(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&b(s),this.plannerProps={mainGantt:{title:this.titleMess,items:st(this,M,"m",Y).call(this,st(this,M,"m",$).call(this,st(this,V,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:st(this,V,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)},onPhaseDrop:t=>this.handleOnPhaseDrop(t)},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,scrollableTaskList:this.scrollableTaskList,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&st(this,M,"m",Z).call(this,this.taskFilter),this.detailFilter&&st(this,M,"m",Z).call(this,this.detailFilter,!0),st(this,P,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),st(this,P,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupPhaseDrop(t,i){this.kupPhaseDrop.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case p.TASK:st(this,M,"m",X).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.PHASE:st(this,M,"m",L).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.DETAIL:st(this,M,"m",F).call(this)&&this.onKupDblClick(t,m.onDblClick)}for(let t=0;t<st(this,I,"f").length;t++)clearTimeout(st(this,I,"f")[t]),st(this,P,"f").debug.logMessage(this,"Cleared click timeout("+st(this,I,"f")[t]+").");ht(this,I,[],"f")}handleOnClick(t){st(this,I,"f").push(setTimeout((()=>{switch(t.rowType){case p.TASK:const i=t.phases?m.onTaskClosing:m.onTaskOpening;st(this,M,"m",N).call(this,t)&&this.onKupClick(t,i);break;case p.PHASE:st(this,M,"m",_).call(this)&&this.onKupClick(t,m.onClick);break;case p.DETAIL:st(this,M,"m",q).call(this)&&this.onKupClick(t,m.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case p.TASK:st(this,M,"m",B).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.PHASE:st(this,M,"m",J).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.DETAIL:st(this,M,"m",Q).call(this)&&this.onKupContextMenu(t,i,m.onRightClick)}}handleOnSetDoubleView(t){var i;st(this,V,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){st(this,V,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){st(this,V,"f").taskInitialScrollX=t,st(this,V,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){st(this,V,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){st(this,V,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){st(this,M,"m",U).call(this,t)&&t.rowType!=p.DETAIL&&this.onKupDateChange(t,m.onResize)}handleOnPhaseDrop(t){this.onKupPhaseDrop(t,m.onTask)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,{key:"8a54d7d656678d78379f3a6489edd5c5549f9aef"},h("style",{key:"c3d992da4031466b066e0d5ec8b011f5bd98ae0d"},st(this,P,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"2548a1c46a36610312c0165676c34d30f9144f8d",id:k,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"80a845d00d29270bab7162a41d8c6df97864b202",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"d7dcdaaa0abf6dc8092f574cb58ad42cf779f354",style:{display:this.plannerProps?"none":""}},h(y,{key:"7ba043042fa58060b573c830c2b00343ea345130",icon:c.SEARCH,id:"main-filter",label:st(this,P,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&st(this,M,"m",Z).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(y,{icon:c.SEARCH,id:"secondary-filter",label:st(this,P,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&st(this,M,"m",Z).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){st(this,P,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:st(this,V,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};P=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,V=new WeakMap,M=new WeakSet,Y=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>T(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=D(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]],i.cells[this.taskHours[0]],i.cells[this.taskHours[1]],i.cells[this.taskPrevHours[0]],i.cells[this.taskPrevHours[1]]),h=E(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=st(this,M,"m",tt).call(this,i,this.taskIconCol),n=st(this,M,"m",it).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:p.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}})):[]},K=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>T(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=D(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]],void 0,void 0,s.cells[this.detailHours[0]],s.cells[this.detailHours[1]]),r=E(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:p.DETAIL,schedule:[]},i.push(l));let f=st(this,M,"m",tt).call(this,s,this.detailIconCol),c=st(this,M,"m",it).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:f?{url:f,color:null!=c?c:"#595959"}:void 0,startHour:a.hourValues[0],endHour:a.hourValues[1]})})),i},A=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},G=function(t){const i=st(this,M,"m",A).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},X=function(){return!0},L=function(){return!0},F=function(){return!0},N=function(t){const i=st(this,M,"m",A).call(this,t.id);return(null==i?void 0:i.phases)&&st(this,M,"m",G).call(this,i.id),!0},_=function(){return!0},q=function(){return!0},B=function(){return!0},J=function(){return!0},Q=function(){return!0},U=function(t){let i=!1;return st(this,W,"f")?st(this,W,"f").isEquivalent(t)||(ht(this,W,new v(t),"f"),i=!0):(i=!0,ht(this,W,new v(t),"f")),i},Z=function(t,i){i?st(this,V,"f").detailFilter=t:st(this,V,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:st(this,M,"m",K).call(this,st(this,M,"m",$).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:st(this,M,"m",Y).call(this,st(this,M,"m",$).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},$=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},tt=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},it=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=st(this,P,"f").theme.colorCheck(h).hexColor)}return h},et.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}.filter{margin:12px 10px 12px 0;padding:0 10px}.planner-render{padding-top:40px}";export{et as kup_planner}

package/dist/ketchup/{p-65e363c6.entry.js → p-b58cc563.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,f as i,h as a,H as h,d as n}from"./p-47040db6.js";import{k as o,g as p,s}from"./p-8d4050ec.js";import{c as l}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var f,c;!function(e){e.componentName="Sets the tag name of the component to be lazy loaded.",e.customStyle="Custom style of the component.",e.data="Sets the data of the component to be lazy loaded.",e.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(e){e.VIEWPORT="viewport",e.PROPS="props",e.BOTH="both"}(c||(c={}));const r=class{constructor(i){e(this,i),this.kupLazyLoaded=t(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(e){return p(this,f,e)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(e){s(this,f,e)}setObserver(){this.intObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let e,t,i=this.componentName;switch(this.componentName){case"kup-button":t=a("svg",{key:"bca5daf712b40d11abe4f3b1856385844642acf1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"ab212455b45b78bf981309de350b4b3619a288e9",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":t=a("svg",{key:"1e266ffe7b2568dc6caa45592e86b73c7683cc16",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"14a4eb6f9c5b6772cd26ec29aef7b470e0fe6574",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":t=a("svg",{key:"d553613ffa5ee60014a4e89cf8e62ace3384f3a4",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"bf5a69068bc1f2142a0d4b451cf3cdceb16d7963",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":t=a("svg",{key:"51f3129e31571f6e7a8faf293a6f3e35ba7524e0",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"19085e9d52b14637127c1bafdb37beb5349d2300",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":t=a("svg",{key:"f7f187befb900356e7e589b3d169adff21791e35",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"4a53ed7568274a78be593b5ce8cd412747313725",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":t=a("svg",{key:"587c27f674e8c3f153c9ed047ed605301a477621",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"e76e9b0410e3375d8d981396fdacc2f2c44dadf1",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":t=a("svg",{key:"c7e82a2c18827a874acd6b8fe2dbcb4009ab3807",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"291ca07cfeced3bbbc92cb5ae7ac69375b640e22",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":t=a("svg",{key:"d2f81e158dc86c4ef74ad7628ac376f7e0eacbe2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"fc4ec71ff460760866b3ad99db0d8cb9b8e3cd3b",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:t=a("svg",{key:"8da82bcc100ef628d5f4bab0a8d28c06841270ca",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"f95db9cad4ee1973048e1a121cf84a8b0ecbce99",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(e=a(this.componentName,Object.assign({key:"af0853700b7bbfdcfd01f500fe303816264b387f"},this.data,{ref:e=>this.lazyComponent=e})),i+=" kup-loaded"):this.showPlaceholder&&(e=t,i+=" kup-to-be-loaded"),a(h,{key:"66562d25373ef498b4b82bc654752c894051ce6b",class:i},a("style",{key:"7b314d53110ba9310ee1717f3b026da85e95e04d"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"4e72e07e2acb78b1db0e0a69c8a3424ff14731ff",id:l},e))}disconnectedCallback(){var e;this.kupManager.theme.unregister(this),null===(e=this.intObserver)||void 0===e||e.unobserve(this.rootElement)}get rootElement(){return n(this)}};r.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{r as kup_lazy}
+import{r as t,c as e,f as a,h as i,H as h,d as n}from"./p-aa62724a.js";import{k as o,g as p,s}from"./p-34b51a97.js";import{c as l}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var f,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(a){t(this,a),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,a=this.componentName;switch(this.componentName){case"kup-button":e=i("svg",{key:"f717d39acfba2a34310a35cdf9e68724417a682e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"28fe7c56ff834335c7bbca718320fdd19e2dd349",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=i("svg",{key:"595846ffff00d45aa625989890370a37bbcce80c",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"2dd03e7f2201ef3fa8d8eb4d17b657230ba2b7a9",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=i("svg",{key:"c6c34c22886703be990665f590ca1ddbca8a2ad4",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"c454e8bb8aa7a0f0ee304bf24273b2eb08f9c5e6",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=i("svg",{key:"6c0f0c2ff1f00b7b81b24ecca781dc514c3fca15",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"c99d8a722f592e1db06dcf8fff0feacc2a4c090a",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{key:"a9757477e1fa1d93eb31db1afb94a68129d0dc40",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"1d3dc82579ec0846c22a3db14a63b69c4c9c9f0d",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=i("svg",{key:"13b08856d46034651f8ab8cb1f81a7541d162566",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"dd7d2b265dd22f6ed3565d9fdea39bf7903ca558",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=i("svg",{key:"c3fd273494e47192b66eb5c042ccb795f0c303dc",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"97c12050d20f7a39a4f3144dc771a2ed8bf6bd46",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=i("svg",{key:"d6fe0ab4b15b94fad4d9a7f2a0c612d960ba1b5d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"f89b7910540c6660701f9b974c0f7e865cf66d9e",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=i("svg",{key:"748f4036681d57ea9b0bc0396a7f97d01d1bd8fb",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"8ac9a986d9f7e9e077e1856e6a88759628201880",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=i(this.componentName,Object.assign({key:"643382e2454680070d5e8b931cd54658c5e4d2da"},this.data,{ref:t=>this.lazyComponent=t})),a+=" kup-loaded"):this.showPlaceholder&&(t=e,a+=" kup-to-be-loaded"),i(h,{key:"d67ed652e6cec403ee806a3c1aeaf2f44e979f4f",class:a},i("style",{key:"7389286c6d8dd1a3499ddedfd09372640c238240"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"a51ee9e08e83971e2b4b57d92a1fde1df478d9e1",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}

package/dist/ketchup/p-b8aefc56.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,f as o,h as e,H as s,d as n}from"./p-aa62724a.js";import{k as r,x as a,g as h,s as l,$ as c,u as p,l as b,a as d,d as u,M as x,Q as f,ak as g,U as m,D as w}from"./p-34b51a97.js";import{f as k,p as v,s as y,d as _,r as j,b as z}from"./p-43a89559.js";import{F as C}from"./p-00a5d02c.js";import{a as P}from"./p-0787925c.js";import{c as M}from"./p-635bb4b3.js";import{F as A}from"./p-ecbd1132.js";import{F as R}from"./p-b3577066.js";import"./p-eb8ea3a6.js";import"./p-537f66c5.js";import"./p-c634eb82.js";import"./p-9d3a0a51.js";import"./p-f46c2da6.js";import"./p-d4a879fc.js";var I,E;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(E||(E={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var O,D,B,T,W,$,L,H,F,N=function(t,i,o,e){if("a"===o&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?e:"a"===o?e.call(t):e?e.value:i.get(t)},G=function(t,i,o,e,s){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?s.call(t,o):s?s.value=o:i.set(t,o),o};const V=class{constructor(o){t(this,o),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),O.add(this),this.state=new S,this.kupManager=r(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],D.set(this,void 0),B.set(this,[]),T.set(this,0),W.set(this,0),$.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=E.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=this.state.sortBy,this.globalFilterValue=this.state.globalFilterValue,this.selectedRowsState=this.state.selectedRowsState,this.pageSelected=this.state.pageSelected,this.rowsPerPage=this.state.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=!1;this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,o)=>t+(o>0?";":"")+i.id),"");if(this.kupManager.objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initVisibleColumns(),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){o(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=k(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.boxContainer&&(this.kupManager.scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.visibleColumns;let o=i.length,e=[],s=0;for(;o-- >0;)e.push({column:i[s++].name});t.content=e,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.visibleColumns,t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let o=null,e=null,s=null,n=null;if(t)for(let i=t.length-1;i>=0;i--){let e=t[i];e.tagName&&(e.tagName.toUpperCase(),e.classList.contains("box-object")&&(o=e),!s&&e["data-row"]&&(s=e["data-row"]))}if(o)if(o.classList.contains("f-cell")){const t=o["kup-get-cell-props"]();e=t.cell,n=t.column,s=t.row}else e=o["data-cell"],s=o["data-row"],n=p(this.visibleColumns,o.dataset.column);return{boxObject:o||null,column:n||null,cell:e||null,originalEvent:i,row:s||null}}clickHandler(t){return this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t)}contextMenuHandler(t){return this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onBoxClick({target:t},i){if(!(t instanceof HTMLElement))return;let o=t,e=o.classList;for(;!e.contains("box-object")&&!e.contains("box-section")&&!e.contains("box")&&(o=o.parentElement,null!==o);)e=o.classList;let s=null;e.contains("box-object")&&(s=o.dataset.column),this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:i,column:s}),this.multiSelection?this.onSelectionCheckChange(i):this.selectedRows=[i]}onSelectionCheckChange(t){var i=-1;for(let o=0;o<this.selectedRows.length;o++)if(this.selectedRows[o].id===t.id){i=o;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const o=this.collapsedSection[i.id];o[t.id]=!o[t.id]||!o[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,o){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:o})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=_(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=j(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const o={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let i=0;i<this.data.columns.length;i++){const e=this.data.columns[i];!1!==e.visible&&(o.cell.push(t.cells[e.name]),o.columns.push(e))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const e=t.cells[i];if(void 0!==e.cardID&&e.obj)switch(e.obj.p){case"BTN":do{o.button.push({})}while(o.button.length<e.cardID);o.button[e.cardID]={label:e.value};break;case"IMG":do{o.image.push({})}while(o.image.length<e.cardID);o.image[e.cardID]={resource:e.value};break;case"PGB":do{o.progressbar.push({})}while(o.progressbar.length<e.cardID);o.progressbar[e.cardID]={value:e.value};break;default:do{o.text.push("")}while(o.text.length<e.cardID);o.text[e.cardID]=e.value}}for(const e in t.cells)if(t.cells.hasOwnProperty(e)){const s=t.cells[e];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<o.button.length;t++)if(!Object.keys(o.button[t]).length){o.button[t]={label:s.value},i=!0;break}i||o.button.push({label:s.value});break;case"IMG":for(let t=0;t<o.image.length;t++)if(!Object.keys(o.image[t]).length){o.image[t]={resource:s.value},i=!0;break}i||o.image.push({resource:s.value});break;case"PGB":for(let t=0;t<o.progressbar.length;t++)if(!Object.keys(o.progressbar[t]).length){o.progressbar[t]={value:s.value},i=!0;break}i||o.progressbar.push({value:s.value});break;default:for(let t=0;t<o.text.length;t++)if(""===o.text[t]){o.text[t]=s.value,i=!0;break}i||o.text.push(s.value)}}return e("kup-card",Object.assign({data:o},this.cardData))}renderRow(t){const i=[...this.visibleColumns];let o=null,s=t.layout;s||(s=this.boxLayout);let n=!1;if(s){s.horizontal&&(n=!0);const e=s.sections;let r=e.length,a=0;r>0&&(o=[]);const h={horizontal:n};for(;r-- >0;)o.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(e[a++],h,t,i))}var r=!1;for(let i of this.selectedRows)i.id===t.id&&(r=!0);let a=null;this.multiSelection&&(a=e("div",{class:"box-selection"},e("kup-checkbox",{checked:r})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let o=null;if(t.actions){const i=t.actions.map(((i,o)=>e("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,o)},e("div",{class:`icon ${i.icon}`}),e("div",{class:"text"},i.text))));o=e("ul",null,i)}h=e("div",{class:"row-actions-wrapper"},e("div",{class:"row-actions-toggler"},e("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},e("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),e("div",{class:i},o)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>e("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),e("div",{class:"box-wrapper",style:t.style||{},ref:t=>{t&&N(this,B,"f").push(t)}},e("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,o,l),h)}renderSection(t,i,o,s){let n=null;if(t.sections&&t.sections.length>0){const i=t.sections;let e=i.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderSection(i[r++],t,o,s))}else if(t.content){const i=t.content;let e=i.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderBoxObject({boxObject:i[r++],row:o,visibleColumns:s},!0))}else s.length>0&&(n=this.renderBoxObject({boxObject:{column:s[0].name},row:o,visibleColumns:s}));const r=this.isSectionExpanded(o,t),a=!!t.columns,h={"box-section":!0,open:r,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.flex=`0 0 ${t.dim}`,l.overflow="hidden",i.horizontal?l.maxWidth=t.dim:l.maxHeight=t.dim),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:this.kupManager.language.translate(r?b.COLLAPSE:b.EXPAND),c=e("div",{class:h,style:l},e("div",{class:i},n),e("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(o,t)}},e("div",{class:"header-content"},e("span",null,s),e(C,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:r?"toggled":""}))))}else{const i=t.title?e("h3",null,t.title):null;c=e("div",{class:h,style:l},i,n)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:o},s){const n={"box-object":!0};let r=null,a=-1;for(let i=0;i<o.length;i++)if(o[i].name===t.column){a=i;break}a>=0?(r=o[a],o.splice(a,1)):s&&(r=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!this.kupManager.objects.isEmptyKupObj(h.obj)&&(n["is-obj"]=!0,this.kupManager.debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";")),e("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:n,style:{},title:l},h&&r?e(A,Object.assign({},{cell:h,column:r,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):e("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return this.kupManager.debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(b.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let o=[];for(let t=0;t<this.kanban.columns.length;t++)try{o.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,u.WARNING)}const e={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,n=!0;for(let t=0;t<s.length;t++)if(o[t]!==s[t]){n=!1;break}if(n){e.found=!0,e.index=i;break}}e.found?t[e.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:o,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let o=0;o<t.length;o++){const s=t[o].labels,n={data:[]};for(let t=0;t<s.length;t++)n.data.push({value:s[t],id:s[t]});i.push(e("div",{class:"kanban-section"},e(P,Object.assign({},n)),t[o].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),this.kupManager.interact.on(this.boxContainer,x.TAP,(t=>{var i;if(this.hold)this.hold=!1;else switch(t.button){case 0:const o={};for(const i in t)o[i]=t[i];const e=this.clickHandler(o);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:e.row,column:null===(i=e.column)||void 0===i?void 0:i.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),this.kupManager.interact.on(this.boxContainer,x.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],o=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.visibleColumns,t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),this.kupManager.interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:o},f.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=this.kupManager.getEventPath(t,this.rootElement),o=this.getEventDetails(i);return{cell:o.cell,column:o.column,id:this.rootElement.id,row:o.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:m.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const o=this.rowsRefs[i];o&&!this.interactableDrop.includes(o)&&(this.interactableDrop.push(o),this.kupManager.interact.dropzone(o,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX}))}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?G(this,T,document.querySelector(".header").clientHeight,"f"):G(this,T,0,"f"),document.querySelector(".topbar")&&G(this,T,N(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),N(this,O,"m",H).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),N(this,O,"m",L).call(this),this.kupManager.debug.logRender(this,!0)}render(){G(this,B,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.visibleColumns.map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let o={label:this.kupManager.language.translate(b.SORT_BY),trailingIcon:!0};i=e("div",{id:"sort-panel"},e("kup-combobox",{data:{"kup-text-field":o,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let o=null;this.globalFilter&&(o=e("div",{id:"global-filter"},e("kup-text-field",{fullWidth:!0,label:this.kupManager.language.translate(w.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let n=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(n=e(z,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{N(this,O,"m",F).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let r=null,a={};if(0===this.rows.length)r=e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(b.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();r=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,o=0;for(r=[];i-- >0;)r.push(this.renderRow(t[o++]))}return e(s,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:M},e("div",{class:"box-component",ref:t=>this.sectionRef=t},i,o,n,e("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},r))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,W=new WeakMap,$=new WeakMap,O=new WeakSet,L=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&N(this,D,"f").observe(N(this,B,"f")[N(this,B,"f").length-1])},H=function(){const t={threshold:0,rootMargin:"-"+N(this,T,"f")+"px 0px 0px 0px"};G(this,D,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),N(this,D,"f").unobserve(t.target)}}))}),t),"f")},F=function(){var t;let i=0;switch(this.loadMoreMode){case E.CONSTANT:i=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:i=this.loadMoreStep*(N(this,W,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:i=Math.max(N(this,$,"f"),this.loadMoreStep)*Math.min(N(this,W,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),G(this,$,i,"f"),G(this,W,(t=N(this,W,"f"),++t),"f")},V.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-background-color)\n  );--kup_box_color:var(--kup-box-color, var(--kup-text-color));--kup_box_font_family:var(--kup-box-font-family, var(--kup-font-family));--kup_box_font_size:var(--kup-box-font-size, var(--kup-font-size));--kup_box_grid_gap:var(--kup-box-grid-gap, 1em);--kup_box_hover_box_shadow:var(\n    --kup-box-hover-box-shadow,\n    0px 0px 7.5px 0px rgba(128, 128, 128, 0.5)\n  );--kup_box_primary_color_rgb:var(\n    --kup-box-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_box_transition:var(--kup-box-transition, 0.25s);display:block;font-family:var(--kup_box_font_family);font-size:var(--kup_box_font_size)}.box-component{background:var(--kup_box_background_color);transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup-border-color)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box:hover{box-shadow:var(--kup_box_hover_box_shadow)}#box-container .box-wrapper .box.selected{background-color:rgba(var(--kup_box_primary_color_rgb), 0.175)}#box-container .box-wrapper .box.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup-border-color);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-color);color:rgba(var(--kup-text-color-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 500ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-color)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(:not(.kup-borderless)) .box{border:1px solid var(--kup-border-color)}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box{padding:3px}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{margin:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{V as kup_box}

package/dist/ketchup/{p-1bcac01f.entry.js → p-bb1b8aac.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-47040db6.js";import{k as n,g as h,s as r,r as c,ac as l}from"./p-8d4050ec.js";import{c as p}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var f;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(f||(f={}));var u,m=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)};const d=class{constructor(i){t(this,i),this.kupCardListClickEvent=e(this,"kup-cardlist-click",7),u.set(this,n()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return h(this,f,t)}async refresh(){i(this)}async setProps(t){r(this,f,t)}componentWillLoad(){m(this,u,"f").debug.logLoad(this,!1),m(this,u,"f").theme.register(this)}componentDidLoad(){m(this,u,"f").debug.logLoad(this,!0)}componentDidRender(){m(this,u,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let e,i,o,n,h,r,f,d,g,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name)switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:h=a;break;case this.layoutCol:r=a;break;case this.measureCol:f=a;break;case this.textcolorCol:d=a;break;case this.valueCol:g=a;break;case this.valuecolorCol:k=a}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s],x={color:[],image:[],text:[]},y=r&&p.cells[r.name].value?parseInt(p.cells[r.name].value):1,w=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:c.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})},slot:s.toString()}),b=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=m(this,u,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a)}}}};switch(y){case 1:b(d,"color",0),b(k,"color",1),b(i,"text",0),b(g,"text",1);break;case 2:b(n,"color",0),b(k,"color",1),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2);break;case 3:b(k,"color",0),b(d,"color",1),b(g,"text",0),b(i,"text",1);break;case 4:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2),b(i,"text",3);break;case 5:b(n,"color",0),b(d,"color",1),b(k,"color",2),b(o,"image",0),b(i,"text",0),b(g,"text",1);break;case 6:case 7:case 8:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(g,"text",0),b(i,"text",1)}t.push(w)}return a(s,null,a("style",null,m(this,u,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){m(this,u,"f").theme.unregister(this)}get rootElement(){return o(this)}};u=new WeakMap,d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";export{d as kup_card_list}
+import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-aa62724a.js";import{k as n,g as h,s as r,r as c,ac as l}from"./p-34b51a97.js";import{c as p}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var f;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(f||(f={}));var u,m=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)};const d=class{constructor(i){t(this,i),this.kupCardListClickEvent=e(this,"kup-cardlist-click",7),u.set(this,n()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return h(this,f,t)}async refresh(){i(this)}async setProps(t){r(this,f,t)}componentWillLoad(){m(this,u,"f").debug.logLoad(this,!1),m(this,u,"f").theme.register(this)}componentDidLoad(){m(this,u,"f").debug.logLoad(this,!0)}componentDidRender(){m(this,u,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let e,i,o,n,h,r,f,d,g,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name)switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:h=a;break;case this.layoutCol:r=a;break;case this.measureCol:f=a;break;case this.textcolorCol:d=a;break;case this.valueCol:g=a;break;case this.valuecolorCol:k=a}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s],x={color:[],image:[],text:[]},y=r&&p.cells[r.name].value?parseInt(p.cells[r.name].value):1,w=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:c.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})},slot:s.toString()}),b=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=m(this,u,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a)}}}};switch(y){case 1:b(d,"color",0),b(k,"color",1),b(i,"text",0),b(g,"text",1);break;case 2:b(n,"color",0),b(k,"color",1),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2);break;case 3:b(k,"color",0),b(d,"color",1),b(g,"text",0),b(i,"text",1);break;case 4:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2),b(i,"text",3);break;case 5:b(n,"color",0),b(d,"color",1),b(k,"color",2),b(o,"image",0),b(i,"text",0),b(g,"text",1);break;case 6:case 7:case 8:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(g,"text",0),b(i,"text",1)}t.push(w)}return a(s,null,a("style",null,m(this,u,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){m(this,u,"f").theme.unregister(this)}get rootElement(){return o(this)}};u=new WeakMap,d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";export{d as kup_card_list}