@sme.up/ketchup 6.1.0-SNAPSHOT → 6.2.0-SNAPSHOT

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

@@ -1 +0,0 @@
-import{r as t,c as i,f as s,h as e,H as o,g as n}from"./p-34b74425.js";import{F as r}from"./p-1ae66cc5.js";import{k as a,h as c,B as h,c as l}from"./p-aca0e54b.js";import{g as d,s as p}from"./p-e0035c58.js";import{c as u}from"./p-97e8ea42.js";import"./p-6c77a36c.js";import"./p-bfc3bac7.js";var m,g,f;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component."}(m||(m={})),function(t){t.Components="1",t.Sections="2"}(g||(g={})),function(t){t.Loaded="Loaded",t.Reset="Reset",t.Save="Save",t.Components="Components",t.Sections="Sections",t.Column="Column"}(f||(f={}));const b=class{constructor(s){t(this,s),this.kupSave=i(this,"kup-formeditor-save",6),this.resetInternalData=!1,this.customStyle="",this.data=null,this.kupManager=a(),this.dragType=g.Components,this.internalData=null,this.internalDataBackup=null}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return d(this,m,t)}async refresh(){s(this)}async setProps(t){p(this,m,t)}buildHeader(){const t={icon:"cancel",label:f.Reset,secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:f.Save,onClick:()=>this.onKupSave()};return e("div",{class:"header"},e("kup-radio",{data:[{label:f.Components,value:g.Components,checked:this.dragType==g.Components},{label:f.Sections,value:g.Sections,checked:this.dragType==g.Sections}],"onKup-radio-change":t=>{this.dragType=t.detail.value,this.resetData(this.internalData)}}),e(r,Object.assign({},t)),e(r,Object.assign({},i)))}buildForm(t,i){return t?e("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":t&&this.dragType==g.Sections&&null!=t.sections&&t.sections.length>0},ref:s=>{s&&(s.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):e("div",null,this.kupManager.language.translate(c.EMPTY_DATA))}buildSectionHeader(t,i){const s={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]);const i={id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout,components:[]};t.components&&(t.components.forEach((t=>i.components.push(t))),t.components.splice(0)),t.sections.push(i),this.resetData(this.internalData)}},o={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const s=i.sections.indexOf(t);i.sections.splice(s,1),this.resetData(this.internalData)}};return e("div",{class:"section-header"},e("div",null,t.id," ",t.dim?"("+t.dim+")":void 0," -"," ",t.layout),e("div",null,e("div",{class:"section-header-actions"},e("kup-switch",{checked:t.loaded,label:f.Loaded,"onKup-switch-change":i=>{t.loaded="on"==i.detail.value}}),e("kup-switch",{checked:"column"==t.layout,label:f.Column,"onKup-switch-change":i=>{t.layout="on"==i.detail.value?"column":"row",this.resetData(this.internalData)}}),e(r,Object.assign({},s)),e(r,Object.assign({},o)),t.components&&t.components.length>0?e("kup-image",{resource:"widgets",sizeX:"24px",sizeY:"24px"}):void 0)))}buildSection(t,i){const s={section:!0,"section-draggable":this.dragType==g.Sections,"section-dropzone":!t.sections||0==t.sections.length||this.dragType==g.Sections},o={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};let n={};if(t.sections){let i="";t.sections.forEach((t=>{i+=t.dim?t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim:" 1fr"})),"column"==t.layout&&(n.gridTemplateRows=i),"row"==t.layout&&(n.gridTemplateColumns=i)}return e("div",{class:s,ref:s=>{s&&(s.kupData={parent:i,section:t})}},this.dragType==g.Sections?this.buildSectionHeader(t,i):void 0,e("div",{class:o,style:n},this.dragType==g.Components&&t.components?t.components.map((i=>"SCH"==i.type?this.buildForm(i,t):e("div",{class:"component component-draggable",ref:s=>{s&&(s.kupData={section:t,componnent:i})}},i.id," - ",i.type,e("kup-switch",{checked:i.loaded,label:f.Loaded,"onKup-switch-change":t=>{i.loaded="on"==t.detail.value}})))):void 0,t.sections?t.sections.map((i=>this.buildSection(i,t))):void 0))}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".component-draggable").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,h.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,l.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,null,null,{drop:t=>{t.currentTarget.appendChild(t.relatedTarget),this.dropped(t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,l.ERROR)}}dropped(t,i){if(this.dragType==g.Components){const s=i.kupData.section.components.indexOf(i.kupData.componnent);i.kupData.section.components.splice(s,1),t.kupData.section.components.push(i.kupData.componnent),i.kupData.section=t.kupData.section}else if(this.dragType==g.Sections){const s=i.kupData.parent.sections.indexOf(i.kupData.section);if(i.kupData.parent.sections.splice(s,1),t.kupData.form)t.kupData.form.sections||(t.kupData.form.sections=[]),t.kupData.form.sections.push(i.kupData.section),i.kupData.parent=t.kupData.form;else if(t.kupData.section){if(t.kupData.section.sections||(t.kupData.section.sections=[]),t.kupData.section.components&&t.kupData.section.components.length>0){const i={id:t.kupData.section.id+"1",loaded:t.kupData.section.loaded,layout:t.kupData.section.layout,components:[]};t.kupData.section.components.forEach((t=>i.components.push(t))),t.kupData.section.components.splice(0),t.kupData.section.sections.push(i)}t.kupData.section.sections.push(i.kupData.section),i.kupData.parent=t.kupData.section}this.resetData(this.internalData)}}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(".component-draggable"))),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),this.didRenderInteractables()}render(){return e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:u},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 n(this)}static get watchers(){return{data:["dataChanged"]}}};b.style=":host{width:100%;height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;grid-gap:0.5em}.form-dropzone{padding:1em;border:1px solid var(--kup-primary-color)}.section{display:flex;flex-direction:column}.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);min-height:100px}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.component{height:fit-content;padding:1em;margin:0.5em}.component-draggable{border:1px solid var(--kup-secondary-color)}.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_form_editor}

