npm - @sme.up/ketchup - Versions diffs - 9.6.3 → 9.6.4 - Mend

@sme.up/ketchup 9.6.3 → 9.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (211) hide show

package/dist/ketchup/{p-a5074ce4.js → p-6c888179.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{h as e,g as l}from"./p-47040db6.js";import{a as t}from"./p-~~9a856951~~.js";const i=document.documentElement,n=(l,t)=>e("div",Object.assign({class:`f-text-field ${l.danger?"kup-danger":""} ${l.fullHeight?"kup-full-height":""} ${l.fullWidth?"kup-full-width":""} ${l.info?"kup-info":""} ${l.secondary?"kup-secondary":""} ${l.shaped?"kup-shaped":""} ${l.success?"kup-success":""} ${l.warning?"kup-warning":""} ${l.wrapperClass?l.wrapperClass:""}`},l.dataSet,{id:l.id,title:l.title}),l.leadingLabel\|\|l.trailingLabel?e("div",{class:"mdc-form-field "+(l.leadingLabel?"mdc-form-field--align-end":"")},[d(l),c(l),e("label",null,l.label)]):[d(l),c(l)],t);function d(n){var d,c;const o=n.textArea\|\|n.outlined;let s,r;if(!n.label\|\|n.leadingLabel\|\|n.trailingLabel\|\|(s=e("label",{class:"mdc-floating-label",htmlFor:"kup-input"},n.label)),n.icon){let i,d="";if(Object.values(t).indexOf(n.icon)>-1)d=n.icon.replace("--","");else{let e=`url('${l(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}r=e("span",{style:i,onClick:n.onIconClick,class:`mdc-text-field__icon kup-icon action ${d}`})}const u={"is-clearable":n.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":n.disabled,"mdc-text-field--filled":!n.fullWidth&&!o,"mdc-text-field--no-label":!n.label,"mdc-text-field--fullwidth":n.fullWidth,"mdc-text-field--outlined":o,"mdc-text-field--textarea":n.textArea,"mdc-text-field--with-leading-icon":n.icon&&!n.trailingIcon,"mdc-text-field--with-trailing-icon":n.icon&&n.trailingIcon};let m=n.value,f=null!==(d=n.inputType)&&void 0!==d?d:"text",p=!1;if("number"===n.inputType&&(n.decimals&&n.decimals>0\|\|n.group)&&(f="text",p=!0),"number"===n.inputType){const e={allowNegative:null===(c=n.allowNegative)\|\|void 0===c\|\|c,decimal:n.decimals,group:n.group,integer:n.integers};m=a(m,e,!1)}return e("div",{class:u},n.textArea&&n.maxLength?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",n.maxLength):void 0,n.trailingIcon?void 0:r,n.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:n.disabled,readOnly:n.readOnly,maxlength:n.maxLength,value:m,onBlur:n.onBlur,onClick:n.onClick,onChange:n.onChange,onFocus:n.onFocus,onInput:n.onInput,onKeyDown:n.onKeyDown})):e("input",{inputmode:n.inputMode?n.inputMode:void 0,type:f,step:n.step,min:n.min,max:n.max,name:n.name,class:"mdc-text-field__input",disabled:n.disabled,readOnly:n.readOnly,placeholder:n.fullWidth&&!n.outlined?n.label:void 0,maxlength:n.maxLength,size:n.size,value:m,onBlur:e=>{var l;if(p){const t={allowNegative:null===(l=n.allowNegative)\|\|void 0===l\|\|l,decimal:n.decimals,group:n.group,integer:n.integers};e.target.value=a(e.target.value,t,!0)}n.onBlur&&n.onBlur(e)},onChange:e=>{var l;if(p){const t={allowNegative:null===(l=n.allowNegative)\|\|void 0===l\|\|l,decimal:n.decimals,group:n.group,integer:n.integers};e.target.value=null!=n.min&&n.min>parseFloat(e.target.value)?a(n.min.toString(),t,!0):null!=n.max&&n.max<parseFloat(e.target.value)?a(n.max.toString(),t,!0):a(e.target.value,t,!0)}else null!=n.min&&n.min>parseFloat(e.target.value)?e.target.value=n.min.toString():null!=n.max&&n.max<parseFloat(e.target.value)&&(e.target.value=n.max.toString());n.onChange&&n.onChange(e)},onClick:n.onClick,onFocus:n.onFocus,onInput:n.onInput,onKeyDown:n.onKeyDown,onKeyPress:e=>{var l;if(!p)return;if(e.ctrlKey)return;if(e.key.length>1)return;const t={allowNegative:null===(l=n.allowNegative)\|\|void 0===l\|\|l,decimal:n.decimals,group:n.group,integer:n.integers};let d=e.target,c=d.value,a=c.substring(0,d.selectionStart),o=c.substring(d.selectionEnd,d.selectionEnd+c.length-1);i.ketchup.math.matchNumericValueWithOptions(a+e.key+o,t)\|\|e.preventDefault()}}),n.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${t.CLEAR.replace("--","")}`,onClick:n.onClearIconClick}):void 0,n.trailingIcon?r:void 0,n.fullWidth\|\|o?void 0:s,o?e("div",{class:"mdc-notched-outline"},e("div",{class:"mdc-notched-outline__leading"}),e("div",{class:"mdc-notched-outline__notch"},s),e("div",{class:"mdc-notched-outline__trailing"})):e("span",{class:"mdc-line-ripple"}))}function c(l){if(!1!==l.helperEnabled){if(l.helper)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!l.helperWhenFocused}},l.helper),!0!==l.hiddenCounter&&l.maxLength&&!l.textArea?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",l.maxLength.toString()):void 0);if(!0!==l.hiddenCounter&&l.maxLength&&!l.textArea)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",l.maxLength))}}const a=function(e,l,t){let n=e;return n?"-"==n?"":i.ketchup.math.format(n,i.ketchup.math.createFormatPattern(l.group,l.decimal),t):n};export{n as F}
1	+ import{h as e,g as l}from"./p-47040db6.js";import{a as t}from"./p-8229b97a.js";const i=document.documentElement,n=(l,t)=>e("div",Object.assign({class:`f-text-field ${l.danger?"kup-danger":""} ${l.fullHeight?"kup-full-height":""} ${l.fullWidth?"kup-full-width":""} ${l.info?"kup-info":""} ${l.secondary?"kup-secondary":""} ${l.shaped?"kup-shaped":""} ${l.success?"kup-success":""} ${l.warning?"kup-warning":""} ${l.wrapperClass?l.wrapperClass:""}`},l.dataSet,{id:l.id,title:l.title}),l.leadingLabel\|\|l.trailingLabel?e("div",{class:"mdc-form-field "+(l.leadingLabel?"mdc-form-field--align-end":"")},[d(l),c(l),e("label",null,l.label)]):[d(l),c(l)],t);function d(n){var d,c;const o=n.textArea\|\|n.outlined;let s,r;if(!n.label\|\|n.leadingLabel\|\|n.trailingLabel\|\|(s=e("label",{class:"mdc-floating-label",htmlFor:"kup-input"},n.label)),n.icon){let i,d="";if(Object.values(t).indexOf(n.icon)>-1)d=n.icon.replace("--","");else{let e=`url('${l(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}r=e("span",{style:i,onClick:n.onIconClick,class:`mdc-text-field__icon kup-icon action ${d}`})}const u={"is-clearable":n.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":n.disabled,"mdc-text-field--filled":!n.fullWidth&&!o,"mdc-text-field--no-label":!n.label,"mdc-text-field--fullwidth":n.fullWidth,"mdc-text-field--outlined":o,"mdc-text-field--textarea":n.textArea,"mdc-text-field--with-leading-icon":n.icon&&!n.trailingIcon,"mdc-text-field--with-trailing-icon":n.icon&&n.trailingIcon};let m=n.value,f=null!==(d=n.inputType)&&void 0!==d?d:"text",p=!1;if("number"===n.inputType&&(n.decimals&&n.decimals>0\|\|n.group)&&(f="text",p=!0),"number"===n.inputType){const e={allowNegative:null===(c=n.allowNegative)\|\|void 0===c\|\|c,decimal:n.decimals,group:n.group,integer:n.integers};m=a(m,e,!1)}return e("div",{class:u},n.textArea&&n.maxLength?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",n.maxLength):void 0,n.trailingIcon?void 0:r,n.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:n.disabled,readOnly:n.readOnly,maxlength:n.maxLength,value:m,onBlur:n.onBlur,onClick:n.onClick,onChange:n.onChange,onFocus:n.onFocus,onInput:n.onInput,onKeyDown:n.onKeyDown})):e("input",{inputmode:n.inputMode?n.inputMode:void 0,type:f,step:n.step,min:n.min,max:n.max,name:n.name,class:"mdc-text-field__input",disabled:n.disabled,readOnly:n.readOnly,placeholder:n.fullWidth&&!n.outlined?n.label:void 0,maxlength:n.maxLength,size:n.size,value:m,onBlur:e=>{var l;if(p){const t={allowNegative:null===(l=n.allowNegative)\|\|void 0===l\|\|l,decimal:n.decimals,group:n.group,integer:n.integers};e.target.value=a(e.target.value,t,!0)}n.onBlur&&n.onBlur(e)},onChange:e=>{var l;if(p){const t={allowNegative:null===(l=n.allowNegative)\|\|void 0===l\|\|l,decimal:n.decimals,group:n.group,integer:n.integers};e.target.value=null!=n.min&&n.min>parseFloat(e.target.value)?a(n.min.toString(),t,!0):null!=n.max&&n.max<parseFloat(e.target.value)?a(n.max.toString(),t,!0):a(e.target.value,t,!0)}else null!=n.min&&n.min>parseFloat(e.target.value)?e.target.value=n.min.toString():null!=n.max&&n.max<parseFloat(e.target.value)&&(e.target.value=n.max.toString());n.onChange&&n.onChange(e)},onClick:n.onClick,onFocus:n.onFocus,onInput:n.onInput,onKeyDown:n.onKeyDown,onKeyPress:e=>{var l;if(!p)return;if(e.ctrlKey)return;if(e.key.length>1)return;const t={allowNegative:null===(l=n.allowNegative)\|\|void 0===l\|\|l,decimal:n.decimals,group:n.group,integer:n.integers};let d=e.target,c=d.value,a=c.substring(0,d.selectionStart),o=c.substring(d.selectionEnd,d.selectionEnd+c.length-1);i.ketchup.math.matchNumericValueWithOptions(a+e.key+o,t)\|\|e.preventDefault()}}),n.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${t.CLEAR.replace("--","")}`,onClick:n.onClearIconClick}):void 0,n.trailingIcon?r:void 0,n.fullWidth\|\|o?void 0:s,o?e("div",{class:"mdc-notched-outline"},e("div",{class:"mdc-notched-outline__leading"}),e("div",{class:"mdc-notched-outline__notch"},s),e("div",{class:"mdc-notched-outline__trailing"})):e("span",{class:"mdc-line-ripple"}))}function c(l){if(!1!==l.helperEnabled){if(l.helper)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!l.helperWhenFocused}},l.helper),!0!==l.hiddenCounter&&l.maxLength&&!l.textArea?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",l.maxLength.toString()):void 0);if(!0!==l.hiddenCounter&&l.maxLength&&!l.textArea)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",l.maxLength))}}const a=function(e,l,t){let n=e;return n?"-"==n?"":i.ketchup.math.format(n,i.ketchup.math.createFormatPattern(l.group,l.decimal),t):n};export{n as F}

