@sme.up/ketchup 11.0.0-SNAPSHOT-20251201090245 → 11.0.0-SNAPSHOT-20251203145802

package/dist/ketchup/{p-8974efec.entry.js → p-7f1e6235.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-ff735e62.js";import{F as h}from"./p-ef3112d4.js";import{F as l}from"./p-e59fd0c5.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aD as f,b as m,Y as u,h as g}from"./p-d66832f6.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cc9db65d.js";import"./p-c56195a0.js";import"./p-36edcc02.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-ff735e62.js";import{F as h}from"./p-ef3112d4.js";import{F as l}from"./p-88941874.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aD as f,b as m,Y as u,h as g}from"./p-94d1bd32.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cc9db65d.js";import"./p-c56195a0.js";import"./p-36edcc02.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-9f9605c9.entry.js → p-80dbe8d0.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as n,H as a,d as o}from"./p-710d0a7d.js";import{k as f,g as p,s}from"./p-d66832f6.js";import{c as h}from"./p-635bb4b3.js";import"./p-36edcc02.js";var r;!function(t){t.data="Data of the component containing text"}(r||(r={}));var l,c=function(t,e,i,n){if("a"===i&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?n:"a"===i?n.call(t):n?n.value:e.get(t)};const g=class{constructor(i){t(this,i),this.kupReady=e(this,"kup-txt-ready",6),l.set(this,f()),this.data=void 0}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;return((null===(t=this.data)||void 0===t?void 0:t.value)||"").replace(new RegExp("\r\n","g"),"<br />")}componentWillLoad(){c(this,l,"f").debug.logLoad(this,!1),c(this,l,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),c(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){c(this,l,"f").debug.logRender(this,!1)}componentDidRender(){c(this,l,"f").debug.logRender(this,!0)}render(){const t=this.getValue();return n(a,{key:"a949dee0d42eef7f57d104d3311c28f12eb92754"},n("style",{key:"e41e8469db32acccd76270c6a5036dc3303e08a3"},c(this,l,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"6133d713e5f54e12100ff474aa7e281513362e4c",id:h},n("div",{key:"23f3638434a70447c508b314bcbdf497615fb73a",innerHTML:t})))}disconnectedCallback(){c(this,l,"f").theme.unregister(this)}get rootElement(){return o(this)}};l=new WeakMap,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{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";export{g as kup_txt}
+import{r as t,c as e,f as i,h as n,H as a,d as o}from"./p-710d0a7d.js";import{k as f,g as p,s}from"./p-94d1bd32.js";import{c as h}from"./p-635bb4b3.js";import"./p-36edcc02.js";var r;!function(t){t.data="Data of the component containing text"}(r||(r={}));var l,c=function(t,e,i,n){if("a"===i&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?n:"a"===i?n.call(t):n?n.value:e.get(t)};const g=class{constructor(i){t(this,i),this.kupReady=e(this,"kup-txt-ready",6),l.set(this,f()),this.data=void 0}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;return((null===(t=this.data)||void 0===t?void 0:t.value)||"").replace(new RegExp("\r\n","g"),"<br />")}componentWillLoad(){c(this,l,"f").debug.logLoad(this,!1),c(this,l,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),c(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){c(this,l,"f").debug.logRender(this,!1)}componentDidRender(){c(this,l,"f").debug.logRender(this,!0)}render(){const t=this.getValue();return n(a,{key:"a949dee0d42eef7f57d104d3311c28f12eb92754"},n("style",{key:"e41e8469db32acccd76270c6a5036dc3303e08a3"},c(this,l,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"6133d713e5f54e12100ff474aa7e281513362e4c",id:h},n("div",{key:"23f3638434a70447c508b314bcbdf497615fb73a",innerHTML:t})))}disconnectedCallback(){c(this,l,"f").theme.unregister(this)}get rootElement(){return o(this)}};l=new WeakMap,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{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";export{g as kup_txt}

package/dist/ketchup/{p-e59fd0c5.js → p-88941874.js}

@@ -1 +1 @@
-import{h as e,g as l}from"./p-710d0a7d.js";import{d as t}from"./p-d66832f6.js";import{F as i}from"./p-cc9db65d.js";const n=document.documentElement;let o=null;const d=(l,t)=>{var i,n;const o={"f-text-field":!0,"kup-danger":l.danger,"kup-full-height":l.fullHeight,"kup-full-width":l.fullWidth,"kup-info":l.info,"kup-light-mode":l.lightMode,"kup-secondary":l.secondary,"kup-shaped":l.shaped,"kup-success":l.success,"kup-warning":l.warning,[`f-text-field--${l.sizing||"small"}`]:!0,[l.wrapperClass]:!!l.wrapperClass},d=function(l){if(!1!==l.helperEnabled&&(l.error||l.alert)&&!l.legacyLook)return e("div",{class:"mdc-text-field-helper-line"},l.helper?e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!l.helperWhenFocused}},l.helper):l.error?e("span",{class:"mdc-error-message"},l.error):l.alert?e("span",{class:"mdc-alert-message"},l.alert):void 0)}(l),s=null===(n=null===(i=l.attachHelperSection)||void 0===i?void 0:i.call(l,d))||void 0===n||n;return e("div",Object.assign({class:o},l.dataSet,{id:l.id,title:l.title}),l.leadingLabel||l.trailingLabel?e("div",{class:"mdc-form-field "+(l.leadingLabel?"mdc-form-field--align-end":"")},[a(l),s?d:null,e("label",null,l.label)]):[a(l),s?d:null],t)};function a(o){var d,a,u,m,p,f,v;const x=o.textArea||o.outlined;let g,k,h,b;if(!o.label||o.leadingLabel||o.trailingLabel||o.legacyLook||(g=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},o.label,o.labelHelper&&e("span",{onPointerMove:e=>r(e,o.labelHelper),onPointerDown:e=>r(e,o.labelHelper),onPointerOut:()=>c()},e(i,{resource:"info_outline",wrapperClass:"helper-icon"}))),o.maxLength&&o.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},o.value.length," / ",o.maxLength):void 0)),o.icon){let i,n="";if(Object.values(t).indexOf(o.icon)>-1)n=o.icon.replace("--","");else{let e=`url('${l(`./assets/svg/${o.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}k=e("span",{style:i,onClick:o.onIconClick,onMouseDown:e=>{e.preventDefault()},class:`mdc-text-field__icon kup-icon action ${n}`})}if(o.quantityButtons){const t=`url('${l("./assets/svg/minus.svg")}') no-repeat center`,i=`url('${l("./assets/svg/plus.svg")}') no-repeat center`,n={mask:i,webkitMask:i};h=e("span",{style:{mask:t,webkitMask:t},class:"mdc-text-field__icon kup-icon action"}),b=e("span",{style:n,class:"mdc-text-field__icon kup-icon action"})}const w={color:o.error?"var(--kup-danger-color-60)":"var(--kup-warning-color-50)",resource:o.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"},_={"mdc-text-field-container":!0,"mdc-text-field-container--disabled":o.disabled},y={"is-clearable":o.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":o.disabled,"mdc-text-field--read-only":o.readOnly,"mdc-text-field--read-only-is-select":o.isSelect,"mdc-text-field--filled":!o.fullWidth&&!x,"mdc-text-field--no-label":!o.label,"mdc-text-field--fullwidth":o.fullWidth,"mdc-text-field--lightmode":o.lightMode,"mdc-text-field--outlined":x,"mdc-text-field--textarea":o.textArea,"mdc-text-field--with-leading-icon":o.icon&&!o.trailingIcon,"mdc-text-field--with-trailing-icon":o.icon&&o.trailingIcon,"mdc-text-field--with-quantity-buttons":o.quantityButtons,"mdc-text-field--error":Boolean(o.error),"mdc-text-field--alert":Boolean(o.alert),"mdc-text-field--legacy-look mdc-text-field--extra-small":o.legacyLook,[`mdc-text-field--${o.sizing||"small"}`]:!o.textArea&&!o.legacyLook,[`mdc-text-field--textarea--${o.sizing||"small"}`]:o.textArea,"top-right-indicator":o.showMarker};let C=o.value,$=o.quantityButtons?"number":null!==(d=o.inputType)&&void 0!==d?d:"text",F=!1;if("number"===o.inputType&&($="text",o.inputMode="numeric",F=!0),"number"===o.inputType){const e={allowNegative:null===(a=o.allowNegative)||void 0===a||a,decimal:o.decimals,group:null===(u=o.group)||void 0===u||u,integer:(null!==(m=o.integers)&&void 0!==m?m:0)-(null!==(p=o.decimals)&&void 0!==p?p:0)};C=s(C,e,!1)}return e("div",{class:_},o.fullWidth?void 0:g,e("div",{class:y},o.trailingIcon?void 0:k,o.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:o.disabled,maxlength:o.maxLength,value:C,autoComplete:null!==(f=o.autocomplete)&&void 0!==f?f:"off",onBlur:o.onBlur,onClick:o.onClick,onChange:o.onChange,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown})):e("input",{type:$,inputmode:o.inputMode?o.inputMode:void 0,step:o.step,min:o.min,max:o.max,name:o.name,class:"mdc-text-field__input",disabled:o.disabled,placeholder:o.placeholder,maxlength:o.maxLength,size:o.size,value:C,readOnly:o.isSelect,autoComplete:null!==(v=o.autocomplete)&&void 0!==v?v:"off",onBlur:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)||void 0===l||l,decimal:o.decimals,group:null===(t=o.group)||void 0===t||t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=s(e.target.value,d,!0)}o.onBlur&&o.onBlur(e)},onChange:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)||void 0===l||l,decimal:o.decimals,group:null===(t=o.group)||void 0===t||t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=null!=o.min&&o.min>parseFloat(e.target.value)?s(o.min.toString(),d,!0):null!=o.max&&o.max<parseFloat(e.target.value)?s(o.max.toString(),d,!0):s(e.target.value,d,!0)}else null!=o.min&&o.min>parseFloat(e.target.value)?e.target.value=o.min.toString():null!=o.max&&o.max<parseFloat(e.target.value)&&(e.target.value=o.max.toString());o.onChange&&o.onChange(e)},onClick:o.onClick,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown,onKeyPress:e=>{var l,t,i,d,a;if(!F)return;if(e.ctrlKey)return;if(e.key.length>1)return;if(("."===e.key||","===e.key)&&"NumpadDecimal"===e.code){const t=e.target,i=null!==(l=t.selectionStart)&&void 0!==l?l:0,o=n.ketchup.math.decimalSeparator();return t.value.includes(o)||(t.value=t.value.slice(0,i)+o+t.value.slice(i),t.setSelectionRange(i+1,i+1)),void e.preventDefault()}const s={allowNegative:null===(t=o.allowNegative)||void 0===t||t,decimal:o.decimals,group:null===(i=o.group)||void 0===i||i,integer:(null!==(d=o.integers)&&void 0!==d?d:0)-(null!==(a=o.decimals)&&void 0!==a?a:0)};let c=e.target,r=c.value,u=r.substring(0,c.selectionStart),m=r.substring(c.selectionEnd,c.selectionEnd+r.length-1);n.ketchup.math.matchNumericValueWithOptions(u+e.key+m,s)||e.preventDefault()}}),o.trailingIcon?k:void 0,o.helperIcon&&o.error?e("div",{class:"mdc-error-icon"},e(i,Object.assign({},w))):o.helperIcon&&o.alert?e("div",{class:"mdc-alert-icon"},e(i,Object.assign({},w))):void 0,o.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:o.onMinusClick},h),e("button",{onClick:o.onPlusClick},b)),o.isClearable&&o.value?e("span",{class:`mdc-text-field__icon kup-icon ${t.CLEAR.replace("--","")}`,onClick:o.onClearIconClick}):void 0))}const s=function(e,l,t){let i=e;return i?"-"==i?"":n.ketchup.math.format(i,n.ketchup.math.createFormatPattern(l.group,l.decimal),t):i},c=()=>{o&&(o.remove(),o=null)},r=(e,l)=>{l&&0!==l.length&&(o?(o.innerText=l,u(o,e)):(o=document.createElement("div"),o.className="kup-helper-tooltip",o.innerText=l,document.body.appendChild(o),u(o,e)))},u=(e,l)=>{const t=10,i=window.innerWidth,n=window.innerHeight,o=e.getBoundingClientRect(),d=o.width,a=o.height;let s=l.clientX+t,c=l.clientY+t;s+d>i&&(s=l.clientX-d-t,s<0&&(s=i-d-t)),c+a>n&&(c=l.clientY-a-t,c<0&&(c=n-a-t)),s=Math.max(t,Math.min(s,i-d-t)),c=Math.max(t,Math.min(c,n-a-t)),e.style.left=`${s}px`,e.style.top=`${c}px`};export{d as F}
+import{h as e,g as l}from"./p-710d0a7d.js";import{d as t}from"./p-94d1bd32.js";import{F as i}from"./p-cc9db65d.js";const n=document.documentElement;let o=null;const d=(l,t)=>{var i,n;const o={"f-text-field":!0,"kup-danger":l.danger,"kup-full-height":l.fullHeight,"kup-full-width":l.fullWidth,"kup-info":l.info,"kup-light-mode":l.lightMode,"kup-secondary":l.secondary,"kup-shaped":l.shaped,"kup-success":l.success,"kup-warning":l.warning,[`f-text-field--${l.sizing||"small"}`]:!0,[l.wrapperClass]:!!l.wrapperClass},d=function(l){if(!1!==l.helperEnabled&&(l.error||l.alert)&&!l.legacyLook)return e("div",{class:"mdc-text-field-helper-line"},l.helper?e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!l.helperWhenFocused}},l.helper):l.error?e("span",{class:"mdc-error-message"},l.error):l.alert?e("span",{class:"mdc-alert-message"},l.alert):void 0)}(l),s=null===(n=null===(i=l.attachHelperSection)||void 0===i?void 0:i.call(l,d))||void 0===n||n;return e("div",Object.assign({class:o},l.dataSet,{id:l.id,title:l.title}),l.leadingLabel||l.trailingLabel?e("div",{class:"mdc-form-field "+(l.leadingLabel?"mdc-form-field--align-end":"")},[a(l),s?d:null,e("label",null,l.label)]):[a(l),s?d:null],t)};function a(o){var d,a,u,m,p,f,v;const x=o.textArea||o.outlined;let g,k,b,h;if(!o.label||o.leadingLabel||o.trailingLabel||o.legacyLook||(g=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},o.label,o.labelHelper&&e("span",{onPointerMove:e=>r(e,o.labelHelper),onPointerDown:e=>r(e,o.labelHelper),onPointerOut:()=>c()},e(i,{resource:"info_outline",wrapperClass:"helper-icon"}))),o.maxLength&&o.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},o.value.length," / ",o.maxLength):void 0)),o.icon){let i,n="";if(Object.values(t).indexOf(o.icon)>-1)n=o.icon.replace("--","");else{let e=`url('${l(`./assets/svg/${o.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}k=e("span",{style:i,onClick:o.onIconClick,onMouseDown:e=>{e.preventDefault()},class:`mdc-text-field__icon kup-icon action ${n}`})}if(o.quantityButtons){const t=`url('${l("./assets/svg/minus.svg")}') no-repeat center`,i=`url('${l("./assets/svg/plus.svg")}') no-repeat center`,n={mask:i,webkitMask:i};b=e("span",{style:{mask:t,webkitMask:t},class:"mdc-text-field__icon kup-icon action"}),h=e("span",{style:n,class:"mdc-text-field__icon kup-icon action"})}const w={color:o.error?"var(--kup-danger-color-60)":"var(--kup-warning-color-50)",resource:o.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"},_={"mdc-text-field-container":!0,"mdc-text-field-container--disabled":o.disabled},y={"is-clearable":o.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":o.disabled,"mdc-text-field--read-only":o.readOnly,"mdc-text-field--read-only-is-select":o.isSelect,"mdc-text-field--filled":!o.fullWidth&&!x,"mdc-text-field--no-label":!o.label,"mdc-text-field--fullwidth":o.fullWidth,"mdc-text-field--lightmode":o.lightMode,"mdc-text-field--outlined":x,"mdc-text-field--textarea":o.textArea,"mdc-text-field--with-leading-icon":o.icon&&!o.trailingIcon,"mdc-text-field--with-trailing-icon":o.icon&&o.trailingIcon,"mdc-text-field--with-quantity-buttons":o.quantityButtons,"mdc-text-field--error":Boolean(o.error),"mdc-text-field--alert":Boolean(o.alert),"mdc-text-field--legacy-look mdc-text-field--extra-small":o.legacyLook,[`mdc-text-field--${o.sizing||"small"}`]:!o.textArea&&!o.legacyLook,[`mdc-text-field--textarea--${o.sizing||"small"}`]:o.textArea,"top-right-indicator":o.showMarker};let C=o.value,$=o.quantityButtons?"number":null!==(d=o.inputType)&&void 0!==d?d:"text",F=!1;if("number"===o.inputType&&($="text",o.inputMode="numeric",F=!0),"number"===o.inputType){const e={allowNegative:null===(a=o.allowNegative)||void 0===a||a,decimal:o.decimals,group:null===(u=o.group)||void 0===u||u,integer:(null!==(m=o.integers)&&void 0!==m?m:0)-(null!==(p=o.decimals)&&void 0!==p?p:0)};C=s(C,e,!1)}return e("div",{class:_},o.fullWidth?void 0:g,e("div",{class:y},o.trailingIcon?void 0:k,o.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:o.disabled,maxlength:o.maxLength,value:C,autoComplete:null!==(f=o.autocomplete)&&void 0!==f?f:"off",onBlur:o.onBlur,onClick:o.onClick,onChange:o.onChange,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown})):e("input",{type:$,inputmode:o.inputMode?o.inputMode:void 0,step:o.step,min:o.min,max:o.max,name:o.name,class:"mdc-text-field__input",disabled:o.disabled,placeholder:o.placeholder,maxlength:o.maxLength,size:o.size,value:C,readOnly:o.isSelect,autoComplete:null!==(v=o.autocomplete)&&void 0!==v?v:"off",onBlur:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)||void 0===l||l,decimal:o.decimals,group:null===(t=o.group)||void 0===t||t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=s(e.target.value,d,!0)}o.onBlur&&o.onBlur(e)},onChange:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)||void 0===l||l,decimal:o.decimals,group:null===(t=o.group)||void 0===t||t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=null!=o.min&&o.min>parseFloat(e.target.value)?s(o.min.toString(),d,!0):null!=o.max&&o.max<parseFloat(e.target.value)?s(o.max.toString(),d,!0):s(e.target.value,d,!0)}else null!=o.min&&o.min>parseFloat(e.target.value)?e.target.value=o.min.toString():null!=o.max&&o.max<parseFloat(e.target.value)&&(e.target.value=o.max.toString());o.onChange&&o.onChange(e)},onClick:o.onClick,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown,onKeyPress:e=>{var l,t,i,d,a;if(!F)return;if(e.ctrlKey)return;if(e.key.length>1)return;if(("."===e.key||","===e.key)&&"NumpadDecimal"===e.code){const t=e.target,i=null!==(l=t.selectionStart)&&void 0!==l?l:0,o=n.ketchup.math.decimalSeparator();return t.value.includes(o)||(t.value=t.value.slice(0,i)+o+t.value.slice(i),t.setSelectionRange(i+1,i+1)),void e.preventDefault()}const s={allowNegative:null===(t=o.allowNegative)||void 0===t||t,decimal:o.decimals,group:null===(i=o.group)||void 0===i||i,integer:(null!==(d=o.integers)&&void 0!==d?d:0)-(null!==(a=o.decimals)&&void 0!==a?a:0)};let c=e.target,r=c.value,u=r.substring(0,c.selectionStart),m=r.substring(c.selectionEnd,c.selectionEnd+r.length-1);n.ketchup.math.matchNumericValueWithOptions(u+e.key+m,s)||e.preventDefault()}}),o.trailingIcon?k:void 0,o.helperIcon&&o.error?e("div",{class:"mdc-error-icon"},e(i,Object.assign({},w))):o.helperIcon&&o.alert?e("div",{class:"mdc-alert-icon"},e(i,Object.assign({},w))):void 0,o.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:o.onMinusClick},b),e("button",{onClick:o.onPlusClick},h)),o.isClearable&&o.value?e("span",{class:`mdc-text-field__icon kup-icon ${t.CLEAR.replace("--","")}`,onClick:o.onClearIconClick}):void 0))}const s=function(e,l,t){let i=e;return i?"-"==i?"":n.ketchup.math.format(i,n.ketchup.math.createFormatPattern(l.group,l.decimal),t):i},c=()=>{o&&(o.remove(),o=null)},r=(e,l)=>{l&&0!==l.length&&(o?(o.innerText=l,u(o,e)):(o=document.createElement("div"),o.className="kup-helper-tooltip",o.innerText=l,document.body.appendChild(o),u(o,e)))},u=(e,l)=>{const t=10,i=window.innerWidth,n=window.innerHeight,o=e.getBoundingClientRect(),d=o.width,a=o.height;let s=l.clientX+t,c=l.clientY+t;s+d>i&&(s=l.clientX-d-t,s<0&&(s=i-d-t)),c+a>n&&(c=l.clientY-a-t,c<0&&(c=n-a-t)),s=Math.max(t,Math.min(s,i-d-t)),c=Math.max(t,Math.min(c,n-a-t)),e.style.left=`${s}px`,e.style.top=`${c}px`};export{d as F}

