@sme.up/ketchup 9.4.0 → 9.5.1

package/dist/ketchup/p-bfa85d01.js

@@ -1 +0,0 @@
-import{a6 as e,a7 as s,c,a3 as t,a8 as a,F as i,a9 as n,aa as l,ab as o,ac as r,ad as u}from"./p-91ee68b1.js";import{h as p,g as d}from"./p-cd9a4274.js";import{F as k}from"./p-f51dbf68.js";import{F as b}from"./p-8e04781a.js";import{F as h}from"./p-378bbbcf.js";import{F as f,a as m}from"./p-28dcc98b.js";import{F as g}from"./p-6d51125a.js";var v,w,y;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(v||(v={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(w||(w={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(y||(y={}));const j=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))),$=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let s,c=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""}   ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,t="pie";c+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const a={width:`${e.value}%`};e.centeredLabel?e.value>49&&(c+=" text-color-on-primary"):(s=a,e.value>2&&(c+=" text-color-on-primary"));let i=null;return e.icon?i=function(e){if(e.icon){if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1)return p("span",{class:"label kup-icon is-image"},p("img",{src:e.icon}));{let s=`url('${d(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return p("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(e):e.hideLabel||(i=e.isRadial?e.label?p("span",{class:"label"},e.label):p("span",{class:"label"},e.value,p("span",{class:"smaller"},"%")):e.label?e.label:e.value+"%"),e.value>0&&(t+=" has-value",t+=e.value>50?" is-more-than-half":" is-less-than-half"),e.isRadial?p("div",{class:c},i,p("div",{class:t},p("div",{style:undefined,class:"left-side half-circle"}),p("div",{class:"right-side half-circle"})),p("div",{class:"shadow"})):p("div",{class:c},p("div",{class:"progress-bar-percentage",style:a},p("span",{style:s},i)))},x=e=>{var s;const c=!!e.columns,t=[];for(let c=0;c<(null===(s=e.data)||void 0===s?void 0:s.length);c++){const s=e.data[c];t.push(p("div",{class:"form-field "+(e.leadingLabel?" form-field--align-end":"")},p("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!e.disabled}},p("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,c):null,onFocus:e.onFocus}),p("div",{class:"radio__background"},p("div",{class:"radio__outer-circle"}),p("div",{class:"radio__inner-circle"}))),p("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,c):null},s.label?s.label:"")))}return p("div",{class:`f-radio radio-wrapper ${c?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,style:{"--kup_radio_columns":c?`repeat(${e.columns}, 1fr)`:""}},t)},O=e=>(e.maxValue||(e.maxValue=5),p("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},function(e){const s=[];for(let c=1;c<=e.maxValue;c++)s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,c):null},c<=e.value?"★":"☆"));return s}(e))),_=document.documentElement,C=(n,o)=>{const d=n.cell,v=n.column,w=n.row,C=n.shape?n.shape:d.shape?d.shape:v.shape?v.shape:null,D=!_.ketchup.objects.isEmptyKupObj(d.obj),K=!(!d.isEditable&&!v.isEditable||!n.editable),M=n.previousValue!==d.value?d.value:"",V=_.ketchup.data.cell.getType(d,C),H=Object.assign({},d.data);let T=d.cssClass?d.cssClass:v.cssClass?v.cssClass:"";const X={"f-cell":!0,[l.OBJ]:!!D,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===t.BAR),[T]:!!T};let W=M;K&&e.includes(V)?W=function(e,s,c,a,n){switch(e){case t.AUTOCOMPLETE:return p("kup-autocomplete",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-autocomplete-change":s=>I(s,n,e,u.UPDATE),"onkup-autocomplete-input":s=>I(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>I(s,n,e,u.ICON_CLICK)}));case t.CHECKBOX:return F(n)&&(s[l.C_CENTERED]=!0),c.shape===i.INPUT_CHECKBOX?p("input",{checked:"on"===c.value||"1"===c.value,class:"input-checkbox",onChange:s=>I(s,n,e,u.UPDATE),type:"checkbox"}):p(k,Object.assign({},c.data,{onChange:s=>I(s,n,e,u.UPDATE)}));case t.CHIP:return p("kup-chip",Object.assign({},c.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},c.slotData)));case t.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":s=>I(s,n,e,u.UPDATE)}));case t.COMBOBOX:return p("kup-combobox",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-combobox-change":s=>I(s,n,e,u.UPDATE),"onkup-combobox-input":s=>I(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>I(s,n,e,u.ICON_CLICK)}));case t.DATE:return p("kup-date-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-datepicker-change":s=>I(s,n,e,u.UPDATE),"onkup-datepicker-input":s=>I(s,n,e,u.INPUT)}));case t.MULTI_AUTOCOMPLETE:return p("kup-chip",Object.assign({displayId:!0},c.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:y.DESCRIPTION_AND_CODE,selectMode:y.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>I(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>I(s,n,e,u.ICON_CLICK),showDropDownIcon:!1},c.slotData)));case t.MULTI_COMBOBOX:return p("kup-chip",Object.assign({displayId:!0},c.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:y.DESCRIPTION_AND_CODE,selectMode:y.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>I(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>I(s,n,e,u.ICON_CLICK)},c.slotData)));case t.RATING:return p("kup-rating",Object.assign({key:a.name+n.row.id},c.data,{disabled:!1,"onkup-rating-click":s=>I(s,n,e,u.UPDATE)}));case t.SWITCH:return p(j,Object.assign({},c.data,{disabled:!1,onChange:s=>I(s,n,e,u.UPDATE)}));case t.TIME:return p("kup-time-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-timepicker-change":s=>I(s,n,e,u.UPDATE),"onkup-timepicker-input":s=>I(s,n,e,u.INPUT)}));case t.NUMBER:s[l.C_RIGHT_ALIGNED]=!0;case t.LINK:case t.STRING:const o=s=>I(s,n,e,u.UPDATE),r=s=>I(s,n,e,u.INPUT),d=e===t.NUMBER?"number":null,h=e===t.NUMBER&&c.value?_.ketchup.math.numberifySafe(c.value).toString():c.value;return c.shape===i.INPUT_FIELD?p("input",{class:"input-field",onChange:o,onInput:r,type:d,value:h}):p(b,Object.assign({inputType:d,fullWidth:!!z(n)},c.data,{icon:c.data&&c.data.icon?c.data.icon:c.icon?c.icon:a.icon?a.icon:null,value:h,onChange:o,onInput:r,onIconClick:s=>I(s,n,e,u.ICON_CLICK)}))}}(V,X,d,v,n):d.data&&s.includes(V)?(n.setSizes&&function(e,s,c){switch(e){case t.BAR:s.sizeY||(s.sizeY="26px");break;case t.BUTTON:let e="";s.label&&(e="36px"),c.style?c.style.height||(c.style.minHeight=e):c.style={minHeight:e};break;case t.CHART:s.sizeX||(s.sizeX="100%"),s.sizeY||(s.sizeY="100%");break;case t.CHIP:case t.RADIO:c.style?c.style.height||(c.style.minHeight="40px"):c.style={minHeight:"40px"}}}(V,H,d),W=n.renderKup?function(e,s,c,a,i,n,o){switch(e){case t.BAR:return c.data?p("div",{style:{height:c.sizeY,width:"100%"}},p(h,Object.assign({},c))):p("kup-image",Object.assign({key:n.name+o.row.id,sizeX:"250px"},c));case t.BUTTON:return F(o)&&(s[l.C_CENTERED]=!0),p(g,Object.assign({},c,{onClick:s=>I(s,o,e,u.CLICK)}));case t.BUTTON_LIST:return F(o)&&(s[l.C_CENTERED]=!0),c["data-storage"]={cell:a,row:i,column:n},p("kup-button-list",Object.assign({key:n.name+o.row.id},c));case t.CHART:return F(o)&&(s[l.C_CENTERED]=!0),p("kup-chart",Object.assign({key:n.name+o.row.id},c));case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:case t.CHIP:return p(m,Object.assign({},c));case t.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:n.name+o.row.id},c,{class:z(o)?"kup-full-width":"",disabled:!0}));case t.GAUGE:return p("kup-gauge",Object.assign({key:n.name+o.row.id,value:_.ketchup.math.numberifySafe(a.value),"width-component":"280px"},c));case t.KNOB:case t.PROGRESS_BAR:return c.customStyle?p("kup-progress-bar",Object.assign({key:n.name+o.row.id},c)):p($,Object.assign({},c));case t.RADIO:return F(o)&&(s[l.C_CENTERED]=!0),c.disabled=i.readOnly,p(x,Object.assign({},c));case t.RATING:return p(O,Object.assign({},c,{disabled:!0}))}}(V,X,H,d,w,v,n):p("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,s,c,i){switch(e){case t.CHECKBOX:case t.ICON:s.sizeX||(s.sizeX="18px"),s.sizeY||(s.sizeY="18px"),c.style?c.style.height||(c.style.minHeight=s.sizeY):c.style={minHeight:s.sizeY};break;case t.IMAGE:i.component.rootElement.tagName===a.BOX?(s.sizeY||(s.sizeY="auto"),void 0===s.fit&&(s.fit=!0)):s.sizeX||(s.sizeX="auto"),s.sizeY||(s.sizeY="64px")}}(V,H,d,n),W=function(e,s,c,a,i,n,o){switch(e){case t.AUTOCOMPLETE:case t.COMBOBOX:case t.DATE:case t.DATETIME:case t.TIME:if(c&&""!=c){const e=r(n,i);return p("div",{class:"f-cell__text"},e)}return c;case t.CHECKBOX:return F(o)&&(a[l.C_CENTERED]=!0),p(h,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case t.EDITOR:return p("div",{innerHTML:i.value});case t.ICON:case t.IMAGE:return F(o)&&(a[l.C_CENTERED]=!0),s.badgeData&&(a[l.C_PADDED]=!0),p(h,Object.assign({},s));case t.LINK:return p("a",{href:c,target:"_blank"},i.value);case t.NUMBER:if(c&&""!=c){const e=_.ketchup.math.numberifySafe(i.value),s=r(n,i);return e<0&&(a[l.TEXT_DANGER]=!0),F(o)&&(a[l.C_RIGHT_ALIGNED]=!0),p("div",{class:"f-cell__text"},s)}return p("div",{class:"f-cell__text"},c);case t.SWITCH:return F(o)&&(a[l.C_CENTERED]=!0),s.disabled=!0,p(j,Object.assign({},s));default:return p("div",{class:"f-cell__text"},c)}}(V,H,W,X,d,v,n));let Y=null;!K&&(v.icon||d.icon)&&W&&(Y=p(h,Object.assign({},{color:`rgba(var(${c.TEXT}-rgb), 0.375)`,resource:d.icon?d.icon:v.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let B=null;_.ketchup.debug.isDebug()&&D?B=d.obj.t+"; "+d.obj.p+"; "+d.obj.k+";":null!=d.title&&""!=d.title.trim()&&(B=d.title);let S=null;if(d.info){const e=Object.assign({},d.info);e.color||(e.color=`var(${c.INFO})`),e.icon||(e.icon="info"),S=p(h,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",{onKeyUp:e=>I(e,n,V,u.KEYUP),class:X,"kup-get-cell-props":()=>n,ref:e=>d.element=e,style:d.style},p("div",{class:"f-cell__content",style:d.styleContent,title:B},o&&o.length>0?o:[n.indents,S,Y,W]))};function I(e,s,c,a){const i=s.cell,n=s.column,l=s.component,o=s.row;let p=function(e,s){const c=!("INPUT"!==e.target.tagName);let a=c?e.target.value:e.detail.value;return s===t.CHECKBOX&&c&&(a=e.target.checked?"off":"on"),s===t.NUMBER&&c&&(a=_.ketchup.math.formattedStringToNumberString(a,"")),a}(e,c);if(a===u.UPDATE){switch(c){case t.AUTOCOMPLETE:case t.COMBOBOX:case t.DATE:case t.TIME:i.data&&(i.data.initialValue=p);break;case t.CHECKBOX:case t.SWITCH:p="on"===p?"0":"1",i.data&&(i.data.checked="0"!==p);break;case t.CHIP:case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:p=e.detail.stringifiedValues,i.data&&(i.data.data=e.detail.comp.data)}i.obj&&(i.obj.k=p.toString()),i.value=p.toString(),i.displayedValue=null,i.displayedValue=r(n,i)}if(l&&l.rootElement){const s=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:l,id:l.rootElement.id,cell:i,column:n,event:e,row:o,type:c}});if(l.rootElement.dispatchEvent(s),a===u.UPDATE)try{l.refresh()}catch(e){}}}function F(e){var s;return o.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}function z(e){var s;return n.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}export{C as F,y as I,w as K,v as a,$ as b,x as c,O as d,j as e}

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

