@sme.up/ketchup 11.0.0-SNAPSHOT-20250415141853 → 11.0.0-SNAPSHOT-20250416121604

package/dist/ketchup/{p-02da7934.entry.js → p-6b66ec24.entry.js}

@@ -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-8140c1d2.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aC as f,h as m,Y as u,e as g}from"./p-fb4f10d5.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}
+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-f583c2b5.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aC as f,h as m,Y as u,e as g}from"./p-663f8e73.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}

package/dist/ketchup/{p-761ad9ec.js → p-6ebfa60b.js}

@@ -1 +1 @@
-import{h as e,F as n}from"./p-710d0a7d.js";import{ap as a,aq as o,R as t,ac as c,d 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,e as O}from"./p-fb4f10d5.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-f1886258.js";import{F as C}from"./p-3cab6420.js";import{F as $}from"./p-d1fa33e0.js";import{F}from"./p-8140c1d2.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const E=a=>{var o;const t=!!a.columns,c=[],l=a.type||I.RADIO;for(let t=0;t<(null===(o=a.data)||void 0===o?void 0:o.length);t++){const o=a.data[t],i={radio:!0,"radio--checked":!!o.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};c.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,t):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(t,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(t,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(t,e),e.stopPropagation()}},l===I.CHEVRON&&e(C,{resource:o.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},o.label?o.label:""))))}return e("div",{class:`f-radio radio-wrapper\n             ${t?"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":t?`repeat(${a.columns}, 1fr)`:""}},c)},B=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 A;!function(e){e.SMALL="small",e.MEDIUM="medium"}(A||(A={}));const D=n=>{n.sizing||(n.sizing=A.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 t=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,t=0;for(;null!==(o=a.exec(e));)o.index>t&&n.onContent(e.slice(t,o.index)),"_n_"===o[1]?n.onEndTag(o[1]):n.onStartTag(o[2]),t=a.lastIndex;t<e.length&&n.onContent(e.slice(t))}(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 t.find((e=>void 0!==e.tag))?e("span",{class:o},function(n){return n.map((n=>{var a,o;const t=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:t},n.content):e("span",null,`${null!==(o=n.tag)&&void 0!==o?o:""}${n.content}`)}))}(t)):e(n,null,a)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,A=n.column,z=n.row,N=n.shape?n.shape:I.shape?I.shape:A.shape?A.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let L=!1;I.hasOwnProperty("isEditable")?L=I.isEditable:A.hasOwnProperty("isEditable")&&(L=A.isEditable),L=L&&n.editable,I.data=null!==(r=X(I,A))&&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 W=I.cssClass?I.cssClass:(null==A?void 0:A.cssClass)?null==A?void 0:A.cssClass:"";const U={"f-cell":!0,[t.OBJ]:!!R,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===c.BAR),[W]:!!W,"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 t(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={},c=e.split("\\\\"),r=[];for(const e of c){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(t(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,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(o,10))||isNaN(parseInt(t,10))||(a.color=`rgb(${parseInt(n)},${parseInt(o)},${parseInt(t)})`)}if(o.length>=2){const e=o[1].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}return a}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.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 c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.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 c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.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,B;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:ce(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 c.CHECKBOX:return te(i)&&(a[t.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 c.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 c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>oe(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:ce(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 c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(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 c.EDITOR:const A=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:!!ce(i),maxLength:o.data.maxLength,value:o.value,onChange:e=>{oe(e,i,n,h.UPDATE)},onInput:e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),oe(e,i,n,h.INPUT)},onBlur:e=>oe(e,i,n,h.BLUR),onKeyDown:A}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},o.data));case c.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 c.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 c.RADIO:return e(E,Object.assign({},o.data,{disabled:!1,onChange:(e,a)=>{const t=o.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}oe(a,i,n,h.UPDATE)},onBlur:e=>oe(e,i,n,h.BLUR)}));case c.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 c.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 c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(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 c.OBJECT:return e($,{cell:o,column:i.column,row:i.row,inputValue:o.value,onChange:e=>oe(e,i,n,h.UPDATE)});case c.NUMBER:a[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const z=e=>oe(e,i,n,h.UPDATE),N=e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),oe(e,i,n,h.INPUT)},R=e=>{var a,t,l;null===(t=null===(a=o.data)||void 0===a?void 0:a.onKeyDown)||void 0===t||t.call(a,e);const r="MEMO"===o.shape||(null===(l=o.data)||void 0===l?void 0:l.maxLength)>=256||n===c.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===c.NUMBER?"number":null;if(o.shape===d.INPUT_FIELD){const a=n===c.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!==(B=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==B?B:-1})}{const a=!!o.shape&&o.shape===d.MEMO||!!n&&n===c.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:!!ce(i),maxLength:n==c.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,U,I,A,n)):I.data&&o.includes(V)?(n.setSizes&&function(e,n,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px");break;case c.BUTTON:let e="";n.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:a.style?a.style.height||(a.style.minHeight="18px"):a.style={minHeight:"18px"};break;case c.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 c.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 c.BUTTON:te(s)&&(a[t.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 c.BUTTON_LIST:return te(s)&&(a[t.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 c.CHART:return te(s)&&(a[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},o));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},o));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},o,{class:ce(s)?"kup-full-width":"",disabled:!0}));case c.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 c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},o,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return te(s)&&(a[t.C_CENTERED]=!0),o.disabled=i.readOnly,e(E,Object.assign({},o));case c.RATING:return e(B,Object.assign({},o,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},o,{disabled:!0}))}}(V,U,Y,I,z,A,n):e("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,n,a,o){var t;switch(e){case c.CHECKBOX:case c.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 c.IMAGE:const e=(null===(t=o.cell)||void 0===t?void 0:t.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),U[t.INDICATOR_TOPRIGHT]=null!==(O=I.tooltip)&&void 0!==O&&O,P=function(n,a,o,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return o&&""!=o?e("div",{class:"f-cell__text"},m(i,o," - ")):o;case c.DATE:case c.DATETIME:case c.TIME:if(o&&""!=o){const n=p(r,i);return e("div",{class:"f-cell__text"},n)}return o;case c.CHECKBOX:return te(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return te(s)&&(l[t.C_CENTERED]=!0),a.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},a));case c.LINK:return e("a",{href:o,target:"_blank"},i.value);case c.NUMBER:if(o&&""!=o){const n=T.ketchup.math.numberifySafe(i.value),a=p(r,i);return n<0&&(l[t.TEXT_DANGER]=!0),te(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},a)}return e("div",{class:"f-cell__text"},o);case c.SWITCH:return te(s)&&(l[t.C_CENTERED]=!0),a.disabled=!0,e(D,Object.assign({},a));case c.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,U,I,A,n));let Z=null;!L&&(A.icon||I.icon)&&P&&V!=c.BUTTON&&V!=c.BUTTON_LIST&&V!=c.IMAGE&&V!=c.ICON&&(Z=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:A.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:A.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:U,"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 t=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===c.NUMBER?"left":"right"),(null===(o=n.cellActionIcon)||void 0===o?void 0:o.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.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,t=(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([[c.BUTTON_LIST,U.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,W.bind(void 0)],[c.OBJECT,Y.bind(void 0)],[c.CHIP,G.bind(void 0)]]).get(i);return r?r(o,t,l,e):null},G=(e,n,a,o)=>{var t;return(null===(t=o.data)||void 0===t?void 0:t.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||""}}),W=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{checked:"on"===a||"1"===a,label:n}),U=(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 t=r(a,e);return Object.assign(Object.assign({},o.data),t)},q=(e,n,a,o)=>{var t;if(!(null===(t=o.data)||void 0===t?void 0:t.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,[t,c]=Object.keys(o);return{id:o[t].value,value:(null===(a=o[c])||void 0===a?void 0:a.value)||o[t].value,selected:n===o[t].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 t,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;let o=e.target.value;return n===c.CHECKBOX&&(o=e.target.checked?"off":"on"),n===c.DATE&&(o=null===(a=e.detail)||void 0===a?void 0:a.value),n===c.NUMBER&&(o=T.ketchup.math.formattedStringToNumberString(o,"")),o}(e,a);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),a){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.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 c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.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 te(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function ce(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,B as b,A as c,D as d,M as e}
+import{h as e,F as n}from"./p-710d0a7d.js";import{ap as a,aq as o,R as t,ac as c,d 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,e as O}from"./p-663f8e73.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-36ea09b5.js";import{F as C}from"./p-3cab6420.js";import{F as $}from"./p-94f6f941.js";import{F}from"./p-f583c2b5.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const E=a=>{var o;const t=!!a.columns,c=[],l=a.type||I.RADIO;for(let t=0;t<(null===(o=a.data)||void 0===o?void 0:o.length);t++){const o=a.data[t],i={radio:!0,"radio--checked":!!o.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};c.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,t):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(t,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(t,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(t,e),e.stopPropagation()}},l===I.CHEVRON&&e(C,{resource:o.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},o.label?o.label:""))))}return e("div",{class:`f-radio radio-wrapper\n             ${t?"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":t?`repeat(${a.columns}, 1fr)`:""}},c)},B=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 A;!function(e){e.SMALL="small",e.MEDIUM="medium"}(A||(A={}));const D=n=>{n.sizing||(n.sizing=A.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 t=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,t=0;for(;null!==(o=a.exec(e));)o.index>t&&n.onContent(e.slice(t,o.index)),"_n_"===o[1]?n.onEndTag(o[1]):n.onStartTag(o[2]),t=a.lastIndex;t<e.length&&n.onContent(e.slice(t))}(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 t.find((e=>void 0!==e.tag))?e("span",{class:o},function(n){return n.map((n=>{var a,o;const t=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:t},n.content):e("span",null,`${null!==(o=n.tag)&&void 0!==o?o:""}${n.content}`)}))}(t)):e(n,null,a)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,A=n.column,z=n.row,N=n.shape?n.shape:I.shape?I.shape:A.shape?A.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let L=!1;I.hasOwnProperty("isEditable")?L=I.isEditable:A.hasOwnProperty("isEditable")&&(L=A.isEditable),L=L&&n.editable,I.data=null!==(r=X(I,A))&&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 W=I.cssClass?I.cssClass:(null==A?void 0:A.cssClass)?null==A?void 0:A.cssClass:"";const U={"f-cell":!0,[t.OBJ]:!!R,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===c.BAR),[W]:!!W,"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 t(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={},c=e.split("\\\\"),r=[];for(const e of c){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(t(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,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(o,10))||isNaN(parseInt(t,10))||(a.color=`rgb(${parseInt(n)},${parseInt(o)},${parseInt(t)})`)}if(o.length>=2){const e=o[1].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}return a}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.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 c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.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 c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.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,B;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:ce(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 c.CHECKBOX:return te(i)&&(a[t.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 c.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 c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>oe(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:ce(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 c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(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 c.EDITOR:const A=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:!!ce(i),maxLength:o.data.maxLength,value:o.value,onChange:e=>{oe(e,i,n,h.UPDATE)},onInput:e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),oe(e,i,n,h.INPUT)},onBlur:e=>oe(e,i,n,h.BLUR),onKeyDown:A}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},o.data));case c.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 c.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 c.RADIO:return e(E,Object.assign({},o.data,{disabled:!1,onChange:(e,a)=>{const t=o.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}oe(a,i,n,h.UPDATE)},onBlur:e=>oe(e,i,n,h.BLUR)}));case c.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 c.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 c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(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 c.OBJECT:return e($,{cell:o,column:i.column,row:i.row,inputValue:o.value,onChange:e=>oe(e,i,n,h.UPDATE)});case c.NUMBER:a[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const z=e=>oe(e,i,n,h.UPDATE),N=e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),oe(e,i,n,h.INPUT)},R=e=>{var a,t,l;null===(t=null===(a=o.data)||void 0===a?void 0:a.onKeyDown)||void 0===t||t.call(a,e);const r="MEMO"===o.shape||(null===(l=o.data)||void 0===l?void 0:l.maxLength)>=256||n===c.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===c.NUMBER?"number":null;if(o.shape===d.INPUT_FIELD){const a=n===c.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!==(B=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==B?B:-1})}{const a=!!o.shape&&o.shape===d.MEMO||!!n&&n===c.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:!!ce(i),maxLength:n==c.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,U,I,A,n)):I.data&&o.includes(V)?(n.setSizes&&function(e,n,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px");break;case c.BUTTON:let e="";n.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:a.style?a.style.height||(a.style.minHeight="18px"):a.style={minHeight:"18px"};break;case c.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 c.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 c.BUTTON:te(s)&&(a[t.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 c.BUTTON_LIST:return te(s)&&(a[t.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 c.CHART:return te(s)&&(a[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},o));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},o));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},o,{class:ce(s)?"kup-full-width":"",disabled:!0}));case c.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 c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},o,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return te(s)&&(a[t.C_CENTERED]=!0),o.disabled=i.readOnly,e(E,Object.assign({},o));case c.RATING:return e(B,Object.assign({},o,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},o,{disabled:!0}))}}(V,U,Y,I,z,A,n):e("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,n,a,o){var t;switch(e){case c.CHECKBOX:case c.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 c.IMAGE:const e=(null===(t=o.cell)||void 0===t?void 0:t.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),U[t.INDICATOR_TOPRIGHT]=null!==(O=I.tooltip)&&void 0!==O&&O,P=function(n,a,o,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return o&&""!=o?e("div",{class:"f-cell__text"},m(i,o," - ")):o;case c.DATE:case c.DATETIME:case c.TIME:if(o&&""!=o){const n=p(r,i);return e("div",{class:"f-cell__text"},n)}return o;case c.CHECKBOX:return te(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return te(s)&&(l[t.C_CENTERED]=!0),a.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},a));case c.LINK:return e("a",{href:o,target:"_blank"},i.value);case c.NUMBER:if(o&&""!=o){const n=T.ketchup.math.numberifySafe(i.value),a=p(r,i);return n<0&&(l[t.TEXT_DANGER]=!0),te(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},a)}return e("div",{class:"f-cell__text"},o);case c.SWITCH:return te(s)&&(l[t.C_CENTERED]=!0),a.disabled=!0,e(D,Object.assign({},a));case c.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,U,I,A,n));let Z=null;!L&&(A.icon||I.icon)&&P&&V!=c.BUTTON&&V!=c.BUTTON_LIST&&V!=c.IMAGE&&V!=c.ICON&&(Z=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:A.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:A.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:U,"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 t=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===c.NUMBER?"left":"right"),(null===(o=n.cellActionIcon)||void 0===o?void 0:o.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.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,t=(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([[c.BUTTON_LIST,U.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,W.bind(void 0)],[c.OBJECT,Y.bind(void 0)],[c.CHIP,G.bind(void 0)]]).get(i);return r?r(o,t,l,e):null},G=(e,n,a,o)=>{var t;return(null===(t=o.data)||void 0===t?void 0:t.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||""}}),W=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{checked:"on"===a||"1"===a,label:n}),U=(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 t=r(a,e);return Object.assign(Object.assign({},o.data),t)},q=(e,n,a,o)=>{var t;if(!(null===(t=o.data)||void 0===t?void 0:t.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,[t,c]=Object.keys(o);return{id:o[t].value,value:(null===(a=o[c])||void 0===a?void 0:a.value)||o[t].value,selected:n===o[t].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 t,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;let o=e.target.value;return n===c.CHECKBOX&&(o=e.target.checked?"off":"on"),n===c.DATE&&(o=null===(a=e.detail)||void 0===a?void 0:a.value),n===c.NUMBER&&(o=T.ketchup.math.formattedStringToNumberString(o,"")),o}(e,a);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),a){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.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 c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.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 te(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function ce(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,B as b,A as c,D as d,M as e}

package/dist/ketchup/{p-a52e835e.entry.js → p-7d438de7.entry.js}

@@ -1 +1 @@
-import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-710d0a7d.js";import{k as o,e as s,g as h,s as f}from"./p-fb4f10d5.js";import{a as l,F as r}from"./p-cec0955d.js";import{c}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(e){t(this,e),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=l.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){e(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const e=this.prepareDataFromTreeNode(t,n);return e.value?i(r,Object.assign({},{value:e.value,type:e.type,toolbar:e.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),null==e.value&&(e.value=t.value),e.wrapperClass||(e.wrapperClass=""),null!=this.type&&(e.type=this.type),null!=this.toolbar&&(e.toolbar=this.toolbar),e.id=n.toString(),e}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let e=null;e=this.renderTypography(this.data[n],n),e&&t.push(e)}return t}getObjForEvent(t,n){let e=Number(t),i=-1;null!=n&&""!=n.trim()&&(i=Number(n));let a=this.data[e];return-1!=i?a.children[i].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return i(a,{key:"ce1131e5095003f12867d4ce91ab92933b250023"},i("style",{key:"8dae3b8a646be6cc588ef99349af47ed47433803"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"d351f2fb2f84f8e4ffa6c4c8b80d4c2c4ed6f2fd",id:c},i("div",{key:"66873c914173d8a73cf8e7f3a106d072a1f2dff6",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-label-01-font-size, 12px);\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-heading-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-heading-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";export{g as kup_typography_list}
+import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-710d0a7d.js";import{k as o,e as s,g as h,s as f}from"./p-663f8e73.js";import{a as l,F as r}from"./p-cec0955d.js";import{c}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(e){t(this,e),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=l.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){e(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const e=this.prepareDataFromTreeNode(t,n);return e.value?i(r,Object.assign({},{value:e.value,type:e.type,toolbar:e.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),null==e.value&&(e.value=t.value),e.wrapperClass||(e.wrapperClass=""),null!=this.type&&(e.type=this.type),null!=this.toolbar&&(e.toolbar=this.toolbar),e.id=n.toString(),e}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let e=null;e=this.renderTypography(this.data[n],n),e&&t.push(e)}return t}getObjForEvent(t,n){let e=Number(t),i=-1;null!=n&&""!=n.trim()&&(i=Number(n));let a=this.data[e];return-1!=i?a.children[i].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return i(a,{key:"ce1131e5095003f12867d4ce91ab92933b250023"},i("style",{key:"8dae3b8a646be6cc588ef99349af47ed47433803"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"d351f2fb2f84f8e4ffa6c4c8b80d4c2c4ed6f2fd",id:c},i("div",{key:"66873c914173d8a73cf8e7f3a106d072a1f2dff6",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-label-01-font-size, 12px);\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-heading-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-heading-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";export{g as kup_typography_list}

package/dist/ketchup/{p-af850d55.entry.js → p-8037340b.entry.js}

@@ -1 +1 @@
-import{r as i,h as t,d as e}from"./p-710d0a7d.js";import{k as o}from"./p-fb4f10d5.js";import"./p-1ee561ba.js";const n=class{constructor(t){i(this,t),this.kupManager=o(),this.config=void 0,this.qlik=void 0,this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),e(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((e=>{this.divlist=[],i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,e.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},e))})),e(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,e=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},e={"--lyo_obj-height":this.defobjsize},t("div",{key:"19ebb0eff3df2752a8b6c72a043c23369fab70f1",class:i,style:e},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return e(this)}};n.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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{n as kup_qlik}
+import{r as i,h as t,d as e}from"./p-710d0a7d.js";import{k as o}from"./p-663f8e73.js";import"./p-1ee561ba.js";const n=class{constructor(t){i(this,t),this.kupManager=o(),this.config=void 0,this.qlik=void 0,this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),e(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((e=>{this.divlist=[],i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,e.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},e))})),e(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,e=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},e={"--lyo_obj-height":this.defobjsize},t("div",{key:"19ebb0eff3df2752a8b6c72a043c23369fab70f1",class:i,style:e},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return e(this)}};n.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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{n as kup_qlik}