package/dist/ketchup/{p-53d3b004.entry.js → p-8a5f4e49.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-710d0a7d.js";import{k as p,g as s,s as h,h as f}from"./p-d66832f6.js";import"./p-36edcc02.js";var r;!function(t){t.buttonData="Props of the button (when isButton is set to true).",t.isButton="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.",t.src="The address the iframe should be referencing to."}(r||(r={}));const l=class{constructor(e){t(this,e),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.kupManager=p(),this.buttonData={},this.isButton=!1,this.src=void 0}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return s(this,r,t)}async refresh(){e(this)}async setProps(t){h(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(null!=this.src&&""!==this.src)return this.buttonData.icon||(this.buttonData.icon="open_in_new"),this.buttonData.label||(this.buttonData.label="Open in new tab"),this.isButton?n(o,{"is-button":!0},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):n(o,{"is-iframe":!0},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",f.WARNING)}get rootElement(){return a(this)}};l.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}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{l as kup_iframe}
+import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-710d0a7d.js";import{k as p,g as s,s as h,h as f}from"./p-94d1bd32.js";import"./p-36edcc02.js";var r;!function(t){t.buttonData="Props of the button (when isButton is set to true).",t.isButton="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.",t.src="The address the iframe should be referencing to."}(r||(r={}));const l=class{constructor(e){t(this,e),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.kupManager=p(),this.buttonData={},this.isButton=!1,this.src=void 0}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return s(this,r,t)}async refresh(){e(this)}async setProps(t){h(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(null!=this.src&&""!==this.src)return this.buttonData.icon||(this.buttonData.icon="open_in_new"),this.buttonData.label||(this.buttonData.label="Open in new tab"),this.isButton?n(o,{"is-button":!0},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):n(o,{"is-iframe":!0},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",f.WARNING)}get rootElement(){return a(this)}};l.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}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{l as kup_iframe}