package/dist/ketchup/p-bfc3bac7.js

@@ -1 +0,0 @@
-import{h as t,a as e}from"./p-34b74425.js";import{b as s}from"./p-aca0e54b.js";var a;!function(t){t.BAR="bar"}(a||(a={}));const i=i=>{let r,o;i.resource?i.resource.indexOf(".")>-1||i.resource.indexOf("/")>-1||i.resource.indexOf("\\")>-1?(o={"--kup_image_height":i.sizeY?i.sizeY:"auto","--kup_image_width":i.sizeX?i.sizeX:"100%"},r=t("img",{src:i.resource})):(o={"--kup_image_height":i.sizeY?i.sizeY:"100%","--kup_image_width":i.sizeX?i.sizeX:"100%"},r=function(a){const i={"f-image__icon":!0},r={background:a.color?a.color:`var(${s.ICON})`};if(a.resource.indexOf("--kup")>-1){let t=a.resource.replace("--","");i["kup-icon"]=!0,i[t]=!0}else{const t=e(`./assets/svg/${a.resource}.svg`);r.mask=`url('${t}') no-repeat center`,r.webkitMask=`url('${t}') no-repeat center`}return t("div",{class:i,style:r})}(i)):i.data&&(o={"--kup_image_height":i.sizeY?i.sizeY:"100%","--kup_image_width":i.sizeX?i.sizeX:"100%"},r=function(e){const s=[];let i=0;for(let r=0;r<e.length;r++){let o;e[r].shape||(e[r].shape=a.BAR),e[r].color||(e[r].color="transparent"),e[r].height||(e[r].height="100%"),e[r].width||(e[r].width="100%");const n="step-"+r,c="css-step bottom-aligned",l={backgroundColor:e[r].color,left:i+"%",height:e[r].height,width:e[r].width};i+=parseFloat(e[r].width),o=t("span",{id:n,class:c,style:l}),s.push(o)}return t("div",{class:"f-image__css"},s)}(i.data));const n=[];if(i.badgeData)for(let e=0;e<i.badgeData.length;e++)n.push(t("kup-badge",Object.assign({},i.badgeData[e])));return t("div",Object.assign({class:`f-image ${i.wrapperClass?i.wrapperClass:""} ${i.fit?"kup-fit":""}`},i.dataSet,{id:i.id,style:o,title:i.title,onClick:i.onClick}),r,...n)};export{i as F}