@sme.up/ketchup 11.0.0-SNAPSHOT-20250512083427 → 11.0.0-SNAPSHOT-20250513154038
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.
- package/dist/cjs/{f-cell-4941b125.js → f-cell-b93cfb95.js} +2 -2
- package/dist/cjs/{f-object-field-98bdd5fb.js → f-object-field-f97ddafb.js} +1 -1
- package/dist/cjs/{f-text-field-24453b64.js → f-text-field-53adaa04.js} +1 -1
- package/dist/cjs/kup-autocomplete_29.cjs.entry.js +33 -7
- package/dist/cjs/kup-box.cjs.entry.js +3 -3
- package/dist/cjs/kup-cell.cjs.entry.js +3 -3
- package/dist/cjs/kup-dashboard.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +3 -3
- package/dist/cjs/kup-input-panel.cjs.entry.js +3 -3
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +1 -1
- package/dist/cjs/kup-object-field.cjs.entry.js +2 -2
- package/dist/cjs/kup-planner.cjs.entry.js +1 -1
- package/dist/collection/components/kup-autocomplete/kup-autocomplete.js +15 -2
- package/dist/collection/components/kup-combobox/kup-combobox.js +15 -2
- package/dist/collection/f-components/f-text-field/f-text-field.js +1 -1
- package/dist/components/kup-accordion.js +1 -1
- package/dist/components/kup-activity-timeline.js +1 -1
- package/dist/components/kup-autocomplete.js +1 -1
- package/dist/components/kup-badge.js +1 -1
- package/dist/components/kup-box.js +1 -1
- package/dist/components/kup-button-list.js +1 -1
- package/dist/components/kup-button.js +1 -1
- package/dist/components/kup-calendar.js +1 -1
- package/dist/components/kup-card-list.js +2 -2
- package/dist/components/kup-card.js +1 -1
- package/dist/components/kup-cell.js +1 -1
- package/dist/components/kup-chart.js +1 -1
- package/dist/components/kup-checkbox.js +1 -1
- package/dist/components/kup-chip.js +1 -1
- package/dist/components/kup-color-picker.js +1 -1
- package/dist/components/kup-combobox.js +1 -1
- package/dist/components/kup-dashboard.js +1 -1
- package/dist/components/kup-data-table.js +1 -1
- package/dist/components/kup-date-picker.js +1 -1
- package/dist/components/kup-dialog.js +1 -1
- package/dist/components/kup-drawer.js +1 -1
- package/dist/components/kup-dropdown-button.js +1 -1
- package/dist/components/kup-echart.js +1 -1
- package/dist/components/kup-editor.js +1 -1
- package/dist/components/kup-family-tree.js +2 -2
- package/dist/components/kup-file-upload.js +1 -1
- package/dist/components/kup-form.js +1 -1
- package/dist/components/kup-gauge.js +1 -1
- package/dist/components/kup-grid.js +1 -1
- package/dist/components/kup-htm.js +1 -1
- package/dist/components/kup-iframe.js +1 -1
- package/dist/components/kup-image-list.js +1 -1
- package/dist/components/kup-image.js +1 -1
- package/dist/components/kup-input-panel.js +2 -2
- package/dist/components/kup-lazy.js +1 -1
- package/dist/components/kup-list.js +1 -1
- package/dist/components/kup-magic-box.js +3 -3
- package/dist/components/kup-nav-bar.js +1 -1
- package/dist/components/kup-numeric-picker.js +1 -1
- package/dist/components/kup-object-field.js +1 -1
- package/dist/components/kup-pdf.js +1 -1
- package/dist/components/kup-planner.js +1 -1
- package/dist/components/kup-probe.js +1 -1
- package/dist/components/kup-progress-bar.js +1 -1
- package/dist/components/kup-qlik.js +1 -1
- package/dist/components/kup-radio.js +1 -1
- package/dist/components/kup-rating.js +1 -1
- package/dist/components/kup-snackbar.js +1 -1
- package/dist/components/kup-spinner.js +1 -1
- package/dist/components/kup-switch.js +1 -1
- package/dist/components/kup-tab-bar.js +1 -1
- package/dist/components/kup-text-field.js +1 -1
- package/dist/components/kup-time-picker.js +1 -1
- package/dist/components/kup-toolbar.js +1 -1
- package/dist/components/kup-tree.js +1 -1
- package/dist/components/kup-txt.js +1 -1
- package/dist/components/kup-typography-list.js +1 -1
- package/dist/components/kup-typography.js +1 -1
- package/dist/components/{p-070c67d3.js → p-2ae5e448.js} +1 -1
- package/dist/components/{p-b9798070.js → p-5ccdf958.js} +1 -1
- package/dist/components/{p-ed65b7a8.js → p-914a243b.js} +1 -1
- package/dist/components/{p-4a8751ef.js → p-dafdedec.js} +1 -1
- package/dist/components/{p-94c2677f.js → p-ef13d92d.js} +31 -5
- package/dist/esm/{f-cell-dca38c0f.js → f-cell-c3bd4ec1.js} +2 -2
- package/dist/esm/{f-object-field-31fae2e7.js → f-object-field-45c345f8.js} +1 -1
- package/dist/esm/{f-text-field-64383c98.js → f-text-field-37ada494.js} +1 -1
- package/dist/esm/kup-autocomplete_29.entry.js +33 -7
- package/dist/esm/kup-box.entry.js +3 -3
- package/dist/esm/kup-cell.entry.js +3 -3
- package/dist/esm/kup-dashboard.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +3 -3
- package/dist/esm/kup-input-panel.entry.js +3 -3
- package/dist/esm/kup-numeric-picker.entry.js +1 -1
- package/dist/esm/kup-object-field.entry.js +2 -2
- package/dist/esm/kup-planner.entry.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-3a5cd8f2.entry.js +8 -0
- package/dist/ketchup/{p-c4e3b044.entry.js → p-5afc6297.entry.js} +1 -1
- package/dist/ketchup/{p-e21d5191.js → p-75908a1e.js} +1 -1
- package/dist/ketchup/{p-84edd11f.entry.js → p-7ff1305e.entry.js} +1 -1
- package/dist/ketchup/{p-2ce2741c.js → p-8bc1f2f1.js} +1 -1
- package/dist/ketchup/{p-f580eddf.entry.js → p-8d137b6a.entry.js} +1 -1
- package/dist/ketchup/{p-ca689d1d.entry.js → p-90054c52.entry.js} +1 -1
- package/dist/ketchup/{p-d142e1c9.entry.js → p-91546f98.entry.js} +1 -1
- package/dist/ketchup/{p-535f4f71.entry.js → p-a269b9df.entry.js} +1 -1
- package/dist/ketchup/{p-9dcc5294.js → p-a6f8a2ca.js} +1 -1
- package/dist/ketchup/{p-96c64bcd.entry.js → p-c796f067.entry.js} +1 -1
- package/dist/ketchup/p-e73c71dc.entry.js +1 -0
- package/dist/types/components/kup-autocomplete/kup-autocomplete.d.ts +1 -0
- package/dist/types/components/kup-combobox/kup-combobox.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ketchup/p-3e92a1c4.entry.js +0 -1
- package/dist/ketchup/p-4d2d5550.entry.js +0 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-710d0a7d.js";import{F as a}from"./p-c4224227.js";import{F as h}from"./p-9f9428d1.js";import{F as l}from"./p-e21d5191.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aC as f,b as m,Y as u,h as g}from"./p-77d2021c.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-c56195a0.js";import"./p-1ee561ba.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const b=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"4eeedc0ad554daddc9ea694235fd2447c632bc7d"},o("style",{key:"6b23b56624367d6d9b0ddde03b052b3a4417dac6"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"fca3b317ae2101b41ad6a30eb124e012add64504",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{b as kup_dashboard}
|
|
1
|
+
import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-710d0a7d.js";import{F as a}from"./p-c4224227.js";import{F as h}from"./p-9f9428d1.js";import{F as l}from"./p-75908a1e.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aC as f,b as m,Y as u,h as g}from"./p-77d2021c.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-c56195a0.js";import"./p-1ee561ba.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const b=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"4eeedc0ad554daddc9ea694235fd2447c632bc7d"},o("style",{key:"6b23b56624367d6d9b0ddde03b052b3a4417dac6"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"fca3b317ae2101b41ad6a30eb124e012add64504",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{b as kup_dashboard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-710d0a7d.js";import{k as o,i as p,az as
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-710d0a7d.js";import{k as o,i as p,az as f,g as h,s as l,Y as r,aA as c,b as m,aB as g}from"./p-77d2021c.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-c4224227.js";import{F as k}from"./p-a6f8a2ca.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-9f9428d1.js";import"./p-ce39445f.js";import"./p-8bc1f2f1.js";import"./p-75908a1e.js";var y,x=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)};const b=class{constructor(e){t(this,e),this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6),this.kupCellUpload=i(this,"kup-cell-upload",6),y.set(this,o()),this.customStyle="",this.data=null,this.density=p.NONE,this.dragEnabled=!1,this.showSubmit=!1,this.submitPosition=f.right}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)<0&&(this.data.cssClass+=` ${e}`)}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),""))}this.refresh()}}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});x(this,y,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker:()=>null},{callback:t},r.BADGE)}}generateColumn(){return{name:"KUPCELL",title:void 0}}generateRow(){const t=this.generateColumn(),i={cells:{}};return i.cells[t.name]=this.data,i}submitClick(t){t.stopPropagation(),this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}upload(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)}componentWillLoad(){x(this,y,"f").dates.register(this),x(this,y,"f").debug.logLoad(this,!1),x(this,y,"f").language.register(this),x(this,y,"f").theme.register(this)}componentDidLoad(){x(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){x(this,y,"f").debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),x(this,y,"f").debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return s(n,{key:"b450035080d728f4a9e1b192b14e630b36bf879e","onKup-file-upload-upload":this.upload.bind(this)},s("style",{key:"1e895664baa2c86e300be091908403873b96e7f6"},x(this,y,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"75ada02dbdd167998835d443242285d7253a6316",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(k,Object.assign({key:"12365188d85255679404e8e399dfda9f89d8ac51"},t)),this.showSubmit?s(d,{buttonType:"submit",label:x(this,y,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){x(this,y,"f").dates.unregister(this),x(this,y,"f").language.unregister(this),x(this,y,"f").theme.unregister(this)}get rootElement(){return a(this)}};y=new WeakMap,b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";export{b as kup_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as n}from"./p-710d0a7d.js";import{ap as a,aq as o,R as c,ac as t,f as l,an as i,al as r,ak as s,ar as u,F as d,ah as p,a as b,as as k,I as v,at as f,au as m,av as h,aw as g,ax as j,h as O}from"./p-77d2021c.js";import{F as x}from"./p-c4224227.js";import{F as w}from"./p-9f9428d1.js";import{F as _,d as y}from"./p-ce39445f.js";import{F as C}from"./p-3cab6420.js";import{F as $}from"./p-2ce2741c.js";import{F}from"./p-e21d5191.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const E=a=>{var o;const c=!!a.columns,t=[],l=a.type||I.RADIO;for(let c=0;c<(null===(o=a.data)||void 0===o?void 0:o.length);c++){const o=a.data[c],i={radio:!0,"radio--checked":!!o.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};t.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""} ${l===I.CHEVRON?"form--chevron":""}`,onClick:a.onChange?a.onChange.bind(a.onChange,c):null},e("div",{class:i},l===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:o.value,checked:o.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:e=>{a.onChange&&a.onChange(c,e),e.stopPropagation()},onFocus:a.onFocus}):e(n,null,e(C,o.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{a.onChange&&a.onChange(c,e),e.stopPropagation()}})),l===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{a.onChange&&a.onChange(c,e),e.stopPropagation()}},l===I.CHEVRON&&e(C,{resource:o.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},o.label?o.label:""),o.shortcutLabel&&e("div",{class:"shortcut"},o.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n ${c?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${a.columns}, 1fr)`:""}},t)},A=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const a=[];for(let o=1;o<=n.maxValue;o++)a.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,o):null},o<=n.value?"★":"☆"));return a}(n)));var B;!function(e){e.SMALL="small",e.MEDIUM="medium"}(B||(B={}));const D=n=>{n.sizing||(n.sizing=B.MEDIUM),n.sizing.toLowerCase();const a={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:a},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},z={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function N(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function L(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function K(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({text:a,classes:o})=>{const c=function(e){const n=[];let a=null;return function(e,n){const a=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let o,c=0;for(;null!==(o=a.exec(e));)o.index>c&&n.onContent(e.slice(c,o.index)),"_n_"===o[1]?n.onEndTag(o[1]):n.onStartTag(o[2]),c=a.lastIndex;c<e.length&&n.onContent(e.slice(c))}(e,{onStartTag(e){(null==a?void 0:a.tag)&&(a.closed=!0),n.push(a={tag:e,content:""})},onEndTag(e){a?a.tag?(a.closed=!0,a=null):this.onContent(e):n.push(a={content:e})},onContent(e){a?a.content+=e:n.push(a={content:e})}}),a&&a.tag&&(a.closed=!0),n}(a);return c.find((e=>void 0!==e.tag))?e("span",{class:o},function(n){return n.map((n=>{var a,o;const c=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=z[e],!n)){n="";for(let a=0;a<e.length;a++)switch(a){case 0:n+=N(e.charAt(a));break;case 1:n+=R(e.charAt(a));break;case 2:n+=L(e.charAt(a));break;case 3:n+=K(e.charAt(a))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[a,o]=n.split(":").map((e=>e.trim()));if(a&&o){const n=o.replace(/!important/g,"").trim();e[a.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(a=n.tag)||void 0===a?void 0:a.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:c},n.content):e("span",null,`${null!==(o=n.tag)&&void 0!==o?o:""}${n.content}`)}))}(c)):e(n,null,a)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,B=n.column,z=n.row,N=n.shape?n.shape:I.shape?I.shape:B.shape?B.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let L=!1;I.hasOwnProperty("isEditable")?L=I.isEditable:B.hasOwnProperty("isEditable")&&(L=B.isEditable),L=L&&n.editable,I.data=null!==(r=X(I,B))&&void 0!==r?r:I.data;const K=n.previousValue!==I.value?I.value:"",V=T.ketchup.data.cell.getType(I,N),G="extra_dense"===n.density?"extra-small":null===(s=I.data)||void 0===s?void 0:s.sizing,Y=Object.assign(Object.assign(Object.assign(Object.assign({},I.data),(null==I?void 0:I.icon)?{resource:I.icon}:{}),(null==I?void 0:I.placeholderIcon)?{placeholderResource:I.placeholderIcon}:{}),G?{sizing:G}:{});let U=I.cssClass?I.cssClass:(null==B?void 0:B.cssClass)?null==B?void 0:B.cssClass:"";const W={"f-cell":!0,[c.OBJ]:!!R,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===t.BAR),[U]:!!U,"c-input-uppercase":g(I),"c-input-lowercase":j(I),"monospace c-pre":null===(k=I.data)||void 0===k?void 0:k.legacyLook};let P=K;I.data||function(e,n){function a(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function o(e){return e.toUpperCase().startsWith("SHAPE;")}function c(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},t=e.split("\\\\"),r=[];for(const e of t){if(e){if(i(e))return null;if(o(e)){if(!a(e))return null;{const a=e.split(";");if(3===a.length){const e=a[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(c(e));else if(l(e)){const a=e.substring(7).replace(",",".");isNaN(parseFloat(a))||(n.height=`${a}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const a=Object.assign({},n),o=e.split(";");if(o.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(o[0]);if(e){const[,n,o,c]=e;isNaN(parseInt(n,10))||isNaN(parseInt(o,10))||isNaN(parseInt(c,10))||(a.color=`rgb(${parseInt(n)},${parseInt(o)},${parseInt(c)})`)}if(o.length>=2){const e=o[1].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}return a}}n.data={};switch(e){case t.CHECKBOX:case t.SWITCH:n.data.checked="1"===n.value;break;case t.BAR:o(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),a=[];for(const e of n){const n=r(e);if(!n)return null;a.push(...n)}return a}(n.value);break;case t.BUTTON:n.data.label=n.value;break;case t.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case t.BUTTON_LIST:case t.CHIP:case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:case t.RADIO:(()=>{var e;const a=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==a?void 0:a[a.length-1].trim())&&a.pop(),a&&a.length){n.data.data=[];for(let e of a)n.data.data.push({id:e,value:e})}})();break;case t.COLOR_PICKER:n.data.initialValue=n.value;break;case t.GAUGE:case t.KNOB:case t.PROGRESS_BAR:case t.RATING:n.data.value=parseInt(n.value);break;case t.ICON:case t.IMAGE:n.data.resource=n.value}}(V,I),L&&a.includes(V)?(I.data.showMarker=null!==(f=I.tooltip)&&void 0!==f&&f,P=function(n,a,o,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,A;switch(n){case t.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:te(i)?"kup-full-width":"","onkup-autocomplete-change":e=>oe(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>oe(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>oe(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>oe(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>oe(e,i,n,h.ITEMCLICK)}));case t.CHECKBOX:return ce(i)&&(a[c.C_CENTERED]=!0),o.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===o.value.toLowerCase()||"1"===o.value,class:"input-checkbox",onChange:e=>oe(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>oe(e,i,n,h.BLUR)}):e(w,Object.assign({},o.data,{onChange:e=>oe(e,i,n,h.UPDATE),onBlur:e=>oe(e,i,n,h.BLUR)}));case t.CHIP:return e("kup-chip",Object.assign({},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},o.slotData,{error:o.data.error,"onKup-textfield-blur":e=>oe(e,i,n,h.BLUR)})));case t.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:te(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>oe(e,i,n,h.UPDATE)}));case t.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:te(i)?"kup-full-width":"","onkup-combobox-change":e=>oe(e,i,n,h.UPDATE),"onkup-combobox-input":e=>oe(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>oe(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>oe(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>oe(e,i,n,h.ITEMCLICK)}));case t.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:te(i)?"kup-full-width":"","onkup-datepicker-change":e=>oe(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>oe(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>oe(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>oe(e,i,n,h.UPDATE)}));case t.EDITOR:const B=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&oe(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},o.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!te(i),maxLength:o.data.maxLength,value:o.value,onChange:e=>{oe(e,i,n,h.UPDATE)},onInput:e=>{var a,c;null===(c=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===c||c.call(a,e),oe(e,i,n,h.INPUT)},onBlur:e=>oe(e,i,n,h.BLUR),onKeyDown:B}));case t.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},o.data));case t.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayMode:null!==(r=o.data.displayMode)&&void 0!==r?r:v.DESCRIPTION},o.data,{label:null!==(u=null===(s=o.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>oe(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>oe(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>oe(e,i,n,h.ICON_CLICK),data:null===(k=o.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=o.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=o.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=o.slotData)||void 0===g?void 0:g.style,disabled:null===(j=o.slotData)||void 0===j?void 0:j.disabled,id:null===(O=o.slotData)||void 0===O?void 0:O.id,error:o.data.error,showMarker:null!==(x=o.tooltip)&&void 0!==x&&x,listDisplayMode:o.data.listDisplayMode}));case t.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayMode:null!==(y=o.data.displayMode)&&void 0!==y?y:v.DESCRIPTION},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>oe(e,i,n,h.BLUR),"onkup-combobox-input":e=>oe(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>oe(e,i,n,h.ICON_CLICK)},o.slotData,{error:o.data.error,showMarker:null!==(C=o.tooltip)&&void 0!==C&&C})));case t.RADIO:return e(E,Object.assign({},o.data,{disabled:!1,onChange:(e,a)=>{const c=o.data.data;for(let n=0;n<c.length;n++){c[n].checked=n===e}oe(a,i,n,h.UPDATE)},onBlur:e=>oe(e,i,n,h.BLUR)}));case t.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},o.data,{disabled:!1,"onkup-rating-click":e=>oe(e,i,n,h.UPDATE)}));case t.SWITCH:return e(D,Object.assign({},o.data,{disabled:!1,onChange:e=>oe(e,i,n,h.UPDATE),onBlur:e=>oe(e,i,n,h.BLUR)}));case t.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:te(i)?"kup-full-width":"","onkup-timepicker-change":e=>oe(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>oe(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>oe(e,i,n,h.BLUR)}));case t.OBJECT:return e($,{cell:o,column:i.column,row:i.row,inputValue:o.value,onChange:e=>oe(e,i,n,h.UPDATE)});case t.NUMBER:a[c.C_RIGHT_ALIGNED]=!0;case t.LINK:case t.MEMO:case t.STRING:const z=e=>oe(e,i,n,h.UPDATE),N=e=>{var a,c;null===(c=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===c||c.call(a,e),oe(e,i,n,h.INPUT)},R=e=>{var a,c,l;null===(c=null===(a=o.data)||void 0===a?void 0:a.onKeyDown)||void 0===c||c.call(a,e);const r="MEMO"===o.shape||(null===(l=o.data)||void 0===l?void 0:l.maxLength)>=256||n===t.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&oe(e,i,n,h.UPDATE)},L=n===t.NUMBER?"number":null;if(o.shape===d.INPUT_FIELD){const a=n===t.NUMBER&&o.value?p(l,o):o.value;return e("input",{class:"input-field",onChange:z,onInput:N,onKeyDown:R,type:L,value:a,maxLength:null!==(A=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==A?A:-1})}{const a=!!o.shape&&o.shape===d.MEMO||!!n&&n===t.MEMO;return e(F,Object.assign({},o.data,{textArea:a,sizing:o.data.sizing?o.data.sizing:a?b.EXTRA_LARGE:b.SMALL,inputType:L,fullWidth:!!te(i),maxLength:n==t.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:o.data.maxLength,icon:o.data&&o.data.icon?o.data.icon:o.icon?o.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:o.value,label:l.title,onChange:z,onInput:N,onKeyDown:R,onIconClick:e=>oe(e,i,n,h.ICON_CLICK),onBlur:e=>oe(e,i,n,h.BLUR)}))}}}(V,W,I,B,n)):I.data&&o.includes(V)?(n.setSizes&&function(e,n,a){switch(e){case t.BAR:n.sizeY||(n.sizeY="26px");break;case t.BUTTON:let e="";n.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case t.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case t.CHIP:a.style?a.style.height||(a.style.minHeight="18px"):a.style={minHeight:"18px"};break;case t.RADIO:a.style?a.style.height||(a.style.minHeight="40px"):a.style={minHeight:"40px"}}}(V,Y,I),P=n.renderKup?function(n,a,o,l,i,r,s){switch(n){case t.BAR:return o.data?e("div",{style:{height:o.sizeY,width:"100%"}},e(C,Object.assign({},o))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},o));case t.BUTTON:ce(s)&&(a[c.C_CENTERED]=!0);const u=Object.assign({label:l.value,icon:l.icon,placeholderIcon:l.placeholderIcon},o);return e(x,Object.assign({},u,{onClick:e=>oe(e,s,n,h.CLICK)}));case t.BUTTON_LIST:return ce(s)&&(a[c.C_CENTERED]=!0),o["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},o));case t.CHART:return ce(s)&&(a[c.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},o));case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:case t.CHIP:return e(y,Object.assign({},o));case t.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},o,{class:te(s)?"kup-full-width":"",disabled:!0}));case t.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},o));case t.KNOB:case t.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},o,{value:T.ketchup.math.numberifySafe(l.value)}));case t.RADIO:return ce(s)&&(a[c.C_CENTERED]=!0),o.disabled=i.readOnly,e(E,Object.assign({},o));case t.RATING:return e(A,Object.assign({},o,{disabled:!0}));case t.OBJECT:return e(F,Object.assign({icon:"table"},o,{disabled:!0}))}}(V,W,Y,I,z,B,n):e("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,n,a,o){var c;switch(e){case t.CHECKBOX:case t.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),a.style?a.style.height||(a.style.minHeight=n.sizeY):a.style={minHeight:n.sizeY};break;case t.IMAGE:const e=(null===(c=o.cell)||void 0===c?void 0:c.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;o.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),o.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(V,Y,I,n),W[c.INDICATOR_TOPRIGHT]=null!==(O=I.tooltip)&&void 0!==O&&O,P=function(n,a,o,l,i,r,s){switch(n){case t.AUTOCOMPLETE:case t.COMBOBOX:return o&&""!=o?e("div",{class:"f-cell__text"},m(i,o," - ")):o;case t.DATE:case t.DATETIME:case t.TIME:if(o&&""!=o){const n=p(r,i);return e("div",{class:"f-cell__text"},n)}return o;case t.CHECKBOX:return ce(s)&&(l[c.C_CENTERED]=!0),e(C,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case t.EDITOR:case t.MEMO:return e("div",{innerHTML:i.value});case t.ICON:case t.IMAGE:return ce(s)&&(l[c.C_CENTERED]=!0),a.badgeData&&(l[c.C_PADDED]=!0),e(C,Object.assign({},a));case t.LINK:return e("a",{href:o,target:"_blank"},i.value);case t.NUMBER:if(o&&""!=o){const n=T.ketchup.math.numberifySafe(i.value),a=p(r,i);return n<0&&(l[c.TEXT_DANGER]=!0),ce(s)&&(l[c.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},a)}return e("div",{class:"f-cell__text"},o);case t.SWITCH:return ce(s)&&(l[c.C_CENTERED]=!0),a.disabled=!0,e(D,Object.assign({},a));case t.LABEL:return e(M,{text:i.value,classes:"f-cell__text"});default:return e("div",{class:"f-cell__text"},i.data.displayMode?m(i,o,"-"):o)}}(V,Y,P,W,I,B,n));let Z=null;!L&&(B.icon||I.icon)&&P&&V!=t.BUTTON&&V!=t.BUTTON_LIST&&V!=t.IMAGE&&V!=t.ICON&&(Z=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:B.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:B.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let q=null;T.ketchup.debug.isDebug()&&R?q=I.obj.t+"; "+I.obj.p+"; "+I.obj.k+";":null!=I.title&&""!=I.title.trim()&&(q=I.title);let J=null;if(I.info){const n=Object.assign({},I.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),J=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>oe(e,n,V,h.KEYUP),class:W,"kup-get-cell-props":()=>n,ref:e=>I.element=e,style:I.style},e("div",{class:"f-cell__content",style:I.styleContent,title:q,onMouseEnter:e=>H(e,n,V),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,J,Z,P]))},H=(e,n,a)=>{var o;if(n.cellActionIcon){const c=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(a===t.NUMBER?"left":"right"),(null===(o=n.cellActionIcon)||void 0===o?void 0:o.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),c.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image");n&&n.remove()},X=(e,n)=>{var a;if(!e)return null;const o=e.options,c=(null===(a=e.data)||void 0===a?void 0:a.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(e,e.shape),r=new Map([[t.BUTTON_LIST,W.bind(void 0)],[t.STRING,P.bind(void 0)],[t.RADIO,Z.bind(void 0)],[t.AUTOCOMPLETE,q.bind(void 0)],[t.COMBOBOX,q.bind(void 0)],[t.CHECKBOX,U.bind(void 0)],[t.OBJECT,Y.bind(void 0)],[t.CHIP,G.bind(void 0)]]).get(i);return r?r(o,c,l,e):null},G=(e,n,a,o)=>{var c;return(null===(c=o.data)||void 0===c?void 0:c.data)?Object.assign({},o.data):i(o.value,o.decode)},Y=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{data:{initialValue:a||"",label:n||"",value:a||""}}),U=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{checked:"on"===a||"1"===a,label:n}),W=(e,n,a,o)=>({data:[Object.assign(Object.assign({},o.data),{icon:o.icon,placeholderIcon:o.placeholderIcon,value:a})]}),P=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{label:n}),Z=(e,n,a,o)=>{const c=r(a,e);return Object.assign(Object.assign({},o.data),c)},q=(e,n,a,o)=>{var c;if(!(null===(c=o.data)||void 0===c?void 0:c.data)&&e){const o=s(a,n,[]);return o.data["kup-list"].data=J(e,a),o}},J=(e,n)=>{const a=ae.get(e.type);return a?a(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},Q=(e,n)=>e.children.map((e=>{var a;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(a=e.children)||void 0===a?void 0:a.length)?Q(e,n):[]}})),ee=(e,n)=>e.children.map((e=>{var a;return{id:e.obj.k,value:e.value,selected:n===e.obj.k,children:(null===(a=e.children)||void 0===a?void 0:a.length)?ee(e,n):[]}})),ne=(e,n)=>e.rows.map((e=>{var a;const o=e.fields||e.cells,[c,t]=Object.keys(o);return{id:o[c].value,value:(null===(a=o[t])||void 0===a?void 0:a.value)||o[c].value,selected:n===o[c].value}})),ae=new Map([["SmeupTreeNode",Q.bind(void 0)],["SmeupDataTree",ee.bind(void 0)],["SmeupTable",ne.bind(void 0)],["SmeupDataTable",ne.bind(void 0)]]);function oe(e,n,a,o){var c,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(o===h.UPDATE){let n=function(e,n){var a;const o=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let c=o?e.target.value:e.detail.value;return n===t.CHECKBOX&&o&&(c=e.target.checked?"off":"on"),n===t.DATE&&o&&(c=null===(a=e.detail)||void 0===a?void 0:a.value),n===t.NUMBER&&o&&(c=T.ketchup.math.formattedStringToNumberString(c,"")),c}(e,a);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),a){case t.AUTOCOMPLETE:k.decode=null===(l=null===(c=e.detail)||void 0===c?void 0:c.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case t.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case t.DATE:case t.TIME:k.data&&(k.data.initialValue=n);break;case t.CHECKBOX:case t.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case t.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case t.CHIP:case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data)}k.obj&&(k.obj.k=null==n?void 0:n.toString()),k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(o,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:a,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),o===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function te(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,E as a,A as b,B as c,D as d,M as e}
|
|
1
|
+
import{h as e,F as n}from"./p-710d0a7d.js";import{ap as a,aq as o,R as c,ac as t,f as l,an as i,al as r,ak as s,ar as u,F as d,ah as p,a as b,as as k,I as v,at as f,au as m,av as h,aw as g,ax as j,h as O}from"./p-77d2021c.js";import{F as x}from"./p-c4224227.js";import{F as w}from"./p-9f9428d1.js";import{F as _,d as y}from"./p-ce39445f.js";import{F as C}from"./p-3cab6420.js";import{F as $}from"./p-8bc1f2f1.js";import{F}from"./p-75908a1e.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const E=a=>{var o;const c=!!a.columns,t=[],l=a.type||I.RADIO;for(let c=0;c<(null===(o=a.data)||void 0===o?void 0:o.length);c++){const o=a.data[c],i={radio:!0,"radio--checked":!!o.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};t.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""} ${l===I.CHEVRON?"form--chevron":""}`,onClick:a.onChange?a.onChange.bind(a.onChange,c):null},e("div",{class:i},l===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:o.value,checked:o.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:e=>{a.onChange&&a.onChange(c,e),e.stopPropagation()},onFocus:a.onFocus}):e(n,null,e(C,o.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{a.onChange&&a.onChange(c,e),e.stopPropagation()}})),l===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{a.onChange&&a.onChange(c,e),e.stopPropagation()}},l===I.CHEVRON&&e(C,{resource:o.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},o.label?o.label:""),o.shortcutLabel&&e("div",{class:"shortcut"},o.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n ${c?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${a.columns}, 1fr)`:""}},t)},A=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const a=[];for(let o=1;o<=n.maxValue;o++)a.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,o):null},o<=n.value?"★":"☆"));return a}(n)));var B;!function(e){e.SMALL="small",e.MEDIUM="medium"}(B||(B={}));const D=n=>{n.sizing||(n.sizing=B.MEDIUM),n.sizing.toLowerCase();const a={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:a},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},z={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function N(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function L(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function K(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({text:a,classes:o})=>{const c=function(e){const n=[];let a=null;return function(e,n){const a=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let o,c=0;for(;null!==(o=a.exec(e));)o.index>c&&n.onContent(e.slice(c,o.index)),"_n_"===o[1]?n.onEndTag(o[1]):n.onStartTag(o[2]),c=a.lastIndex;c<e.length&&n.onContent(e.slice(c))}(e,{onStartTag(e){(null==a?void 0:a.tag)&&(a.closed=!0),n.push(a={tag:e,content:""})},onEndTag(e){a?a.tag?(a.closed=!0,a=null):this.onContent(e):n.push(a={content:e})},onContent(e){a?a.content+=e:n.push(a={content:e})}}),a&&a.tag&&(a.closed=!0),n}(a);return c.find((e=>void 0!==e.tag))?e("span",{class:o},function(n){return n.map((n=>{var a,o;const c=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=z[e],!n)){n="";for(let a=0;a<e.length;a++)switch(a){case 0:n+=N(e.charAt(a));break;case 1:n+=R(e.charAt(a));break;case 2:n+=L(e.charAt(a));break;case 3:n+=K(e.charAt(a))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[a,o]=n.split(":").map((e=>e.trim()));if(a&&o){const n=o.replace(/!important/g,"").trim();e[a.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(a=n.tag)||void 0===a?void 0:a.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:c},n.content):e("span",null,`${null!==(o=n.tag)&&void 0!==o?o:""}${n.content}`)}))}(c)):e(n,null,a)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,B=n.column,z=n.row,N=n.shape?n.shape:I.shape?I.shape:B.shape?B.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let L=!1;I.hasOwnProperty("isEditable")?L=I.isEditable:B.hasOwnProperty("isEditable")&&(L=B.isEditable),L=L&&n.editable,I.data=null!==(r=X(I,B))&&void 0!==r?r:I.data;const K=n.previousValue!==I.value?I.value:"",V=T.ketchup.data.cell.getType(I,N),G="extra_dense"===n.density?"extra-small":null===(s=I.data)||void 0===s?void 0:s.sizing,Y=Object.assign(Object.assign(Object.assign(Object.assign({},I.data),(null==I?void 0:I.icon)?{resource:I.icon}:{}),(null==I?void 0:I.placeholderIcon)?{placeholderResource:I.placeholderIcon}:{}),G?{sizing:G}:{});let U=I.cssClass?I.cssClass:(null==B?void 0:B.cssClass)?null==B?void 0:B.cssClass:"";const W={"f-cell":!0,[c.OBJ]:!!R,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===t.BAR),[U]:!!U,"c-input-uppercase":g(I),"c-input-lowercase":j(I),"monospace c-pre":null===(k=I.data)||void 0===k?void 0:k.legacyLook};let P=K;I.data||function(e,n){function a(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function o(e){return e.toUpperCase().startsWith("SHAPE;")}function c(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},t=e.split("\\\\"),r=[];for(const e of t){if(e){if(i(e))return null;if(o(e)){if(!a(e))return null;{const a=e.split(";");if(3===a.length){const e=a[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(c(e));else if(l(e)){const a=e.substring(7).replace(",",".");isNaN(parseFloat(a))||(n.height=`${a}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const a=Object.assign({},n),o=e.split(";");if(o.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(o[0]);if(e){const[,n,o,c]=e;isNaN(parseInt(n,10))||isNaN(parseInt(o,10))||isNaN(parseInt(c,10))||(a.color=`rgb(${parseInt(n)},${parseInt(o)},${parseInt(c)})`)}if(o.length>=2){const e=o[1].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}return a}}n.data={};switch(e){case t.CHECKBOX:case t.SWITCH:n.data.checked="1"===n.value;break;case t.BAR:o(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),a=[];for(const e of n){const n=r(e);if(!n)return null;a.push(...n)}return a}(n.value);break;case t.BUTTON:n.data.label=n.value;break;case t.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case t.BUTTON_LIST:case t.CHIP:case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:case t.RADIO:(()=>{var e;const a=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==a?void 0:a[a.length-1].trim())&&a.pop(),a&&a.length){n.data.data=[];for(let e of a)n.data.data.push({id:e,value:e})}})();break;case t.COLOR_PICKER:n.data.initialValue=n.value;break;case t.GAUGE:case t.KNOB:case t.PROGRESS_BAR:case t.RATING:n.data.value=parseInt(n.value);break;case t.ICON:case t.IMAGE:n.data.resource=n.value}}(V,I),L&&a.includes(V)?(I.data.showMarker=null!==(f=I.tooltip)&&void 0!==f&&f,P=function(n,a,o,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,A;switch(n){case t.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:te(i)?"kup-full-width":"","onkup-autocomplete-change":e=>oe(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>oe(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>oe(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>oe(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>oe(e,i,n,h.ITEMCLICK)}));case t.CHECKBOX:return ce(i)&&(a[c.C_CENTERED]=!0),o.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===o.value.toLowerCase()||"1"===o.value,class:"input-checkbox",onChange:e=>oe(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>oe(e,i,n,h.BLUR)}):e(w,Object.assign({},o.data,{onChange:e=>oe(e,i,n,h.UPDATE),onBlur:e=>oe(e,i,n,h.BLUR)}));case t.CHIP:return e("kup-chip",Object.assign({},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},o.slotData,{error:o.data.error,"onKup-textfield-blur":e=>oe(e,i,n,h.BLUR)})));case t.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:te(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>oe(e,i,n,h.UPDATE)}));case t.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:te(i)?"kup-full-width":"","onkup-combobox-change":e=>oe(e,i,n,h.UPDATE),"onkup-combobox-input":e=>oe(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>oe(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>oe(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>oe(e,i,n,h.ITEMCLICK)}));case t.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:te(i)?"kup-full-width":"","onkup-datepicker-change":e=>oe(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>oe(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>oe(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>oe(e,i,n,h.UPDATE)}));case t.EDITOR:const B=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&oe(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},o.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!te(i),maxLength:o.data.maxLength,value:o.value,onChange:e=>{oe(e,i,n,h.UPDATE)},onInput:e=>{var a,c;null===(c=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===c||c.call(a,e),oe(e,i,n,h.INPUT)},onBlur:e=>oe(e,i,n,h.BLUR),onKeyDown:B}));case t.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},o.data));case t.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayMode:null!==(r=o.data.displayMode)&&void 0!==r?r:v.DESCRIPTION},o.data,{label:null!==(u=null===(s=o.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>oe(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>oe(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>oe(e,i,n,h.ICON_CLICK),data:null===(k=o.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=o.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=o.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=o.slotData)||void 0===g?void 0:g.style,disabled:null===(j=o.slotData)||void 0===j?void 0:j.disabled,id:null===(O=o.slotData)||void 0===O?void 0:O.id,error:o.data.error,showMarker:null!==(x=o.tooltip)&&void 0!==x&&x,listDisplayMode:o.data.listDisplayMode}));case t.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayMode:null!==(y=o.data.displayMode)&&void 0!==y?y:v.DESCRIPTION},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>oe(e,i,n,h.BLUR),"onkup-combobox-input":e=>oe(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>oe(e,i,n,h.ICON_CLICK)},o.slotData,{error:o.data.error,showMarker:null!==(C=o.tooltip)&&void 0!==C&&C})));case t.RADIO:return e(E,Object.assign({},o.data,{disabled:!1,onChange:(e,a)=>{const c=o.data.data;for(let n=0;n<c.length;n++){c[n].checked=n===e}oe(a,i,n,h.UPDATE)},onBlur:e=>oe(e,i,n,h.BLUR)}));case t.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},o.data,{disabled:!1,"onkup-rating-click":e=>oe(e,i,n,h.UPDATE)}));case t.SWITCH:return e(D,Object.assign({},o.data,{disabled:!1,onChange:e=>oe(e,i,n,h.UPDATE),onBlur:e=>oe(e,i,n,h.BLUR)}));case t.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:te(i)?"kup-full-width":"","onkup-timepicker-change":e=>oe(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>oe(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>oe(e,i,n,h.BLUR)}));case t.OBJECT:return e($,{cell:o,column:i.column,row:i.row,inputValue:o.value,onChange:e=>oe(e,i,n,h.UPDATE)});case t.NUMBER:a[c.C_RIGHT_ALIGNED]=!0;case t.LINK:case t.MEMO:case t.STRING:const z=e=>oe(e,i,n,h.UPDATE),N=e=>{var a,c;null===(c=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===c||c.call(a,e),oe(e,i,n,h.INPUT)},R=e=>{var a,c,l;null===(c=null===(a=o.data)||void 0===a?void 0:a.onKeyDown)||void 0===c||c.call(a,e);const r="MEMO"===o.shape||(null===(l=o.data)||void 0===l?void 0:l.maxLength)>=256||n===t.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&oe(e,i,n,h.UPDATE)},L=n===t.NUMBER?"number":null;if(o.shape===d.INPUT_FIELD){const a=n===t.NUMBER&&o.value?p(l,o):o.value;return e("input",{class:"input-field",onChange:z,onInput:N,onKeyDown:R,type:L,value:a,maxLength:null!==(A=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==A?A:-1})}{const a=!!o.shape&&o.shape===d.MEMO||!!n&&n===t.MEMO;return e(F,Object.assign({},o.data,{textArea:a,sizing:o.data.sizing?o.data.sizing:a?b.EXTRA_LARGE:b.SMALL,inputType:L,fullWidth:!!te(i),maxLength:n==t.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:o.data.maxLength,icon:o.data&&o.data.icon?o.data.icon:o.icon?o.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:o.value,label:l.title,onChange:z,onInput:N,onKeyDown:R,onIconClick:e=>oe(e,i,n,h.ICON_CLICK),onBlur:e=>oe(e,i,n,h.BLUR)}))}}}(V,W,I,B,n)):I.data&&o.includes(V)?(n.setSizes&&function(e,n,a){switch(e){case t.BAR:n.sizeY||(n.sizeY="26px");break;case t.BUTTON:let e="";n.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case t.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case t.CHIP:a.style?a.style.height||(a.style.minHeight="18px"):a.style={minHeight:"18px"};break;case t.RADIO:a.style?a.style.height||(a.style.minHeight="40px"):a.style={minHeight:"40px"}}}(V,Y,I),P=n.renderKup?function(n,a,o,l,i,r,s){switch(n){case t.BAR:return o.data?e("div",{style:{height:o.sizeY,width:"100%"}},e(C,Object.assign({},o))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},o));case t.BUTTON:ce(s)&&(a[c.C_CENTERED]=!0);const u=Object.assign({label:l.value,icon:l.icon,placeholderIcon:l.placeholderIcon},o);return e(x,Object.assign({},u,{onClick:e=>oe(e,s,n,h.CLICK)}));case t.BUTTON_LIST:return ce(s)&&(a[c.C_CENTERED]=!0),o["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},o));case t.CHART:return ce(s)&&(a[c.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},o));case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:case t.CHIP:return e(y,Object.assign({},o));case t.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},o,{class:te(s)?"kup-full-width":"",disabled:!0}));case t.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},o));case t.KNOB:case t.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},o,{value:T.ketchup.math.numberifySafe(l.value)}));case t.RADIO:return ce(s)&&(a[c.C_CENTERED]=!0),o.disabled=i.readOnly,e(E,Object.assign({},o));case t.RATING:return e(A,Object.assign({},o,{disabled:!0}));case t.OBJECT:return e(F,Object.assign({icon:"table"},o,{disabled:!0}))}}(V,W,Y,I,z,B,n):e("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,n,a,o){var c;switch(e){case t.CHECKBOX:case t.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),a.style?a.style.height||(a.style.minHeight=n.sizeY):a.style={minHeight:n.sizeY};break;case t.IMAGE:const e=(null===(c=o.cell)||void 0===c?void 0:c.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;o.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),o.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(V,Y,I,n),W[c.INDICATOR_TOPRIGHT]=null!==(O=I.tooltip)&&void 0!==O&&O,P=function(n,a,o,l,i,r,s){switch(n){case t.AUTOCOMPLETE:case t.COMBOBOX:return o&&""!=o?e("div",{class:"f-cell__text"},m(i,o," - ")):o;case t.DATE:case t.DATETIME:case t.TIME:if(o&&""!=o){const n=p(r,i);return e("div",{class:"f-cell__text"},n)}return o;case t.CHECKBOX:return ce(s)&&(l[c.C_CENTERED]=!0),e(C,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case t.EDITOR:case t.MEMO:return e("div",{innerHTML:i.value});case t.ICON:case t.IMAGE:return ce(s)&&(l[c.C_CENTERED]=!0),a.badgeData&&(l[c.C_PADDED]=!0),e(C,Object.assign({},a));case t.LINK:return e("a",{href:o,target:"_blank"},i.value);case t.NUMBER:if(o&&""!=o){const n=T.ketchup.math.numberifySafe(i.value),a=p(r,i);return n<0&&(l[c.TEXT_DANGER]=!0),ce(s)&&(l[c.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},a)}return e("div",{class:"f-cell__text"},o);case t.SWITCH:return ce(s)&&(l[c.C_CENTERED]=!0),a.disabled=!0,e(D,Object.assign({},a));case t.LABEL:return e(M,{text:i.value,classes:"f-cell__text"});default:return e("div",{class:"f-cell__text"},i.data.displayMode?m(i,o,"-"):o)}}(V,Y,P,W,I,B,n));let Z=null;!L&&(B.icon||I.icon)&&P&&V!=t.BUTTON&&V!=t.BUTTON_LIST&&V!=t.IMAGE&&V!=t.ICON&&(Z=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:B.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:B.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let q=null;T.ketchup.debug.isDebug()&&R?q=I.obj.t+"; "+I.obj.p+"; "+I.obj.k+";":null!=I.title&&""!=I.title.trim()&&(q=I.title);let J=null;if(I.info){const n=Object.assign({},I.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),J=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>oe(e,n,V,h.KEYUP),class:W,"kup-get-cell-props":()=>n,ref:e=>I.element=e,style:I.style},e("div",{class:"f-cell__content",style:I.styleContent,title:q,onMouseEnter:e=>H(e,n,V),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,J,Z,P]))},H=(e,n,a)=>{var o;if(n.cellActionIcon){const c=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(a===t.NUMBER?"left":"right"),(null===(o=n.cellActionIcon)||void 0===o?void 0:o.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),c.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image");n&&n.remove()},X=(e,n)=>{var a;if(!e)return null;const o=e.options,c=(null===(a=e.data)||void 0===a?void 0:a.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(e,e.shape),r=new Map([[t.BUTTON_LIST,W.bind(void 0)],[t.STRING,P.bind(void 0)],[t.RADIO,Z.bind(void 0)],[t.AUTOCOMPLETE,q.bind(void 0)],[t.COMBOBOX,q.bind(void 0)],[t.CHECKBOX,U.bind(void 0)],[t.OBJECT,Y.bind(void 0)],[t.CHIP,G.bind(void 0)]]).get(i);return r?r(o,c,l,e):null},G=(e,n,a,o)=>{var c;return(null===(c=o.data)||void 0===c?void 0:c.data)?Object.assign({},o.data):i(o.value,o.decode)},Y=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{data:{initialValue:a||"",label:n||"",value:a||""}}),U=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{checked:"on"===a||"1"===a,label:n}),W=(e,n,a,o)=>({data:[Object.assign(Object.assign({},o.data),{icon:o.icon,placeholderIcon:o.placeholderIcon,value:a})]}),P=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{label:n}),Z=(e,n,a,o)=>{const c=r(a,e);return Object.assign(Object.assign({},o.data),c)},q=(e,n,a,o)=>{var c;if(!(null===(c=o.data)||void 0===c?void 0:c.data)&&e){const o=s(a,n,[]);return o.data["kup-list"].data=J(e,a),o}},J=(e,n)=>{const a=ae.get(e.type);return a?a(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},Q=(e,n)=>e.children.map((e=>{var a;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(a=e.children)||void 0===a?void 0:a.length)?Q(e,n):[]}})),ee=(e,n)=>e.children.map((e=>{var a;return{id:e.obj.k,value:e.value,selected:n===e.obj.k,children:(null===(a=e.children)||void 0===a?void 0:a.length)?ee(e,n):[]}})),ne=(e,n)=>e.rows.map((e=>{var a;const o=e.fields||e.cells,[c,t]=Object.keys(o);return{id:o[c].value,value:(null===(a=o[t])||void 0===a?void 0:a.value)||o[c].value,selected:n===o[c].value}})),ae=new Map([["SmeupTreeNode",Q.bind(void 0)],["SmeupDataTree",ee.bind(void 0)],["SmeupTable",ne.bind(void 0)],["SmeupDataTable",ne.bind(void 0)]]);function oe(e,n,a,o){var c,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(o===h.UPDATE){let n=function(e,n){var a;const o=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let c=o?e.target.value:e.detail.value;return n===t.CHECKBOX&&o&&(c=e.target.checked?"off":"on"),n===t.DATE&&o&&(c=null===(a=e.detail)||void 0===a?void 0:a.value),n===t.NUMBER&&o&&(c=T.ketchup.math.formattedStringToNumberString(c,"")),c}(e,a);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),a){case t.AUTOCOMPLETE:k.decode=null===(l=null===(c=e.detail)||void 0===c?void 0:c.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case t.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case t.DATE:case t.TIME:k.data&&(k.data.initialValue=n);break;case t.CHECKBOX:case t.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case t.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case t.CHIP:case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data)}k.obj&&(k.obj.k=null==n?void 0:n.toString()),k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(o,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:a,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),o===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function te(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,E as a,A as b,B as c,D as d,M as e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as e,h as s,H as a,d as o}from"./p-710d0a7d.js";import{F as i}from"./p-
|
|
1
|
+
import{r as t,f as e,h as s,H as a,d as o}from"./p-710d0a7d.js";import{F as i}from"./p-8bc1f2f1.js";import{k as r,g as n}from"./p-77d2021c.js";import{c}from"./p-635bb4b3.js";import"./p-c4224227.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-75908a1e.js";import"./p-1ee561ba.js";var d;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the component."}(d||(d={}));var h,f=function(t,e,s,a){if("a"===s&&!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"===s?a:"a"===s?a.call(t):a?a.value:e.get(t)};const p=class{constructor(e){t(this,e),h.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(t){return n(this,d,t)}async refresh(){e(this)}async setValue(t){this.inputValue=t}componentWillLoad(){f(this,h,"f").debug.logLoad(this,!1),f(this,h,"f").theme.register(this)}componentDidLoad(){f(this,h,"f").debug.logLoad(this,!0)}componentWillRender(){f(this,h,"f").debug.logRender(this,!1)}componentDidRender(){f(this,h,"f").debug.logRender(this,!0)}render(){var t;const e={data:null!==(t=this.data)&&void 0!==t?t:{},inputValue:this.inputValue,onChange:null};return s(a,{key:"0fe8d709aa64a6b897826768202be8f429566039"},s("style",{key:"cc7dc1b54babc2a81b4ec5d73fafbba0b271da65"},f(this,h,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"ce34127b373e9f89dda73893a463707c68aeb2e7",id:c},s(i,Object.assign({key:"f4512b7785f6ca257944c1a8649632d2cad1d98c"},e))))}disconnectedCallback(){f(this,h,"f").theme.unregister(this)}get rootElement(){return o(this)}};h=new WeakMap,p.style="";export{p as kup_object_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-710d0a7d.js";import{k as a,ah as r,g as l,s as f,d as c,u as d}from"./p-77d2021c.js";import{K as p,d as u,a as m,b as v,c as k}from"./p-cd3a7d53.js";import{c as w}from"./p-635bb4b3.js";import{F as g}from"./p-75908a1e.js";import{F as y}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-3cab6420.js";import"./p-c56195a0.js";const b=a();function x(t,i,s,h,e,n,o,a){const r=D(t,i);let l=[];s&&h&&(l=C(s,h)?D(s,h):[...r]);let f=[];e&&n&&(z(e,n)?f=S(e,n):l=[...r]);let c=[];return o&&a&&(z(o,a)?c=S(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:f,secHourValues:c}}function D(t,i){let s=[t.value,i.value];return j(t)&&j(i)?s:j(t)?[t.value,t.value]:j(i)?[i.value,i.value]:s}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){return b.objects.isDate(t.obj)&&b.dates.isIsoDate(t.value)}function O(t){return b.objects.isTime(t.obj)||b.objects.isTimeWithSeconds(t.obj)}function C(t,i){return j(t)||j(i)}function z(t,i){return O(t)||O(i)}function T(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 E{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 H,M,P,W,I,R,V,Y,K,A,G,X,L,F,N,_,q,B,J,Q,U,Z,$,tt,it=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)},st=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 ht=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),H.add(this),this.state=new E,this.plannerRenderer=void 0,M.set(this,a()),P.set(this,void 0),W.set(this,[]),I.set(this,{}),R.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&&(it(this,M,"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;it(this,M,"f").objects.deepEqual(this.state.detailFilter,it(this,R,"f").detailFilter)||(this.state.detailFilter=it(this,R,"f").detailFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.showSecondaryDates,it(this,R,"f").showSecondaryDates)||(this.state.showSecondaryDates=it(this,R,"f").showSecondaryDates,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollX,it(this,R,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=it(this,R,"f").detailInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollY,it(this,R,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=it(this,R,"f").detailInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskFilter,it(this,R,"f").taskFilter)||(this.state.taskFilter=it(this,R,"f").taskFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollX,it(this,R,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=it(this,R,"f").taskInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollY,it(this,R,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=it(this,R,"f").taskInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.viewMode,it(this,R,"f").viewMode)||(this.state.viewMode=it(this,R,"f").viewMode,t=!0),t&&(it(this,M,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){st(this,I,{},"f")}async getProps(t){return l(this,k,t)}async refresh(){s(this),this.plannerRenderer.refresh()}async setProps(t){f(this,k,t)}async addPhases(t,i){var s;const h=it(this,H,"m",K).call(this,t);h&&(it(this,I,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=x(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=T(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=it(this,H,"m",$).call(this,t,this.phaseIconCol),o=it(this,H,"m",tt).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=it(this,R,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=it(this,R,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps),this.refresh()}componentWillLoad(){it(this,M,"f").debug.logLoad(this,!1),it(this,M,"f").theme.register(this),this.initWithPersistedState(),st(this,R,{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=it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");y(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&y(s),this.plannerProps={mainGantt:{title:this.titleMess,items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:it(this,R,"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&&it(this,H,"m",U).call(this,this.taskFilter),this.detailFilter&&it(this,H,"m",U).call(this,this.detailFilter,!0),it(this,M,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),it(this,M,"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:it(this,H,"m",G).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.PHASE:it(this,H,"m",X).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.DETAIL:it(this,H,"m",L).call(this)&&this.onKupDblClick(t,m.onDblClick)}for(let t=0;t<it(this,W,"f").length;t++)clearTimeout(it(this,W,"f")[t]),it(this,M,"f").debug.logMessage(this,"Cleared click timeout("+it(this,W,"f")[t]+").");st(this,W,[],"f")}handleOnClick(t){it(this,W,"f").push(setTimeout((()=>{switch(t.rowType){case p.TASK:const i=t.phases?m.onTaskClosing:m.onTaskOpening;it(this,H,"m",F).call(this,t)&&this.onKupClick(t,i);break;case p.PHASE:it(this,H,"m",N).call(this)&&this.onKupClick(t,m.onClick);break;case p.DETAIL:it(this,H,"m",_).call(this)&&this.onKupClick(t,m.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case p.TASK:it(this,H,"m",q).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.PHASE:it(this,H,"m",B).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.DETAIL:it(this,H,"m",J).call(this)&&this.onKupContextMenu(t,i,m.onRightClick)}}handleOnSetDoubleView(t){var i;it(this,R,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){it(this,R,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){it(this,R,"f").taskInitialScrollX=t,it(this,R,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){it(this,R,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){it(this,R,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){it(this,H,"m",Q).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:"aa6f0014820025482238c3462872d803e697ee12"},h("style",{key:"444ae126bbe3f926d0c94d4e282e60959479bb77"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"c1fae911d7d5801c77d83de96edaefe70c18fedf",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"e79fd4d2d42079a1e921e35686f58f65989d4cdd",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"5a2b0850936753c168ebd2b610df67a3df48e774",style:{display:this.plannerProps?"none":""}},h(g,{key:"7c97395604c27f65cd5a904117b31b4b60e48ede",icon:c.SEARCH,id:"main-filter",label:it(this,M,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).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(g,{icon:c.SEARCH,id:"secondary-filter",label:it(this,M,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){it(this,M,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:it(this,R,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};M=new WeakMap,P=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,H=new WeakSet,V=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=x(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=T(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=it(this,H,"m",$).call(this,i,this.taskIconCol),n=it(this,H,"m",tt).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]}})):[]},Y=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(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=x(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=T(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=it(this,H,"m",$).call(this,s,this.detailIconCol),c=it(this,H,"m",tt).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},K=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},A=function(t){const i=it(this,H,"m",K).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},G=function(){return!0},X=function(){return!0},L=function(){return!0},F=function(t){const i=it(this,H,"m",K).call(this,t.id);return(null==i?void 0:i.phases)&&it(this,H,"m",A).call(this,i.id),!0},N=function(){return!0},_=function(){return!0},q=function(){return!0},B=function(){return!0},J=function(){return!0},Q=function(t){let i=!1;return it(this,P,"f")?it(this,P,"f").isEquivalent(t)||(st(this,P,new v(t),"f"),i=!0):(i=!0,st(this,P,new v(t),"f")),i},U=function(t,i){i?it(this,R,"f").detailFilter=t:it(this,R,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Z=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},$=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},tt=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=it(this,M,"f").theme.colorCheck(h).hexColor)}return h},ht.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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-bottom:var(--kup-space-04)}.planner-render{padding-top:40px}";export{ht as kup_planner}
|
|
@@ -152,6 +152,7 @@ export declare class KupAutocomplete {
|
|
|
152
152
|
onKupInput(): void;
|
|
153
153
|
onKupIconClick(): void;
|
|
154
154
|
onKupItemClick(e: CustomEvent<KupListEventPayload>): void;
|
|
155
|
+
onKupClearIconClick(): void;
|
|
155
156
|
initialValueChange(newValue: string): void;
|
|
156
157
|
initialValueDecodeChange(newValue: string): void;
|
|
157
158
|
listenKeydown(e: KeyboardEvent): void;
|
|
@@ -122,6 +122,7 @@ export declare class KupCombobox {
|
|
|
122
122
|
onKupFocus(): void;
|
|
123
123
|
onKupInput(): void;
|
|
124
124
|
onKupItemClick(e: CustomEvent<KupListEventPayload>): void;
|
|
125
|
+
onKupClearIconClick(): void;
|
|
125
126
|
initialValueChange(newValue: string): void;
|
|
126
127
|
initialValueDecodeChange(newValue: string): void;
|
|
127
128
|
listenKeydown(e: KeyboardEvent): void;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-710d0a7d.js";import{k as a,ah as r,g as l,s as f,d,u as c}from"./p-77d2021c.js";import{K as p,d as u,a as m,b as v,c as k}from"./p-cd3a7d53.js";import{c as w}from"./p-635bb4b3.js";import{F as g}from"./p-e21d5191.js";import{F as y}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-3cab6420.js";import"./p-c56195a0.js";const b=a();function x(t,i,s,h,e,n,o,a){const r=D(t,i);let l=[];s&&h&&(l=C(s,h)?D(s,h):[...r]);let f=[];e&&n&&(z(e,n)?f=S(e,n):l=[...r]);let d=[];return o&&a&&(z(o,a)?d=S(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:f,secHourValues:d}}function D(t,i){let s=[t.value,i.value];return j(t)&&j(i)?s:j(t)?[t.value,t.value]:j(i)?[i.value,i.value]:s}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){return b.objects.isDate(t.obj)&&b.dates.isIsoDate(t.value)}function O(t){return b.objects.isTime(t.obj)||b.objects.isTimeWithSeconds(t.obj)}function C(t,i){return j(t)||j(i)}function z(t,i){return O(t)||O(i)}function T(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 E{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 H,M,P,W,I,R,V,Y,K,A,G,X,L,F,N,_,q,B,J,Q,U,Z,$,tt,it=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)},st=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 ht=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),H.add(this),this.state=new E,this.plannerRenderer=void 0,M.set(this,a()),P.set(this,void 0),W.set(this,[]),I.set(this,{}),R.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&&(it(this,M,"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;it(this,M,"f").objects.deepEqual(this.state.detailFilter,it(this,R,"f").detailFilter)||(this.state.detailFilter=it(this,R,"f").detailFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.showSecondaryDates,it(this,R,"f").showSecondaryDates)||(this.state.showSecondaryDates=it(this,R,"f").showSecondaryDates,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollX,it(this,R,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=it(this,R,"f").detailInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollY,it(this,R,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=it(this,R,"f").detailInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskFilter,it(this,R,"f").taskFilter)||(this.state.taskFilter=it(this,R,"f").taskFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollX,it(this,R,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=it(this,R,"f").taskInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollY,it(this,R,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=it(this,R,"f").taskInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.viewMode,it(this,R,"f").viewMode)||(this.state.viewMode=it(this,R,"f").viewMode,t=!0),t&&(it(this,M,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){st(this,I,{},"f")}async getProps(t){return l(this,k,t)}async refresh(){s(this),this.plannerRenderer.refresh()}async setProps(t){f(this,k,t)}async addPhases(t,i){var s;const h=it(this,H,"m",K).call(this,t);h&&(it(this,I,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=x(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=T(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=it(this,H,"m",$).call(this,t,this.phaseIconCol),o=it(this,H,"m",tt).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=it(this,R,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=it(this,R,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps),this.refresh()}componentWillLoad(){it(this,M,"f").debug.logLoad(this,!1),it(this,M,"f").theme.register(this),this.initWithPersistedState(),st(this,R,{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=it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");y(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&y(s),this.plannerProps={mainGantt:{title:this.titleMess,items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:it(this,R,"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&&it(this,H,"m",U).call(this,this.taskFilter),this.detailFilter&&it(this,H,"m",U).call(this,this.detailFilter,!0),it(this,M,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),it(this,M,"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:it(this,H,"m",G).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.PHASE:it(this,H,"m",X).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.DETAIL:it(this,H,"m",L).call(this)&&this.onKupDblClick(t,m.onDblClick)}for(let t=0;t<it(this,W,"f").length;t++)clearTimeout(it(this,W,"f")[t]),it(this,M,"f").debug.logMessage(this,"Cleared click timeout("+it(this,W,"f")[t]+").");st(this,W,[],"f")}handleOnClick(t){it(this,W,"f").push(setTimeout((()=>{switch(t.rowType){case p.TASK:const i=t.phases?m.onTaskClosing:m.onTaskOpening;it(this,H,"m",F).call(this,t)&&this.onKupClick(t,i);break;case p.PHASE:it(this,H,"m",N).call(this)&&this.onKupClick(t,m.onClick);break;case p.DETAIL:it(this,H,"m",_).call(this)&&this.onKupClick(t,m.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case p.TASK:it(this,H,"m",q).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.PHASE:it(this,H,"m",B).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.DETAIL:it(this,H,"m",J).call(this)&&this.onKupContextMenu(t,i,m.onRightClick)}}handleOnSetDoubleView(t){var i;it(this,R,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){it(this,R,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){it(this,R,"f").taskInitialScrollX=t,it(this,R,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){it(this,R,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){it(this,R,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){it(this,H,"m",Q).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:"aa6f0014820025482238c3462872d803e697ee12"},h("style",{key:"444ae126bbe3f926d0c94d4e282e60959479bb77"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"c1fae911d7d5801c77d83de96edaefe70c18fedf",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"e79fd4d2d42079a1e921e35686f58f65989d4cdd",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"5a2b0850936753c168ebd2b610df67a3df48e774",style:{display:this.plannerProps?"none":""}},h(g,{key:"7c97395604c27f65cd5a904117b31b4b60e48ede",icon:d.SEARCH,id:"main-filter",label:it(this,M,"f").language.translate(c.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).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(g,{icon:d.SEARCH,id:"secondary-filter",label:it(this,M,"f").language.translate(c.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){it(this,M,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:it(this,R,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};M=new WeakMap,P=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,H=new WeakSet,V=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=x(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=T(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=it(this,H,"m",$).call(this,i,this.taskIconCol),n=it(this,H,"m",tt).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]}})):[]},Y=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(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=x(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=T(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=it(this,H,"m",$).call(this,s,this.detailIconCol),d=it(this,H,"m",tt).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!=d?d:"#595959"}:void 0,startHour:a.hourValues[0],endHour:a.hourValues[1]})})),i},K=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},A=function(t){const i=it(this,H,"m",K).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},G=function(){return!0},X=function(){return!0},L=function(){return!0},F=function(t){const i=it(this,H,"m",K).call(this,t.id);return(null==i?void 0:i.phases)&&it(this,H,"m",A).call(this,i.id),!0},N=function(){return!0},_=function(){return!0},q=function(){return!0},B=function(){return!0},J=function(){return!0},Q=function(t){let i=!1;return it(this,P,"f")?it(this,P,"f").isEquivalent(t)||(st(this,P,new v(t),"f"),i=!0):(i=!0,st(this,P,new v(t),"f")),i},U=function(t,i){i?it(this,R,"f").detailFilter=t:it(this,R,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Z=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},$=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},tt=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=it(this,M,"f").theme.colorCheck(h).hexColor)}return h},ht.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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-bottom:var(--kup-space-04)}.planner-render{padding-top:40px}";export{ht as kup_planner}
|