@sme.up/ketchup 6.6.0 → 6.8.0

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

@@ -1 +0,0 @@
-import{r as t,c as i,f as s,h as e,H as o,g as h}from"./p-b0b3989b.js";import{k as n,g as r,s as a,c}from"./p-c05f2638.js";var d;!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."}(d||(d={}));const p=class{constructor(s){t(this,s),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.buttonData={},this.isButton=!1,this.src=void 0,this.kupManager=n()}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,d,t)}async refresh(){s(this)}async setProps(t){a(this,d,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?e(o,{"is-button":!0},e("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):e(o,{"is-iframe":!0},e("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",c.WARNING)}get rootElement(){return h(this)}};p.style="iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{p as kup_iframe}

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

@@ -1 +0,0 @@
-import{r as t,f as o,h as e,H as i,g as l}from"./p-b0b3989b.js";import{k as r,z as n,g as s,s as a,am as c,l as f}from"./p-c05f2638.js";import{c as u}from"./p-97e8ea42.js";import{F as m}from"./p-e07a10fb.js";import{F as h}from"./p-a203f78b.js";import{F as d}from"./p-62421bcf.js";import"./p-5552f156.js";import"./p-6f3040fb.js";import"./p-20221a50.js";import"./p-e6ebdb80.js";import"./p-79b0730b.js";import"./p-81605f08.js";import"./p-6c77a36c.js";var p,_,b;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the form.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.layout="How the form will arrange its content."}(p||(p={})),function(t){t.CENTER="center",t.LEFT="left",t.RIGHT="right"}(_||(_={})),function(t){t.BOTTOM="bottom",t.LEFT="left",t.HIDDEN="hidden",t.PLACEHOLDER="placeholder",t.RIGHT="right",t.TOP="top"}(b||(b={}));const v=document.documentElement,g=class{constructor(o){t(this,o),this.customStyle="",this.data=null,this.hiddenSubmitButton=!1,this.layout=null,this.kupManager=r(),this.visibleColumns=[]}onDataChanged(){n(this.getRows()),this.initVisibleColumns(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}async getProps(t){return s(this,p,t)}async refresh(){o(this)}async setFocus(t,o){const e=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;e&&t<e.length;t++){const i=e[t];if(i["data-row"]&&i["data-row"].id==o){const t=i.querySelector("input");if(t)t.focus();else{const t=i.querySelector(".hydrated");if(t)try{t.setFocus()}catch(t){}}}}}async setProps(t){a(this,p,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}checkLayout(){if(this.layout)return void(this.formLayout=this.layout);const t={horizontal:!1,sections:[]},o=this.visibleColumns;let e=o.length;const i=[];let l=0;for(;e-- >0;)i.push({column:o[l++].name});t.content=i,this.formLayout={sections:[t]}}renderRow(t){const o=[...this.visibleColumns];let i=null,l=t.layout;l||(l=this.formLayout);let r=!1;if(l){l.horizontal&&(r=!0);const e=l.sections;let n=e.length,s=0;n>0&&(i=[]);const a={horizontal:r};for(;n-- >0;)i.push(this.renderSection(e[s++],a,t,o))}return e("form",{class:{form:!0,"form--column":!r},name:this.rootElement.id},i,this.hiddenSubmitButton?e(d,{buttonType:"submit",label:"submit",wrapperClass:"form__submit"}):null)}renderSection(t,o,i,l){var r;let n=null;if(t.sections&&t.sections.length>0){const o=t.sections;let e=o.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderSection(o[r++],t,i,l))}else if(t.content){const o=t.content;let r=o.length,s=0;for(r>0&&(n=[]);r-- >0;){const r=this.renderFormField({formField:o[s++],row:i,visibleColumns:l},t);let a=r;t.horizontal||(a=e("tr",null,r)),n.push(a)}}else l.length>0&&(n=this.renderFormField({formField:{column:l[0].name},row:i,visibleColumns:l}));const s=!!t.columns,a=(null===(r=null==t?void 0:t.label)||void 0===r?void 0:r.placement)||b.LEFT,c={form__section:!0,"form__section--column":!s&&!t.horizontal,"form__section--grid":s,"form__section--titled":!!t.title,"form__section--last":!t.sections||0===t.sections.length,[`form__section--${a}`]:!0},f=t.style||{};return t.dim&&o&&(f.flex=`0 0 ${t.dim}`,o.horizontal?f.maxWidth=t.dim:f.maxHeight=t.dim),s&&(f["grid-template-columns"]=`repeat(${t.columns}, 1fr)`),e("div",{class:c,style:f},t.title?e("h3",null,t.title):null,e("table",null,e("tbody",null,t.horizontal?e("tr",null,n):n)))}renderFormField({formField:t,row:o,visibleColumns:i},l){var r;const n={form__field:!0},s={};let a=null,f=-1;for(let o=0;o<i.length;o++)if(i[o].name===t.column){f=o;break}f>=0?(a=i[f],i.splice(f,1)):l&&(a=this.data.columns.find((o=>o.name===t.column)));const u=o.cells[t.column];let h;if(!u)return null;u.isEditable=!0,this.kupManager.objects.isEmptyKupObj(u.obj)||this.kupManager.debug.isDebug()&&(h=u.obj.t+"; "+u.obj.p+"; "+u.obj.k+";");const d={cell:u,column:a,component:this,editable:!0,renderKup:!0,row:o,setSizes:!0,shape:t.shape},p=t.label||a.title;switch(function(){u.data||(u.data={});try{delete u.data.label}catch(t){}try{delete u.data.data["kup-text-field"].label}catch(t){}}(),null===(r=l.label)||void 0===r?void 0:r.placement){case b.BOTTOM:return[e("tr",null,g()),e("tr",null,k(p))];case b.PLACEHOLDER:!function(){switch(v.ketchup.data.cell.getType(u,u.shape||a.shape||null)){case c.AUTOCOMPLETE:case c.COLOR_PICKER:case c.COMBOBOX:case c.DATE:case c.DATETIME:case c.TIME:u.data.data&&u.data.data["kup-text-field"]?u.data.data["kup-text-field"].label=a.title:u.data.data={"kup-text-field":{label:a.title}};break;case c.CHECKBOX:case c.NUMBER:case c.STRING:case c.SWITCH:u.data.label=a.title}}();case b.HIDDEN:return l?[g()]:[e("tr",null,g())];case b.RIGHT:return l?[g(),k(p)]:[e("tr",null,g(),k(p))];case b.TOP:return[e("tr",null,k(p)),e("tr",null,g())];default:return l?[k(p),g()]:[e("tr",null,k(p),g())]}function g(){return e("td",{"data-cell":u,"data-row":o,"data-column":t.column,class:n,style:s,title:h},u&&a?e(m,Object.assign({},d)):e("span",null,t.value))}function k(t){var o,i,r;const n=(null===(o=null==l?void 0:l.label)||void 0===o?void 0:o.alignment)||_.LEFT,s={width:(null===(i=null==l?void 0:l.label)||void 0===i?void 0:i.width)?null===(r=null==l?void 0:l.label)||void 0===r?void 0:r.width:""};return e("td",{class:`form__label form__label--${n}`,style:s},e("span",null,t))}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.onDataChanged()}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const o=t.querySelectorAll(".f-text-field");for(let t=0;t<o.length;t++)h(o[t])}this.kupManager.debug.logRender(this,!0)}render(){let t=null;if(0===this.data.rows.length)t=e("p",null,this.kupManager.language.translate(f.EMPTY_DATA));else{const o=this.data.rows;let e=o.length,i=0;for(t=[];e-- >0;)t.push(this.renderRow(o[i++]))}return e(i,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:u},t))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"],layout:["onLayoutChanged"]}}};g.style=":host{--kup_form_background_color:var(\n    --kup-form-background-color,\n    var(--kup-background-color)\n  );--kup_form_color:var(--kup-form-color, var(--kup-text-color));--kup_form_font_family:var(--kup-form-font-family, var(--kup-font-family));--kup_form_font_size:var(--kup-form-font-size, var(--kup-font-size));--kup_form_label_alignment:var(--kup-form-label-alignment);--kup_form_label_width:var(--kup-form-label-width);display:block;font-family:var(--kup_form_font_family);font-size:var(--kup_form_font_size)}.form{background:var(--kup_form_background_color);color:var(--kup_form_color);display:flex;flex-grow:1;overflow:auto;padding:1em 0;position:relative}.form--column{flex-direction:column}.form__section{display:flex;flex:1 1 1%;flex-direction:row;flex-wrap:wrap}.form__section--column{flex-direction:column;flex-wrap:unset}.form__section--column>.form__section{flex:0 0 auto}.form__section--grid{display:grid}.form__section--titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}.form__section--titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}.form__section--left .form__label{width:var(--kup_form_label_width, 0)}.form__section--right .form__field{min-width:200px;width:0}.form__label{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:0.875em;letter-spacing:0.0178571429em;white-space:nowrap;width:var(--kup_form_label_width)}.form__label--center{text-align:var(--kup_form_label_alignment, center)}.form__label--left{text-align:var(--kup_form_label_alignment, left)}.form__label--right{text-align:var(--kup_form_label_alignment, right)}.form__field{min-height:16px}.form__field img{height:auto}.form__submit{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-start}";export{g as kup_form}