package/dist/ketchup/{p-20c7a116.entry.js → p-80912a13.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as a,h as i,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as p,s}from"./p-fb4f10d5.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(a){t(this,a),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,a=this.componentName;switch(this.componentName){case"kup-button":e=i("svg",{key:"8802574ba1d79ac1e274790bdf8686015476b2ad",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"c3d51c252fdf77cecf888da91a901c48d08fd69c",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=i("svg",{key:"4a1d1532c15748b95b0584f5d004bf5804417bc2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"20e5ab4bd0690a0599a28e05b355a405e07f7cad",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=i("svg",{key:"99d255a35e9890c805abb2994b6174223184cfd0",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"513cf3606dfd9bde023162e079dee3cf54304084",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=i("svg",{key:"842f850f0b3532fd388a8e1ebf48c11161d95561",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"b2e747170adf5dbe81a80a7a4ccc4df71abe776d",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{key:"252aee5d61964d1580283ae5edb5fb8064f3d668",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"876b7590622878f40fe3ee89aa880d187a69cb91",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=i("svg",{key:"a43007f243ee6855d8ae9b7ff517d471e37164d8",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"7f6654a6ddabef4701471ddd4c49c4eef87cc20f",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=i("svg",{key:"23dfbe528bbea80630394aaa91f09dd687cecb9d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"0615b03884b85a2e1215d3a25bfe225f43f0c84e",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=i("svg",{key:"9614fc7450e6a432fb6645911a0ee3739c3bdba1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"d3d77ee72693ca34d75bb90a020c0904d8345897",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=i("svg",{key:"7e9e25c82c6a968df1e34d6404a5b6a26208a1d2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"3355655ef7a1bd635fd287bd72124fc409acdb90",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=i(this.componentName,Object.assign({key:"598ae9bb03885be0e6f25ca73b9ee2cf52a6ab8e"},this.data,{ref:t=>this.lazyComponent=t})),a+=" kup-loaded"):this.showPlaceholder&&(t=e,a+=" kup-to-be-loaded"),i(h,{key:"fdc3a6a971b8c6b74129d1d8c561fce5e52c3b44",class:a},i("style",{key:"b8d687d0af73cc123bc465d481c4c37b0ba6c552"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"9c9f61bc50d5badca2f000fe40817eba70e6a4c5",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size: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{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}
+import{r as t,c as e,f as a,h as i,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as p,s}from"./p-663f8e73.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(a){t(this,a),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,a=this.componentName;switch(this.componentName){case"kup-button":e=i("svg",{key:"8802574ba1d79ac1e274790bdf8686015476b2ad",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"c3d51c252fdf77cecf888da91a901c48d08fd69c",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=i("svg",{key:"4a1d1532c15748b95b0584f5d004bf5804417bc2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"20e5ab4bd0690a0599a28e05b355a405e07f7cad",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=i("svg",{key:"99d255a35e9890c805abb2994b6174223184cfd0",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"513cf3606dfd9bde023162e079dee3cf54304084",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=i("svg",{key:"842f850f0b3532fd388a8e1ebf48c11161d95561",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"b2e747170adf5dbe81a80a7a4ccc4df71abe776d",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{key:"252aee5d61964d1580283ae5edb5fb8064f3d668",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"876b7590622878f40fe3ee89aa880d187a69cb91",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=i("svg",{key:"a43007f243ee6855d8ae9b7ff517d471e37164d8",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"7f6654a6ddabef4701471ddd4c49c4eef87cc20f",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=i("svg",{key:"23dfbe528bbea80630394aaa91f09dd687cecb9d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"0615b03884b85a2e1215d3a25bfe225f43f0c84e",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=i("svg",{key:"9614fc7450e6a432fb6645911a0ee3739c3bdba1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"d3d77ee72693ca34d75bb90a020c0904d8345897",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=i("svg",{key:"7e9e25c82c6a968df1e34d6404a5b6a26208a1d2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"3355655ef7a1bd635fd287bd72124fc409acdb90",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=i(this.componentName,Object.assign({key:"598ae9bb03885be0e6f25ca73b9ee2cf52a6ab8e"},this.data,{ref:t=>this.lazyComponent=t})),a+=" kup-loaded"):this.showPlaceholder&&(t=e,a+=" kup-to-be-loaded"),i(h,{key:"fdc3a6a971b8c6b74129d1d8c561fce5e52c3b44",class:a},i("style",{key:"b8d687d0af73cc123bc465d481c4c37b0ba6c552"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"9c9f61bc50d5badca2f000fe40817eba70e6a4c5",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size: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{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}

package/dist/ketchup/{p-a7f2189e.entry.js → p-871237ca.entry.js}

@@ -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,f as p,az as f,g as h,s as l,Y as r,aA as c,h as m,aB as d}from"./p-fb4f10d5.js";import{c as g}from"./p-635bb4b3.js";import{F as u}from"./p-c4224227.js";import{F as k}from"./p-761ad9ec.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-9f9428d1.js";import"./p-f1886258.js";import"./p-d1fa33e0.js";import"./p-8140c1d2.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,d,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,d,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("#"+g),{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:g,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(u,{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}
+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,f as p,az as f,g as h,s as l,Y as r,aA as c,h as m,aB as g}from"./p-663f8e73.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-c4224227.js";import{F as k}from"./p-6ebfa60b.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-9f9428d1.js";import"./p-36ea09b5.js";import"./p-94f6f941.js";import"./p-f583c2b5.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}

package/dist/ketchup/{p-2faa7118.entry.js → p-8974500c.entry.js}

@@ -1 +1 @@
-import{r as i,f as n,h as t,H as e,d as a}from"./p-710d0a7d.js";import{k as l,g as o,s as p,e as r}from"./p-fb4f10d5.js";import{c as s}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var d;!function(i){i.columns="The number of columns displayed by the grid, the default behavior is 12.",i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.singleLine="When set to true, forces the content on a single line."}(d||(d={}));const g=class{constructor(n){i(this,n),this.kupManager=l(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i||0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine)a=t("slot",{name:`${e}`});else{const n=i[e].span||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};g.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{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";export{g as kup_grid}
+import{r as i,f as n,h as t,H as e,d as a}from"./p-710d0a7d.js";import{k as l,g as o,s as p,e as r}from"./p-663f8e73.js";import{c as s}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var d;!function(i){i.columns="The number of columns displayed by the grid, the default behavior is 12.",i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.singleLine="When set to true, forces the content on a single line."}(d||(d={}));const g=class{constructor(n){i(this,n),this.kupManager=l(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i||0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine)a=t("slot",{name:`${e}`});else{const n=i[e].span||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};g.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{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";export{g as kup_grid}

package/dist/ketchup/{p-64e064f0.js → p-9104a5c3.js}

@@ -1 +1 @@
-import{h as e}from"./p-710d0a7d.js";import{I as l,ay as t,r as a,a as n,h as o}from"./p-fb4f10d5.js";import{F as i}from"./p-c4224227.js";import{a as r}from"./p-e3062c19.js";var s;!function(e){e.SIMPLE="simple",e.FULL="full"}(s||(s={}));const u=document.documentElement,p=p=>{p.perPage||(p.perPage=1e3),p.perPage>p.max&&(p.perPage=p.max);const m=Math.ceil(p.max/p.perPage),f=function(e,l){const t=[];for(let a=1;a<=l;a++){const l=a==e.currentPage;t.push({id:a.toString(),selected:l,value:a.toString()})}return t}(p,m),b=function(e){const l=[],t=Math.min(e.max,e.maxRowsPerPage);let a=e.perPage;if(0===a)return l;for(;a<t;){const t=a==e.perPage;l.push({id:a.toString(),selected:t,value:a.toString()}),a*=2}const n=t==e.perPage;return l.push({id:t.toString(),selected:n,value:t.toString()}),l}(p),h={"kup-list":{data:f,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:!0,inputType:"number",max:m,min:1,size:5}},g={"kup-list":{data:b,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(a.ROWS)+" / "+u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(a.TOTAL)+`: ${p.max}`,helperWhenFocused:!0,inputType:"number",max:p.max,min:1,size:5}};return e("div",Object.assign({class:`f-paginator ${p.mode?p.mode:""} ${p.wrapperClass?p.wrapperClass:""}`},p.dataSet,{id:p.id,title:p.title}),p.onLoadMore?e(i,{icon:"plus",onClick:p.onLoadMore,label:u.ketchup.language.translate(o.LOAD_MORE),sizing:n.SMALL,styling:r.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,displayMode:l.CODE,initialValue:p.perPage.toString(),initialValueDecode:p.perPage.toString(),"onkup-combobox-change":p.onRowsChange}),e("kup-combobox",{class:"page-selector",data:h,displayMode:l.CODE,initialValue:p.currentPage.toString(),initialValueDecode:p.currentPage.toString(),"onkup-combobox-change":p.onPageChange}),p.showMaxPages?e("div",{class:"max-page-wrapper"},e("label",{htmlFor:"page-selector"},"/ "+m)):null,e("div",{class:"arrow-wrapper"},p.mode!==s.SIMPLE?e(i,{icon:"chevron_left",disabled:d(p),onClick:p.onPrevPage,sizing:n.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral prev-page"}):null,p.mode!==s.SIMPLE?e(i,{icon:"chevron_right",disabled:c(p),onClick:p.onNextPage,sizing:n.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e){return e.currentPage*e.perPage>=e.max}function d(e){return 1==e.currentPage}const m=document.documentElement;function f(e,l,t){if(m.ketchup.math.isNumber(e)){const a=Math.ceil(l/t);let n=e;return n>a&&(n=a),n<1&&(n=1),n}return null}function b(e,l){if(m.ketchup.math.isNumber(e)){let t=e;return t>l&&(t=l),t<1&&(t=1),t}return null}export{p as F,f as p,b as r}
+import{h as e}from"./p-710d0a7d.js";import{I as l,ay as t,r as a,a as n,h as o}from"./p-663f8e73.js";import{F as i}from"./p-c4224227.js";import{a as r}from"./p-e3062c19.js";var s;!function(e){e.SIMPLE="simple",e.FULL="full"}(s||(s={}));const u=document.documentElement,p=p=>{p.perPage||(p.perPage=1e3),p.perPage>p.max&&(p.perPage=p.max);const m=Math.ceil(p.max/p.perPage),f=function(e,l){const t=[];for(let a=1;a<=l;a++){const l=a==e.currentPage;t.push({id:a.toString(),selected:l,value:a.toString()})}return t}(p,m),b=function(e){const l=[],t=Math.min(e.max,e.maxRowsPerPage);let a=e.perPage;if(0===a)return l;for(;a<t;){const t=a==e.perPage;l.push({id:a.toString(),selected:t,value:a.toString()}),a*=2}const n=t==e.perPage;return l.push({id:t.toString(),selected:n,value:t.toString()}),l}(p),h={"kup-list":{data:f,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:!0,inputType:"number",max:m,min:1,size:5}},g={"kup-list":{data:b,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(a.ROWS)+" / "+u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(a.TOTAL)+`: ${p.max}`,helperWhenFocused:!0,inputType:"number",max:p.max,min:1,size:5}};return e("div",Object.assign({class:`f-paginator ${p.mode?p.mode:""} ${p.wrapperClass?p.wrapperClass:""}`},p.dataSet,{id:p.id,title:p.title}),p.onLoadMore?e(i,{icon:"plus",onClick:p.onLoadMore,label:u.ketchup.language.translate(o.LOAD_MORE),sizing:n.SMALL,styling:r.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,displayMode:l.CODE,initialValue:p.perPage.toString(),initialValueDecode:p.perPage.toString(),"onkup-combobox-change":p.onRowsChange}),e("kup-combobox",{class:"page-selector",data:h,displayMode:l.CODE,initialValue:p.currentPage.toString(),initialValueDecode:p.currentPage.toString(),"onkup-combobox-change":p.onPageChange}),p.showMaxPages?e("div",{class:"max-page-wrapper"},e("label",{htmlFor:"page-selector"},"/ "+m)):null,e("div",{class:"arrow-wrapper"},p.mode!==s.SIMPLE?e(i,{icon:"chevron_left",disabled:d(p),onClick:p.onPrevPage,sizing:n.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral prev-page"}):null,p.mode!==s.SIMPLE?e(i,{icon:"chevron_right",disabled:c(p),onClick:p.onNextPage,sizing:n.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e){return e.currentPage*e.perPage>=e.max}function d(e){return 1==e.currentPage}const m=document.documentElement;function f(e,l,t){if(m.ketchup.math.isNumber(e)){const a=Math.ceil(l/t);let n=e;return n>a&&(n=a),n<1&&(n=1),n}return null}function b(e,l){if(m.ketchup.math.isNumber(e)){let t=e;return t>l&&(t=l),t<1&&(t=1),t}return null}export{p as F,f as p,b as r}