package/dist/ketchup/{p-1474852d.entry.js → p-79f4dc5b.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-47040db6.js";import{k as o,b as l,r as a}from"./p-9a856951.js";import{c as p}from"./p-635bb4b3.js";import{F as r}from"./p-a5074ce4.js";import{F as u}from"./p-b3577066.js";import"./p-935f58fc.js";import"./p-d4a879fc.js";var c;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(c\|\|(c={}));const f=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=c;else for(const t in c)Object.prototype.hasOwnProperty.call(c,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb\|\|(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals\|\|this.maxIntegers\|\|(this.maxIntegers=17),!this.decimals\|\|this.maxIntegers\|\|this.maxDecimals\|\|(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon\|\|(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(r,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:a.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data\|\|(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),u(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"00b965e54783036031219a8eb57fcb3a764c6f30"},s("style",{key:"004fdaa3d5cf77a7364ba2114eaff76f3985e3ac"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"2d7cb3bec99e2874ca26246a091ca2c21bdf2f1e",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};f.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;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{f as kup_numeric_picker}
1	+ import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-47040db6.js";import{k as o,b as l,r as a}from"./p-8229b97a.js";import{c as p}from"./p-635bb4b3.js";import{F as r}from"./p-6c888179.js";import{F as u}from"./p-b3577066.js";import"./p-eb8ea3a6.js";import"./p-d4a879fc.js";var c;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(c\|\|(c={}));const f=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=c;else for(const t in c)Object.prototype.hasOwnProperty.call(c,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb\|\|(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals\|\|this.maxIntegers\|\|(this.maxIntegers=17),!this.decimals\|\|this.maxIntegers\|\|this.maxDecimals\|\|(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon\|\|(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(r,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:a.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data\|\|(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),u(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"83c844a686d9a82576b8ccbbdaaf0ce61190fad4"},s("style",{key:"9f8e8eeeeb0db1f67cdd03e0815aa3cc0126f7b0"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"787aee96d5550a9bdb98d3d746142967456645f4",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};f.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;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{f as kup_numeric_picker}

package/dist/ketchup/{p-2b40d9b9.entry.js → p-818e61d5.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{h as t,r as i,d as s}from"./p-47040db6.js";import{c as e,a as h,g as l,m as a,b as n,d as o,e as d}from"./p-~~9852b1e9~~.js";import{e as r,f as c}from"./p-924b841b.js";import{b as v}from"./p-~~935f58fc~~.js";import{g as u}from"./p-e841c2ae.js";const D=()=>()=>t("div",null),p=class{constructor(t){i(this,t),this.locale="it-IT",this.props=void 0,this.timeUnit=void 0,this.currentTasks=[],this.currentDetails=[],this.scrollX=-1,this.mainGanttDoubleView=!1,this.displayedDates={displayedStartDate:new Date,displayedEndDate:new Date},this.viewDate=void 0,this.projection=void 0,this.tasks=[],this.details=[]}mainGanttChangeHandler(){var t;this.currentTasks=this.props.mainGantt.items,this.currentDetails=null===(t=this.props.secondaryGantt)\|\|void 0===t?void 0:t.items,this.projection=void 0,this.updateTasks()}updateDisplayedDates(){const t=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,this.props.preStepsCount);if(!this.viewDate){const i=new Date;this.viewDate=t.displayedStartDate<=i&&t.displayedEndDate>=i?i:t.displayedStartDate}}updateTasks(){var t,i;const s=new v;this.tasks=[];for(let i=0;i<(null===(t=this.currentTasks)\|\|void 0===t?void 0:t.length);i++)this.tasks.push(...h(this.currentTasks[i],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)));this.details=[];for(let t=0;t<(null===(i=this.currentDetails)\|\|void 0===i?void 0:i.length);t++)this.details.push(...h(this.currentDetails[t],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)))}componentWillLoad(){var t,i,s,h,l,a,n,o,d,r;this.timeUnit=null===(t=this.props)\|\|void 0===t?void 0:t.viewMode,this.currentTasks=(null===(i=this.props)\|\|void 0===i?void 0:i.mainGantt.items)\|\|[],this.currentDetails=null===(h=null===(s=this.props)\|\|void 0===s?void 0:s.secondaryGantt)\|\|void 0===h?void 0:h.items,this.scrollX=(null===(a=null===(l=this.props)\|\|void 0===l?void 0:l.mainGantt)\|\|void 0===a?void 0:a.initialScrollX)\|\|-1,this.mainGanttDoubleView=null!==(d=null===(o=null===(n=this.props)\|\|void 0===n?void 0:n.mainGantt)\|\|void 0===o?void 0:o.showSecondaryDates)&&void 0!==d&&d,this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(r=this.props)\|\|void 0===r?void 0:r.preStepsCount),this.viewDate=void 0,this.projection=void 0,this.updateTasks()}async refresh(){var t;this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(t=this.props)\|\|void 0===t?void 0:t.preStepsCount)}handleClick(t,i){if(t){if("task"===t.type&&this.props.secondaryGantt){const i=t;this.projection={start:new Date(i.startDate),end:new Date(i.endDate),color:i.color\|\|"#ED7D31"}}else this.projection=void 0;null==i\|\|i(t)}}handleDblClick(t,i){t&&(null==i\|\|i(t))}handleContextMenu(t,i,s){if(i){if("task"===i.type&&this.props.secondaryGantt){const t=i;this.projection={start:new Date(t.startDate),end:new Date(t.endDate),color:t.color\|\|"#ED7D31"}}else this.projection=void 0;null==s\|\|s(t,i)}}handleSetDoubleView(t){var i,s;this.mainGanttDoubleView=t,null===(s=null===(i=this.props)\|\|void 0===i?void 0:i.onSetDoubleView)\|\|void 0===s\|\|s.call(i,t)}handleDateChange(t,i,s){var e;const h=null==t?void 0:t.id;if(!h)return;let d=n(h,i);if(d\|\|(d=l(h,i)),d)if("timeline"!==d.type){if("project"===d.type){const s=a(i,t);d=n(d.id,s),this.viewDate=t.start,this.currentTasks=s}else if("task"===d.type){const s=i.find((t=>{var i;return null===(i=t.phases)\|\|void 0===i?void 0:i.some((t=>(null==t?void 0:t.id)===h))}));if(s){const h=o(s.phases,t),a=i.map((t=>t.id===s.id?Object.assign(Object.assign({},t),{phases:h}):t));d=l(d.id,a),this.props.secondaryGantt&&d&&(this.projection={start:new Date(d.startDate),end:new Date(d.endDate),color:null!==(e=d.color)&&void 0!==e?e:"#ED7D31"}),this.viewDate=t.start,this.currentTasks=a}}null==s\|\|s(d),setTimeout(this.getScrollX,500)}else console.log("onDateChange for timeline not managed yet",h,d.type)}getScrollX(){var t,i,s;if(this.rootElement){const e=null===(t=this.rootElement.querySelector('[data-scrollx="true"]'))\|\|void 0===t?void 0:t.scrollLeft;void 0!==e&&(null===(s=(i=this.props).onScrollX)\|\|void 0===s\|\|s.call(i,e))}}render(){var i,s,e;return t("div",{key:"~~819b9d89b953274cacccee9bf2022575743e0d27~~",class:"planner-render"},t("kup-switcher",{key:"~~eebcce029f98a9f08cab9c96be0bad01999b7f95~~",timeUnitChange:t=>{var i,s;null===(s=(i=this.props).onSetViewMode)\|\|void 0===s\|\|s.call(i,t),this.timeUnit=t,this.viewDate=void 0,this.scrollX=-1}}),this.props&&t("div",{style:{display:"flex",flexDirection:"column"}},t("kup-gantt",Object.assign({ref:t=>this.mainGantt=t,ganttId:r,key:r,filter:this.props.mainGantt.filter,hideLabel:this.props.mainGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.mainGantt.hideDependencies,ganttHeight:this.props.mainGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.tasks,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.mainGantt.stylingOptions,{TaskListHeader:this.props.mainGantt.taskListHeaderProject,TaskListTable:this.props.mainGantt.taskListTableProject,TooltipContent:null!==(i=this.props.mainGantt.tooltipContent)&&void 0!==i?i:D(),barClick:t=>{let i=n(t.id,this.currentTasks);i\|\|(i=l(t.id,this.currentTasks)),i&&this.handleClick(i,this.props.mainGantt.onClick)},barDblClick:t=>{let i=n(t.id,this.currentTasks);i\|\|(i=l(t.id,this.currentTasks)),i&&this.handleDblClick(i,this.props.mainGantt.onDblClick)},barContextMenu:(t,i)=>{let s=n(i.id,this.currentTasks);s\|\|(s=l(i.id,this.currentTasks)),s&&this.handleContextMenu(t,s,this.props.mainGantt.onContextMenu)},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.mainGantt.onDateChange),locale:this.locale,dateTimeFormatters:u,initialScrollX:this.scrollX,initialScrollY:this.props.mainGantt.initialScrollY,readOnly:this.props.mainGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.mainGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.mainGantt.onClick,ganttOnDblClick:this.props.mainGantt.onDblClick,ganttonOnContextMenu:this.props.mainGantt.onContextMenu,label:this.props.mainGantt.title,doubleView:null!==(s=this.mainGanttDoubleView)&&void 0!==s&&s,setDoubleView:this.handleSetDoubleView.bind(this)})),this.props.secondaryGantt&&t("kup-gantt",Object.assign({ref:t=>this.secondaryGantt=t,ganttId:c,key:c,filter:this.props.secondaryGantt.filter,hideLabel:this.props.secondaryGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.secondaryGantt.hideDependencies,ganttHeight:this.props.secondaryGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.details,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.secondaryGantt.stylingOptions,{TaskListHeader:this.props.secondaryGantt.taskListHeaderProject,TaskListTable:this.props.secondaryGantt.taskListTableProject,TooltipContent:null!==(e=this.props.secondaryGantt.tooltipContent)&&void 0!==e?e:D(),projection:this.projection,barClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleClick(i,this.props.secondaryGantt.onClick)}},barDblClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleDblClick(i,this.props.secondaryGantt.onDblClick)}},barContextMenu:(t,i)=>{if(this.props.secondaryGantt){let s=n(i.id,this.currentDetails);s&&this.handleContextMenu(t,s,this.props.secondaryGantt.onContextMenu)}},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.secondaryGantt.onDateChange),locale:this.locale,dateTimeFormatters:u,initialScrollX:this.scrollX,initialScrollY:this.props.secondaryGantt.initialScrollY,readOnly:this.props.secondaryGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.secondaryGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.secondaryGantt.onClick,ganttOnDblClick:this.props.secondaryGantt.onDblClick,ganttonOnContextMenu:this.props.secondaryGantt.onContextMenu,label:this.props.secondaryGantt.title}))))}get rootElement(){return s(this)}static get watchers(){return{props:["mainGanttChangeHandler"],timeUnit:["updateDisplayedDates"],mainGanttDoubleView:["updateDisplayedDates"],"props.preStepsCount":["updateDisplayedDates"],viewDate:["updateDisplayedDates"],currentTasks:["updateTasks"],currentDetails:["updateTasks"]}}};export{p as kup_planner_renderer}
1	+ import{h as t,r as i,d as s}from"./p-47040db6.js";import{c as e,a as h,g as l,m as a,b as n,d as o,e as d}from"./p-e4c63684.js";import{e as r,f as c}from"./p-924b841b.js";import{b as v}from"./p-eb8ea3a6.js";import{g as u}from"./p-e841c2ae.js";const D=()=>()=>t("div",null),p=class{constructor(t){i(this,t),this.locale="it-IT",this.props=void 0,this.timeUnit=void 0,this.currentTasks=[],this.currentDetails=[],this.scrollX=-1,this.mainGanttDoubleView=!1,this.displayedDates={displayedStartDate:new Date,displayedEndDate:new Date},this.viewDate=void 0,this.projection=void 0,this.tasks=[],this.details=[]}mainGanttChangeHandler(){var t;this.currentTasks=this.props.mainGantt.items,this.currentDetails=null===(t=this.props.secondaryGantt)\|\|void 0===t?void 0:t.items,this.projection=void 0,this.updateTasks()}updateDisplayedDates(){const t=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,this.props.preStepsCount);if(!this.viewDate){const i=new Date;this.viewDate=t.displayedStartDate<=i&&t.displayedEndDate>=i?i:t.displayedStartDate}}updateTasks(){var t,i;const s=new v;this.tasks=[];for(let i=0;i<(null===(t=this.currentTasks)\|\|void 0===t?void 0:t.length);i++)this.tasks.push(...h(this.currentTasks[i],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)));this.details=[];for(let t=0;t<(null===(i=this.currentDetails)\|\|void 0===i?void 0:i.length);t++)this.details.push(...h(this.currentDetails[t],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)))}componentWillLoad(){var t,i,s,h,l,a,n,o,d,r;this.timeUnit=null===(t=this.props)\|\|void 0===t?void 0:t.viewMode,this.currentTasks=(null===(i=this.props)\|\|void 0===i?void 0:i.mainGantt.items)\|\|[],this.currentDetails=null===(h=null===(s=this.props)\|\|void 0===s?void 0:s.secondaryGantt)\|\|void 0===h?void 0:h.items,this.scrollX=(null===(a=null===(l=this.props)\|\|void 0===l?void 0:l.mainGantt)\|\|void 0===a?void 0:a.initialScrollX)\|\|-1,this.mainGanttDoubleView=null!==(d=null===(o=null===(n=this.props)\|\|void 0===n?void 0:n.mainGantt)\|\|void 0===o?void 0:o.showSecondaryDates)&&void 0!==d&&d,this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(r=this.props)\|\|void 0===r?void 0:r.preStepsCount),this.viewDate=void 0,this.projection=void 0,this.updateTasks()}async refresh(){var t;this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(t=this.props)\|\|void 0===t?void 0:t.preStepsCount)}handleClick(t,i){if(t){if("task"===t.type&&this.props.secondaryGantt){const i=t;this.projection={start:new Date(i.startDate),end:new Date(i.endDate),color:i.color\|\|"#ED7D31"}}else this.projection=void 0;null==i\|\|i(t)}}handleDblClick(t,i){t&&(null==i\|\|i(t))}handleContextMenu(t,i,s){if(i){if("task"===i.type&&this.props.secondaryGantt){const t=i;this.projection={start:new Date(t.startDate),end:new Date(t.endDate),color:t.color\|\|"#ED7D31"}}else this.projection=void 0;null==s\|\|s(t,i)}}handleSetDoubleView(t){var i,s;this.mainGanttDoubleView=t,null===(s=null===(i=this.props)\|\|void 0===i?void 0:i.onSetDoubleView)\|\|void 0===s\|\|s.call(i,t)}handleDateChange(t,i,s){var e;const h=null==t?void 0:t.id;if(!h)return;let d=n(h,i);if(d\|\|(d=l(h,i)),d)if("timeline"!==d.type){if("project"===d.type){const s=a(i,t);d=n(d.id,s),this.viewDate=t.start,this.currentTasks=s}else if("task"===d.type){const s=i.find((t=>{var i;return null===(i=t.phases)\|\|void 0===i?void 0:i.some((t=>(null==t?void 0:t.id)===h))}));if(s){const h=o(s.phases,t),a=i.map((t=>t.id===s.id?Object.assign(Object.assign({},t),{phases:h}):t));d=l(d.id,a),this.props.secondaryGantt&&d&&(this.projection={start:new Date(d.startDate),end:new Date(d.endDate),color:null!==(e=d.color)&&void 0!==e?e:"#ED7D31"}),this.viewDate=t.start,this.currentTasks=a}}null==s\|\|s(d),setTimeout(this.getScrollX,500)}else console.log("onDateChange for timeline not managed yet",h,d.type)}getScrollX(){var t,i,s;if(this.rootElement){const e=null===(t=this.rootElement.querySelector('[data-scrollx="true"]'))\|\|void 0===t?void 0:t.scrollLeft;void 0!==e&&(null===(s=(i=this.props).onScrollX)\|\|void 0===s\|\|s.call(i,e))}}render(){var i,s,e;return t("div",{key:"e633ff68b8b848cd29b1fb4a44f4561ef9dfc65f",class:"planner-render"},t("kup-switcher",{key:"e8982db1704160c67839e156521f8cadbd9d182a",timeUnitChange:t=>{var i,s;null===(s=(i=this.props).onSetViewMode)\|\|void 0===s\|\|s.call(i,t),this.timeUnit=t,this.viewDate=void 0,this.scrollX=-1}}),this.props&&t("div",{style:{display:"flex",flexDirection:"column"}},t("kup-gantt",Object.assign({ref:t=>this.mainGantt=t,ganttId:r,key:r,filter:this.props.mainGantt.filter,hideLabel:this.props.mainGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.mainGantt.hideDependencies,ganttHeight:this.props.mainGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.tasks,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.mainGantt.stylingOptions,{TaskListHeader:this.props.mainGantt.taskListHeaderProject,TaskListTable:this.props.mainGantt.taskListTableProject,TooltipContent:null!==(i=this.props.mainGantt.tooltipContent)&&void 0!==i?i:D(),barClick:t=>{let i=n(t.id,this.currentTasks);i\|\|(i=l(t.id,this.currentTasks)),i&&this.handleClick(i,this.props.mainGantt.onClick)},barDblClick:t=>{let i=n(t.id,this.currentTasks);i\|\|(i=l(t.id,this.currentTasks)),i&&this.handleDblClick(i,this.props.mainGantt.onDblClick)},barContextMenu:(t,i)=>{let s=n(i.id,this.currentTasks);s\|\|(s=l(i.id,this.currentTasks)),s&&this.handleContextMenu(t,s,this.props.mainGantt.onContextMenu)},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.mainGantt.onDateChange),locale:this.locale,dateTimeFormatters:u,initialScrollX:this.scrollX,initialScrollY:this.props.mainGantt.initialScrollY,readOnly:this.props.mainGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.mainGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.mainGantt.onClick,ganttOnDblClick:this.props.mainGantt.onDblClick,ganttonOnContextMenu:this.props.mainGantt.onContextMenu,label:this.props.mainGantt.title,doubleView:null!==(s=this.mainGanttDoubleView)&&void 0!==s&&s,setDoubleView:this.handleSetDoubleView.bind(this)})),this.props.secondaryGantt&&t("kup-gantt",Object.assign({ref:t=>this.secondaryGantt=t,ganttId:c,key:c,filter:this.props.secondaryGantt.filter,hideLabel:this.props.secondaryGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.secondaryGantt.hideDependencies,ganttHeight:this.props.secondaryGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.details,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.secondaryGantt.stylingOptions,{TaskListHeader:this.props.secondaryGantt.taskListHeaderProject,TaskListTable:this.props.secondaryGantt.taskListTableProject,TooltipContent:null!==(e=this.props.secondaryGantt.tooltipContent)&&void 0!==e?e:D(),projection:this.projection,barClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleClick(i,this.props.secondaryGantt.onClick)}},barDblClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleDblClick(i,this.props.secondaryGantt.onDblClick)}},barContextMenu:(t,i)=>{if(this.props.secondaryGantt){let s=n(i.id,this.currentDetails);s&&this.handleContextMenu(t,s,this.props.secondaryGantt.onContextMenu)}},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.secondaryGantt.onDateChange),locale:this.locale,dateTimeFormatters:u,initialScrollX:this.scrollX,initialScrollY:this.props.secondaryGantt.initialScrollY,readOnly:this.props.secondaryGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.secondaryGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.secondaryGantt.onClick,ganttOnDblClick:this.props.secondaryGantt.onDblClick,ganttonOnContextMenu:this.props.secondaryGantt.onContextMenu,label:this.props.secondaryGantt.title}))))}get rootElement(){return s(this)}static get watchers(){return{props:["mainGanttChangeHandler"],timeUnit:["updateDisplayedDates"],mainGanttDoubleView:["updateDisplayedDates"],"props.preStepsCount":["updateDisplayedDates"],viewDate:["updateDisplayedDates"],currentTasks:["updateTasks"],currentDetails:["updateTasks"]}}};export{p as kup_planner_renderer}