@@ -1 +0,0 @@
-import{r as t,f as s,h as i,H as e,d as h}from"./p-cd9a4274.js";import{k as o,e as n,g as r,s as a,Q as c,l}from"./p-91ee68b1.js";import{c as p}from"./p-635bb4b3.js";import{F as d}from"./p-bfa85d01.js";import"./p-c23731ca.js";import"./p-f51dbf68.js";import"./p-8e04781a.js";import"./p-378bbbcf.js";import"./p-28dcc98b.js";import"./p-6d51125a.js";import"./p-c634eb82.js";var m;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the cell.",t.density="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",t.dragEnabled="When set to true, the component is draggable."}(m||(m={}));const u=class{constructor(s){t(this,s),this.kupManager=o(),this.customStyle="",this.data=null,this.density=n.NONE,this.dragEnabled=!1}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)<0&&(this.data.cssClass+=` ${i}`)}this.refresh()}async getProps(t){return r(this,m,t)}async refresh(){s(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),""))}this.refresh()}}async setProps(t){a(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+p),{cursorChecker:()=>null},{callback:t},c.BADGE)}}generateColumn(){return{name:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL",title:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(l.EMPTY_OBJECT)}}generateRow(){const t=this.generateColumn(),s={cells:{}};return s.cells[t.name]=this.data,s}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)}componentDidRender(){this.didRenderInteractables(),this.kupManager.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 i(e,null,i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:p},i(d,Object.assign({},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};u.style=":host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{u as kup_cell}