package/dist/ketchup/p-e07a10fb.js

@@ -1 +0,0 @@
-import{ak as e,al as c,b as t,am as a,an as s,ao as n,ah as l,ap as i,aq as r,ae as u,ar as o}from"./p-c05f2638.js";import{h as p}from"./p-b0b3989b.js";import{F as b}from"./p-5552f156.js";import{F as k}from"./p-6f3040fb.js";import{F as d}from"./p-20221a50.js";import{a as h}from"./p-e6ebdb80.js";const f=e=>p("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),p("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},p("div",{class:`switch ${e.checked?"switch--checked":""} ${e.disabled?"switch--disabled":""}`},p("div",{class:"switch__track"}),p("div",{class:"switch__thumb-underlay"},p("div",{class:"switch__thumb"},p("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),p("label",{onClick:e.onChange},e.label))),m=document.documentElement,j=(n,r)=>{const j=n.cell,O=n.column,_=n.row,x=n.shape?n.shape:j.shape?j.shape:O.shape?O.shape:null,$=!m.ketchup.objects.isEmptyKupObj(j.obj),y=!(!j.isEditable||!n.editable),C=n.previousValue!==j.value?j.value:"",z=m.ketchup.data.cell.getType(j,x),F=Object.assign({},j.data);let V=j.cssClass?j.cssClass:O.cssClass?O.cssClass:"";const H={"f-cell":!0,[i.OBJ]:!!$,[z+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||z===a.BAR),[V]:!!V};let I=C;y&&e.includes(z)?I=function(e,c,t,s,n){switch(e){case a.AUTOCOMPLETE:return p("kup-autocomplete",Object.assign({initialValue:t.value},t.data,{class:g(n)?"kup-full-width":"","onkup-autocomplete-change":c=>v(c,n,e,o.UPDATE),"onkup-autocomplete-input":c=>v(c,n,e,o.INPUT),"onkup-autocomplete-iconclick":c=>v(c,n,e,o.ICON_CLICK)}));case a.CHECKBOX:return w(n)&&(c[i.C_CENTERED]=!0),p(b,Object.assign({},t.data,{onChange:c=>v(c,n,e,o.UPDATE)}));case a.COLOR_PICKER:return p("kup-color-picker",Object.assign({initialValue:t.value},t.data,{class:g(n)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":c=>v(c,n,e,o.UPDATE)}));case a.COMBOBOX:return p("kup-combobox",Object.assign({initialValue:t.value},t.data,{class:g(n)?"kup-full-width":"","onkup-combobox-change":c=>v(c,n,e,o.UPDATE),"onkup-combobox-input":c=>v(c,n,e,o.INPUT),"onkup-combobox-iconclick":c=>v(c,n,e,o.ICON_CLICK)}));case a.DATE:return p("kup-date-picker",Object.assign({initialValue:t.value},t.data,{class:g(n)?"kup-full-width":"","onkup-datepicker-change":c=>v(c,n,e,o.UPDATE),"onkup-datepicker-input":c=>v(c,n,e,o.INPUT)}));case a.RATING:return p("kup-rating",Object.assign({},t.data,{disabled:!1,"onkup-rating-click":c=>v(c,n,e,o.UPDATE)}));case a.SWITCH:return p(f,Object.assign({},t.data,{disabled:!1,onChange:c=>v(c,n,e,o.UPDATE)}));case a.TIME:return p("kup-time-picker",Object.assign({initialValue:t.value},t.data,{class:g(n)?"kup-full-width":"","onkup-timepicker-change":c=>v(c,n,e,o.UPDATE),"onkup-timepicker-input":c=>v(c,n,e,o.INPUT)}));case a.NUMBER:c[i.C_RIGHT_ALIGNED]=!0;case a.STRING:return p(k,Object.assign({inputType:e===a.NUMBER?"number":null,fullWidth:!!g(n)},t.data,{icon:t.icon?t.icon:s.icon?s.icon:null,value:e===a.NUMBER?l(t.value).toString():t.value,onChange:c=>v(c,n,e,o.UPDATE),onInput:c=>v(c,n,e,o.INPUT),onIconClick:c=>v(c,n,e,o.ICON_CLICK)}))}}(z,H,j,O,n):j.data&&c.includes(z)?(n.setSizes&&function(e,c,t){switch(e){case a.BAR:c.sizeY||(c.sizeY="26px");break;case a.BUTTON:let e="";c.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case a.CHART:c.sizeX||(c.sizeX="100%"),c.sizeY||(c.sizeY="100%");break;case a.CHIP:case a.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(z,F,j),I=n.renderKup?function(e,c,t,s,n,r,u){switch(e){case a.BAR:return t.data?p("div",{style:{height:t.sizeY,width:"100%"}},p(d,Object.assign({},t))):p("kup-image",Object.assign({},t));case a.BUTTON:return w(u)&&(c[i.C_CENTERED]=!0),p("kup-button",Object.assign({},t,{"onkup-button-click":c=>v(c,u,e,o.CLICK)}));case a.BUTTON_LIST:return w(u)&&(c[i.C_CENTERED]=!0),t["data-storage"]={cell:s,row:n,column:r},p("kup-button-list",Object.assign({},t));case a.CHART:return w(u)&&(c[i.C_CENTERED]=!0),p("kup-chart",Object.assign({},t));case a.CHIP:return p(h,Object.assign({},t));case a.COLOR_PICKER:return p("kup-color-picker",Object.assign({},t,{class:g(u)?"kup-full-width":"",disabled:!0}));case a.GAUGE:return p("kup-gauge",Object.assign({value:l(s.value),"width-component":"280px"},t));case a.KNOB:case a.PROGRESS_BAR:return p("kup-progress-bar",Object.assign({},t));case a.RADIO:return w(u)&&(c[i.C_CENTERED]=!0),t.disabled=n.readOnly,p("kup-radio",Object.assign({},t));case a.RATING:return p("kup-rating",Object.assign({},t,{disabled:!0}))}}(z,H,F,j,_,O,n):p("span",{class:"cell-"+z+" placeholder"})):(n.setSizes&&function(e,c,t,n){switch(e){case a.CHECKBOX:case a.ICON:c.sizeX||(c.sizeX="18px"),c.sizeY||(c.sizeY="18px"),t.style?t.style.height||(t.style.minHeight=c.sizeY):t.style={minHeight:c.sizeY};break;case a.IMAGE:n.component.rootElement.tagName===s.BOX?(c.sizeY||(c.sizeY="auto"),void 0===c.fit&&(c.fit=!0)):c.sizeX||(c.sizeX="auto"),c.sizeY||(c.sizeY="64px")}}(z,F,j,n),I=function(e,c,t,s,n,r,o){switch(e){case a.AUTOCOMPLETE:case a.COMBOBOX:case a.DATE:case a.DATETIME:case a.TIME:if(t&&""!=t){const e=u(r,n);return p("div",{class:"f-cell__text"},e)}return t;case a.CHECKBOX:return w(o)&&(s[i.C_CENTERED]=!0),p(d,{resource:c.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case a.EDITOR:return p("div",{innerHTML:n.value});case a.ICON:case a.IMAGE:return w(o)&&(s[i.C_CENTERED]=!0),c.badgeData&&(s[i.C_PADDED]=!0),p(d,Object.assign({},c));case a.LINK:return p("a",{href:t,target:"_blank"},n.value);case a.NUMBER:if(t&&""!=t){const e=l(n.value),c=u(r,n);return e<0&&(s[i.TEXT_DANGER]=!0),w(o)&&(s[i.C_RIGHT_ALIGNED]=!0),p("div",{class:"f-cell__text"},c)}return p("div",{class:"f-cell__text"},t);case a.SWITCH:return w(o)&&(s[i.C_CENTERED]=!0),c.disabled=!0,p(f,Object.assign({},c));default:return p("div",{class:"f-cell__text"},t)}}(z,F,I,H,j,O,n));let T=null;!y&&(O.icon||j.icon)&&I&&(T=p(d,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:j.icon?j.icon:O.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let X=null;m.ketchup.debug.isDebug()&&$?X=j.obj.t+"; "+j.obj.p+"; "+j.obj.k+";":null!=j.title&&""!=j.title.trim()&&(X=j.title);let Y=null;if(j.info){const e=Object.assign({},j.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),Y=p(d,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return p("div",{class:H,"kup-get-cell-props":()=>n,style:j.style},p("div",{class:"f-cell__content",style:j.styleContent,title:X},r&&r.length>0?r:[n.indents,Y,T,I]))};function v(e,c,t,s){const n=c.cell,l=c.column,i=c.component,r=c.row;let p="INPUT"===e.target.tagName?e.target.value:e.detail.value;if(s===o.UPDATE){switch(t){case a.AUTOCOMPLETE:case a.COMBOBOX:case a.DATE:case a.TIME:n.data&&(n.data.initialValue=p);break;case a.CHECKBOX:case a.SWITCH:p="on"===p?"0":"1",n.data&&(n.data.checked="0"!==p)}n.obj&&(n.obj.k=p.toString()),n.value=p.toString(),n.displayedValue=null,n.displayedValue=u(l,n)}if(i&&i.rootElement){const c=new CustomEvent(s,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:i,id:i.rootElement.id,cell:n,column:l,event:e,row:r,type:t}});i.rootElement.dispatchEvent(c);try{i.refresh()}catch(e){}}}function w(e){var c;return r.includes(null===(c=e.component)||void 0===c?void 0:c.rootElement.tagName)}function g(e){var c;return n.includes(null===(c=e.component)||void 0===c?void 0:c.rootElement.tagName)}export{j as F,f as a}