@sme.up/ketchup 10.2.0 → 10.3.1

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

@@ -0,0 +1 @@
+import{r as t,c as i,f as n,h as e,H as l,d as s}from"./p-710d0a7d.js";import{F as o}from"./p-c4224227.js";import{F as a,e as u}from"./p-0eea54ac.js";import{F as r,k as h,ac as p,g as c,s as f,h as d,ah as m,an as v,ak as b,am as _,al as k,ao as g,e as x,V as y}from"./p-fb4f10d5.js";import{F as w}from"./p-c4054aba.js";import{F as j,a as O}from"./p-cec0955d.js";import{c as $}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-9f9428d1.js";import"./p-f1886258.js";import"./p-d1fa33e0.js";import"./p-8140c1d2.js";import"./p-1ee561ba.js";import"./p-d4a879fc.js";var z,M,T,E,S;!function(t){t.TAB="tab"}(z||(z={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus."}(M||(M={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.PLACEHOLDER="PLACEHOLDER"}(T||(T={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(E||(E={})),function(t){t.BLUR="blur",t.ITEMCLICK="itemclick"}(S||(S={}));const C={blur:t=>t===r.CHECKBOX||t===r.SWITCH||t===r.COMBOBOX||t===r.AUTOCOMPLETE,itemclick:t=>t!==r.COMBOBOX&&t!==r.AUTOCOMPLETE},W=(t,i)=>0==t?3.75:t?1===t?11.25:7.5*t+(i?18:0)+4:null,D=t=>t?20*t:null,I=(t,i)=>t?t>(null==i?void 0:i.absoluteRow)?20*((null==i?void 0:i.absoluteRow)-1)+2*((null==i?void 0:i.absoluteRow)-1)+D(i.absoluteHeight)+20*(t-((null==i?void 0:i.absoluteRow)+(null==i?void 0:i.absoluteHeight)-1)-1):20*(t-1)+2*(t-1):null,L=t=>t?10*(t-1)*1.15:null;var P,F,K,N,R,H,A,U,V,B,G,J,q,X,Y,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,rt,ht,pt,ct,ft,dt,mt,vt,bt,_t,kt,gt,xt,yt,wt,jt,Ot,$t,zt,Mt,Tt,Et,St,Ct,Wt,Dt,It,Lt,Pt,Ft,Kt,Nt,Rt,Ht,At,Ut,Vt,Bt,Gt,Jt,qt,Xt,Yt,Qt,Zt=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},ti=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const ii=document.documentElement,ni=class{constructor(n){t(this,n),this.kupReady=i(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6),this.kupInputPanelObjectFieldSearchPayload=i(this,"kup-inputpanel-objectfield-searchpayload",6),this.kupInputPanelObjectFieldOpenSearchMenu=i(this,"kup-inputpanel-objectfield-opensearchmenu",6),this.kupInputPanelObjectFieldSelectedMenuItem=i(this,"kup-inputpanel-objectfield-selectedmenuitem",6),P.add(this),F.set(this,h()),K.set(this,void 0),N.set(this,new Map([["SmeupDataTree",Zt(this,P,"m",Ft).bind(this)],["SmeupDataTable",Zt(this,P,"m",Kt).bind(this)],["SmeupTreeNode",Zt(this,P,"m",Pt).bind(this)],["SmeupTable",Zt(this,P,"m",Kt).bind(this)]])),R.set(this,null),H.set(this,[]),A.set(this,new Map([[p.DATE,"kup-date-picker"],[p.TIME,"kup-time-picker"]])),U.set(this,new Map([[p.COMBOBOX,"kup-combobox"],[p.AUTOCOMPLETE,"kup-autocomplete"]])),V.set(this,new Map([[r.BUTTON_LIST,Zt(this,P,"m",Z).bind(this)],[r.LABEL,Zt(this,P,"m",nt).bind(this)],[r.TABLE,Zt(this,P,"m",it).bind(this)]])),B.set(this,new Map([[z.TAB,Zt(this,P,"m",rt).bind(this)]])),G.set(this,[]),J.set(this,void 0),q.set(this,void 0),this.buttonPosition=E.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=T.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.updateOnClick=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){ti(this,R,structuredClone(this.data),"f"),Zt(this,H,"f").length&&(Zt(this,H,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),ti(this,H,[],"f")),this.data&&Zt(this,P,"m",ft).call(this,this.data)}listenKeydown(t){if("Enter"===t.key){t.preventDefault(),t.stopPropagation();const i=this.rootElement.shadowRoot.activeElement;"enter"===t.key.toLowerCase()&&i&&(null==i||i.blur(),this.submitCb({value:{before:Object.assign({},Zt(this,R,"f")),after:Zt(this,P,"m",vt).call(this)}}))}}async waitForReady(){return Zt(this,J,"f")}async getProps(t){return c(this,M,t)}async refresh(){n(this)}async setProps(t){f(this,M,t)}async update(t){Zt(this,P,"m",Bt).call(this,Zt(this,P,"m",X).call(this,t),t)}connectedCallback(){ti(this,J,new Promise((t=>{ti(this,q,t,"f")})),"f")}componentWillLoad(){Zt(this,F,"f").debug.logLoad(this,!1),Zt(this,F,"f").language.register(this),Zt(this,F,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){Zt(this,P,"m",qt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),Zt(this,P,"m",Xt).call(this),Zt(this,F,"f").debug.logLoad(this,!0)}componentWillRender(){Zt(this,F,"f").debug.logRender(this,!1)}componentDidRender(){if(Zt(this,K,"f")){const t=Zt(this,K,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)w(t[i])}requestAnimationFrame((async()=>{Zt(this,K,"f")&&Zt(this,q,"f")&&(Zt(this,q,"f").call(this),ti(this,q,null,"f"))})),Zt(this,F,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,Zt(this,F,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>Zt(this,P,"m",Y).call(this,t)));return e(l,{key:"d468961b69c36da299594dd70e3d65911a40a1f6","onKup-cell-blur":t=>Zt(this,P,"m",Ht).call(this,t,S.BLUR),"onKup-cell-update":Zt(this,P,"m",At).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":Zt(this,P,"m",wt).bind(this),"onKup-autocomplete-iconclick":Zt(this,P,"m",wt).bind(this),"onKup-combobox-iconclick":t=>Zt(this,P,"m",wt).call(this,t,!0),"onKup-cell-itemclick":t=>Zt(this,P,"m",Ht).call(this,t,S.ITEMCLICK),"onKup-objectfield-searchpayload":t=>{this.kupInputPanelObjectFieldSearchPayload.emit(t.detail)},"onKup-objectfield-opensearchmenu":t=>{this.kupInputPanelObjectFieldOpenSearchMenu.emit(t.detail)},"onKup-objectfield-selectedmenuitem":t=>{this.kupInputPanelObjectFieldSelectedMenuItem.emit(t.detail)}},e("style",{key:"824fd398cb63ceda965e538605c4e679085d1d33"},Zt(this,F,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"83cb7ae70a5d7340792ed76fa53aee7c3ecbfc60",id:$},t))}disconnectedCallback(){Zt(this,F,"f").language.unregister(this),Zt(this,F,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};F=new WeakMap,K=new WeakMap,N=new WeakMap,R=new WeakMap,H=new WeakMap,A=new WeakMap,U=new WeakMap,V=new WeakMap,B=new WeakMap,G=new WeakMap,J=new WeakMap,q=new WeakMap,P=new WeakSet,X=function(t){return t?this.inputPanelCells.reduce(((i,{cells:n})=>{if(!i){const i=n.find((({column:i})=>i.name===t));return i?i.cell:null}return i}),null):null},Y=function(t){var i,n,l;const s=t.row.layout,a=(null==s?void 0:s.horizontal)||!1,u={};let r;if(null===(i=null==s?void 0:s.sections)||void 0===i?void 0:i.length)if(s.absolute)r=Zt(this,P,"m",st).call(this,t,s),u.height=22*(t=>{let i=0;return t.sections.forEach((t=>{t.content.forEach((t=>{t.absoluteRow>i&&(i=t.absoluteRow+(t.absoluteHeight>1?t.absoluteHeight:0))}))})),i})(s)+12+"px";else{if(!s.sectionsType){const i=s.sections.some((t=>t.dim));u.display="grid",this.inputPanelPosition!==T.INLINE&&this.inputPanelPosition!==T.UPINLINE||(u.display=""),s.horizontal?u.gridTemplateColumns=i?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(u.gridTemplateRows=i?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`)}r=Zt(this,P,"m",lt).call(this,t,s)}else r=t.cells.filter((({column:t})=>t.visible)).map((i=>Zt(this,P,"m",Q).call(this,i.cell,t.row,i.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==E.RIGHT},p={"input-panel":!0,"input-panel--column":!a,"input-panel--absolute":null==s?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition===T.INLINE||this.inputPanelPosition===T.UPINLINE},c={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>ti(this,K,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},Zt(this,R,"f")),after:Zt(this,P,"m",vt).call(this)}})},onContextMenu:t=>{null!=Zt(this,P,"m",Gt).call(this,t)&&t.preventDefault()}},1==(null===(n=null==s?void 0:s.sections)||void 0===n?void 0:n.length)&&(null===(l=null==s?void 0:s.sections[0])||void 0===l?void 0:l.title)&&e("div",{class:"input-panel__typography"},e(j,{value:s.sections[0].title,type:O.HEADING1})),e("div",{class:p,style:u},r),e("div",{class:c},e(o,{buttonType:"submit",label:Zt(this,F,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},Q=function(t,i,n){var l;if(!t)return;const s=Zt(this,V,"f").get(t.shape);if(void 0!==s)return s(t,n,null===(l=i.layout)||void 0===l?void 0:l.absolute);t.data=Object.assign(Object.assign({},t.data),{sizing:"extra-small"});const o={cell:t,column:n,row:i,editable:!0,component:this,renderKup:!0,setSizes:!0},u=Zt(this,P,"m",et).call(this,t,n.title);return u?e("div",{class:{"input-panel__label_container":!0}},u,e(a,Object.assign({},o))):e(a,Object.assign({},o))},Z=function(t,{name:i}){return e(o,Object.assign({icon:t.icon,placeholderIcon:t.placeholderIcon,id:i},t.data,{wrapperClass:"form__submit"}))},tt=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{Zt(this,P,"m",Bt).call(this,t.detail.node,t.detail.node.id)}}))},it=function(t,{name:i}){return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0},t.data))},nt=function(t,i,n){const l=ii.ketchup.objects.isNumber(t.obj),s=l||ii.ketchup.objects.isDate(t.obj)||ii.ketchup.objects.isTime(t.obj)||ii.ketchup.objects.isTimestamp(t.obj),o=["input-panel-label"];n&&o.push("input-panel-label--legacy-look"),l&&o.push("input-panel-label-number");const a=s?m(i,t):t.value;return e("span",{class:o.join(" "),id:i.name},e(u,{text:a}))},et=function(t,i){return i&&ii.ketchup.data.cell.getType(t,t.shape)===p.RADIO?e("span",null,i):null},lt=function(t,i){const n=Zt(this,B,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>Zt(this,P,"m",ot).call(this,t,i,!1)))},st=function(t,i){return i.sections.map((i=>Zt(this,P,"m",at).call(this,t,i)))},ot=function t(i,n,l=!1,s={}){var o,a;const u={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition===T.INLINE||this.inputPanelPosition===T.UPINLINE};s.gap=+n.gap>0?`${n.gap}rem`:"1rem";let r=[];if(null===(o=n.sections)||void 0===o?void 0:o.length){r=n.sections.map((n=>Zt(this,P,"m",t).call(this,i,n))).filter(Boolean);const e=n.sections.some((t=>t.dim));!n.gridCols&&n.horizontal&&(s.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`),n.gridRows||n.horizontal||!this.dashboardMode||(s.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`)}else(null===(a=n.content)||void 0===a?void 0:a.length)&&(r=n.content.map((t=>Zt(this,P,"m",ht).call(this,i,t))).filter(Boolean),s.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""));const h=r.length?e("div",{class:u,style:s},r):void 0;return n.title&&!l?e("div",{class:{"input-panel__section_label_container":!0}},e(j,{type:O.HEADING1,value:n.title}),h):h},at=function t(i,n){var l,s;let o=[];if(null===(l=n.sections)||void 0===l?void 0:l.length)o=n.sections.map((n=>Zt(this,P,"m",t).call(this,i,n)));else if(null===(s=n.content)||void 0===s?void 0:s.length){const t=n.content.find((t=>t.shape===r.TABLE)),e=t?{absoluteRow:t.absoluteRow,absoluteHeight:t.absoluteHeight}:{};o=n.content.map((t=>Zt(this,P,"m",pt).call(this,i,t,e)))}if(null==W(n.absoluteWidth))return o;const a=null!=W(n.absoluteWidth)?`${W(n.absoluteWidth)}px`:"100%",u=null!=D(n.absoluteHeight)?`${D(n.absoluteHeight)}px`:"100%",h=`${I(n.absoluteRow)}px`,p=`${L(n.absoluteColumn)}px`;return e("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:h,left:p,overflow:"auto"}},o)},ut=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(Zt(this,P,"m",t).call(this,i))})),l},rt=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=Zt(this,P,"m",ut).call(this,i),l=t.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(i.id||`${n}`)===this.tabSelected,value:i.title,icon:l?"error":i.icon,id:i.id||`${n}`,danger:l}})),l=i.map(((i,n)=>{const e=i.id||`${n}`;return Zt(this,P,"m",ot).call(this,t,i,!0,{display:this.tabSelected!==e?"none":"grid"})}));return e("div",{class:{"input-panel__tabs_container":!0}},e("kup-tab-bar",{data:n,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},ht=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell||!n.column.visible)return;const l=+i.colSpan>0?i.colSpan:+i.colSpan>0||+i.colStart>0?null:1,s=+i.rowSpan>0?i.rowSpan:+i.rowSpan>0||+i.rowStart>0?null:1;return e("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${i.colStart}`,"grid-column-end":+i.colEnd>0?`${i.colEnd}`:"","grid-row-start":s?`span ${s}`:`${i.rowStart}`,"grid-row-end":+i.rowEnd>0?`${i.rowEnd}`:""}},Zt(this,P,"m",Q).call(this,n.cell,t.row,n.column))},pt=function(t,i,n){const l=t.cells.find((t=>t.column.name===i.id));if(!l||!l.cell||!l.column.visible)return;let s;s=l.cell.shape==r.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const o=l.cell.shape===r.LABEL?(t=>0==t?3.75:t?1===t?11.25:7.5*t:null)(s):W(s,(a=l.cell.shape)===r.AUTOCOMPLETE||a===r.COMBOBOX||a===r.DATE);var a;const u=D(i.absoluteHeight),h=I(i.absoluteRow,n),p=L(i.absoluteColumn),c={position:"absolute",width:null!=o?`${o}px`:null,"min-width":null!=o?`${o}px`:null,"max-width":null!=o?`${o}px`:null,height:null!=u?`${u}px`:null,"min-height":null!=u?`${u}px`:null,"max-height":null!=u?`${u}px`:null,top:null!=h?`${h}px`:null,left:null!=p?`${p}px`:null,overflow:"hidden"};return l.cell.data=Object.assign(Object.assign(Object.assign({},l.cell.data),{customStyle:(l.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),l.cell.shape===r.TABLE&&{rowsPerPage:l.cell.data.data.rows.length,showPaginator:!1,showFooter:!1,tableHeight:`${u}px`}),e("div",{style:c},Zt(this,P,"m",Q).call(this,l.cell,t.row,l.column))},ct=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>Zt(this,P,"m",Nt).call(this,t)))}};return Zt(this,P,"m",tt).call(this,t,i)}{const i=Zt(this,P,"m",Nt).call(this,t);return Zt(this,P,"m",Z).call(this,i,{name:t.value,title:t.value})}})).flat()},ft=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&Zt(this,P,"m",ct).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:Zt(this,P,"m",dt).call(this,i,t,s),slotData:Zt(this,P,"m",_t).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ii.ketchup.data.cell.getType(t,t.shape),l=Zt(this,A,"f").get(e),s=Zt(this,U,"f").get(e);if(!l&&!s)return;const o=(null!=l?l:s)+`[id='${i.name.replace(/\//g,"\\$1")}']`,a=this.rootElement.shadowRoot.querySelector(o);s?null==a||a.reset():null===(n=null==a?void 0:a.setValue)||void 0===n||n.call(a,t.value)})))),this.inputPanelCells=o},dt=function(t,i,n){const e=Object.assign(Object.assign({},Zt(this,P,"m",bt).call(this,t,i,n)),{disabled:!t.isEditable,id:i.name}),l=ii.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==p.MULTI_AUTOCOMPLETE&&l!==p.MULTI_COMBOBOX?Zt(this,P,"m",mt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},mt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?Zt(this,P,"m",t).call(this,i[e],n[e]):n[e];return i},vt=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===r.TABLE&&(s=JSON.stringify(Zt(this,P,"m",It).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},bt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=ii.ketchup.data.cell.getType(t,t.shape),a=new Map([[p.AUTOCOMPLETE,Zt(this,P,"m",yt).bind(this)],[p.BUTTON_LIST,Zt(this,P,"m",xt).bind(this)],[p.CHART,Zt(this,P,"m",gt).bind(this)],[p.CHIP,Zt(this,P,"m",kt).bind(this)],[p.CHECKBOX,Zt(this,P,"m",jt).bind(this)],[p.COLOR_PICKER,Zt(this,P,"m",Ot).bind(this)],[p.COMBOBOX,Zt(this,P,"m",yt).bind(this)],[p.EDITOR,Zt(this,P,"m",$t).bind(this)],[p.MULTI_AUTOCOMPLETE,Zt(this,P,"m",kt).bind(this)],[p.MULTI_COMBOBOX,Zt(this,P,"m",kt).bind(this)],[p.NUMBER,Zt(this,P,"m",Wt).bind(this)],[p.DATE,Zt(this,P,"m",Et).bind(this)],[p.OBJECT,Zt(this,P,"m",St).bind(this)],[p.RADIO,Zt(this,P,"m",Mt).bind(this)],[p.STRING,Zt(this,P,"m",zt).bind(this)],[p.SWITCH,Zt(this,P,"m",Tt).bind(this)],[p.TABLE,Zt(this,P,"m",Dt).bind(this)],[p.TIME,Zt(this,P,"m",Ct).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},_t=function(t,i){const n=ii.ketchup.data.cell.getType(t,t.shape);return n===p.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.isEditable,id:i.name,fullWidth:!1}:n===p.MULTI_AUTOCOMPLETE||n===p.MULTI_COMBOBOX?Object.assign(Object.assign({},Zt(this,P,"m",yt).call(this,t.options,i.title,null)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.isEditable,id:i.name}):null},kt=function(t,i,n,e){return v(n,e.decode)},gt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},xt=function(t,i,n,e,l){return e.data=e.data||{},e.data.onClick=()=>{Zt(this,P,"m",Bt).call(this,e,l)},Object.assign({label:e.value,fun:e.fun},e.data)},yt=function(t,i,n){const e=b(n,i,[]);return t&&(e.data["kup-list"].data=Zt(this,P,"m",Lt).call(this,t,n)),e},wt=function({detail:t},i=!1){const n=Zt(this,P,"m",X).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),n.fun&&e&&Zt(this,P,"m",Rt).call(this,t,n)},jt=function(t,i,n){return _(n,i)},Ot=function(t,i){return{data:{"kup-text-field":{label:i}}}},$t=function(t,i,n){return{initialValue:n}},zt=function(t,i,n,e,l){var s;const o=Object.assign({label:i},e.data);return this.autoSkip&&e.isEditable&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(o.onInput=t=>{Zt(this,P,"m",Qt).call(this,l,t)}),o},Mt=function(t,i,n){return k(n,t)},Tt=function(t,i,n){return g(n,i)},Et=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},St=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},Ct=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Wt=function(t,i){return{label:i}},Dt=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(Zt(this,F,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,x.ERROR),null):{data:{columns:t.columns.map((i=>{var n;if(t.rows.length>0){const e=null===(n=t.rows[0].cells[i.name])||void 0===n?void 0:n.obj;return!i.obj&&e?Object.assign(Object.assign({},i),{obj:{t:e.t,p:e.p}}):i}return i})),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},Zt(this,P,"m",bt).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(Zt(this,F,"f").debug.logMessage(this,`Empty value for ${l} cell.`,x.WARNING),null)}catch(t){return Zt(this,F,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,x.ERROR),null}},It=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(Zt(this,R,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},Lt=function(t,i){const n=Zt(this,N,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},Pt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Zt(this,P,"m",t).call(this,i,n):[]}}))},Ft=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Zt(this,P,"m",t).call(this,i,n):[]}}))},Kt=function(t,i){return t.rows.map((t=>{const n=t.fields||t.cells,[e,l]=Object.keys(n);return{id:n[e].value,value:l?n[l].value:n[e].value,selected:i===n[e].value}}))},Nt=function(t){return Object.assign(Object.assign({},t),{data:Zt(this,P,"m",xt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Rt=function(t,i){this.optionsHandler(i.fun,t.inputValue,Zt(this,P,"m",vt).call(this),t.id).then((n=>{var e,l,s,o,a,u;const h=(null===(e=null==n?void 0:n.columns)||void 0===e?void 0:e.filter((t=>(null==t?void 0:t.visible)||!("visible"in t))).map((t=>t.name)))||[],p=null===(l=null==n?void 0:n.rows)||void 0===l?void 0:l.map((t=>{const{cells:i}=t,n=h.reduce(((n,e)=>(t.cells.hasOwnProperty(e)&&(n[e]=i[e]),n)),{});return Object.assign(Object.assign({},t),{cells:n})})),c=Object.assign(Object.assign({},n),{rows:p}),f=i.shape===r.MULTI_AUTOCOMPLETE?i.slotData.data["kup-list"]:null===(o=null===(s=i.data)||void 0===s?void 0:s.data)||void 0===o?void 0:o["kup-list"];f?(f.data=(null==p?void 0:p.length)&&null!==(a=Zt(this,P,"m",Lt).call(this,c,i.value))&&void 0!==a?a:[],f.options=null!==(u=n.columns)&&void 0!==u?u:[]):Zt(this,F,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',x.WARNING),t.comp.refresh()}))},Ht=async function(t,i){var n,e,l,s,o;const{detail:{column:a,cell:u}}=t;if(C[i](null==u?void 0:u.shape))return;const r=Zt(this,P,"m",X).call(this,a.name),h=Zt(this,R,"f").rows[0].cells[a.name];if(r){if(u.mandatory){if(Zt(this,P,"m",Ut).call(this,a.name,r.value?(null===(n=h.data)||void 0===n?void 0:n.error)||null:Zt(this,F,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else Zt(this,P,"m",Ut).call(this,a.name,(null===(e=h.data)||void 0===e?void 0:e.error)||null);if(null===(l=u.inputSettings)||void 0===l?void 0:l.checkObject){const{valid:t}=await this.checkValidObjCallback({obj:u.obj,currentState:Zt(this,P,"m",vt).call(this),fun:u.fun});if(!t)return void Zt(this,P,"m",Ut).call(this,a.name,Zt(this,F,"f").language.translate(d.INVALID_VALUE));Zt(this,P,"m",Ut).call(this,a.name,(null===(s=h.data)||void 0===s?void 0:s.error)||null)}(null===(o=u.inputSettings)||void 0===o?void 0:o.checkValueOnExit)&&Zt(this,P,"m",Vt).call(this)&&this.checkValidValueCallback({before:Object.assign({},Zt(this,R,"f")),after:Zt(this,P,"m",vt).call(this)},a.name)}},At=function({detail:{cell:t,column:i}}){var n;t.shape!==r.CHECKBOX&&t.shape!==r.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},Zt(this,R,"f")),after:Zt(this,P,"m",vt).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},Zt(this,R,"f")),after:Zt(this,P,"m",vt).call(this)},i.name))},Ut=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},Vt=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Bt=function(t,i){(null==t?void 0:t.fun)?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:Zt(this,P,"m",vt).call(this)}):this.submitCb({value:{before:Object.assign({},Zt(this,R,"f")),after:Zt(this,P,"m",vt).call(this)},cell:i})},Gt=function(t){return Zt(this,F,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},Jt=function(t){const i=Zt(this,P,"m",Gt).call(this,t);if(null==i)return;const n=Zt(this,P,"m",vt).call(this),e=i["kup-get-cell-props"]().column.name;return{anchor:i,cell:n.rows[0].cells[e],column:n.columns.find((t=>t.name==e)),row:n.rows[0],originalEvent:t}},qt=function(){Zt(this,F,"f").interact.managedElements.add(Zt(this,K,"f")),Zt(this,F,"f").interact.on(Zt(this,K,"f"),y.TAP,(t=>{if(2==t.button){const i=Zt(this,P,"m",Jt).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Xt=function(){if(!Zt(this,K,"f"))return;const t=Array.from(Zt(this,K,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=Zt(this,P,"m",Yt).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=Zt(this,P,"m",Yt).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},Yt=function(t,i=!1){if(!(t&&t instanceof HTMLElement))return;const n=".mdc-text-field__input",e=i?`.mdc-text-field--error ${n}`:n,l=t.querySelector(e);if(l)return l;const s=Array.from(t.querySelectorAll("*")).filter((t=>t.shadowRoot));for(const t of s){const i=t.shadowRoot.querySelector(e);if(i)return i}},Qt=function(t,i){var n,e;const l=null==i?void 0:i.target;if(!(l&&l instanceof HTMLInputElement))return;const{maxLength:s,value:o}=l;if(!s||s<0||(null==o?void 0:o.length)<s)return;const a=Array.from(null===(n=Zt(this,K,"f"))||void 0===n?void 0:n.querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!a.length)return;const u=a.findIndex((i=>i.id===t));u<0||u===a.length-1||null===(e=a[u+1].HTMLInputElement)||void 0===e||e.focus()},ni.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_textfield_textarea_height_input_panel:var(\n    --kup-textfield-textarea-height-input_panel,\n    200px\n  );--kup_textfield_textarea_width_input_panel:var(\n    --kup-textfield-textarea-width-input_panel,\n    300px\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(\n    --kup-input-panel-padding--inline,\n    1em 0\n  );--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    \n      716px\n  )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:8px}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline);display:inline-flex;align-items:flex-end}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel .f-text-field .mdc-text-field.mdc-text-field--textarea{min-height:var(--kup_textfield_textarea_height_input_panel) !important;min-width:var(--kup_textfield_textarea_width_input_panel) !important}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre;overflow:hidden}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height);--kup-textfield-extrasmall-height:20px;--kup-textfield-extrasmall-padding:0 var(--kup-space-01)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .input-panel-label.input-panel-label-number{justify-content:end}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";export{ni as kup_input_panel}

package/dist/types/components/kup-autocomplete/kup-autocomplete-declarations.d.ts

@@ -17,7 +17,8 @@ export declare enum KupAutocompleteProps {
     selectMode = "Sets how to return the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\".",
     serverHandledFilter = "When true, the items filter is managed server side, otherwise items filter is done client side.",
     showDropDownIcon = "When true shows the drop-down icon, for open list.",
-    showMarker = "When true shows a small marker on the component"
+    showMarker = "When true shows a small marker on the component",
+    legacyLook = "When true enables the monospaces look for the ACP component"
 }
 export interface KupAutocompleteEventPayload extends KupEventPayload {
     value: string;

package/dist/types/components/kup-autocomplete/kup-autocomplete.d.ts

@@ -129,6 +129,11 @@ export declare class KupAutocomplete {
      * @default "Type code or description"
      */
     placeholder: string;
+    /**
+     * Allows legacyLook in ACP
+     * @default false
+     */
+    legacyLook: boolean;
     kupBlur: EventEmitter<KupAutocompleteEventPayload>;
     kupChange: EventEmitter<KupAutocompleteEventPayload>;
     kupClick: EventEmitter<KupAutocompleteEventPayload>;

package/dist/types/components/kup-box/kup-box.d.ts

@@ -3,7 +3,8 @@ import { KupBoxRow, KupBoxLayout, KupBoxKanban, KupBoxClickEventPayload, KupBoxS
 import { KupBoxState } from './kup-box-state';
 import { KupStore } from '../kup-state/kup-store';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
+import { FCellEventPayload } from '../../f-components/f-cell/f-cell-declarations';
+import { KupDataColumn, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupBox {
     #private;
     /**
@@ -174,11 +175,10 @@ export declare class KupBox {
      */
     swipeDisabled: boolean;
     /**
-     * Instance of the KupManager class.
+     * List of the visible columns
      */
-    private kupManager;
+    visibleColumns: string[];
     private boxLayout;
-    private visibleColumns;
     private rows;
     private filteredRows;
     private globalFilterTimeout;
@@ -219,6 +219,7 @@ export declare class KupBox {
      */
     kupBoxContextMenu: EventEmitter<KupBoxContextMenuEventPayload>;
     kupLoadMoreClick: EventEmitter<KupBoxLoadMoreClickEventPayload>;
+    kupBoxCellClick: EventEmitter<FCellEventPayload>;
     rowsPerPageHandler(newValue: number): void;
     recalculateRows(): void;
     onDataChanged(): void;
@@ -241,7 +242,7 @@ export declare class KupBox {
      */
     setProps(props: GenericObject): Promise<void>;
     private getColumns;
-    private initVisibleColumns;
+    getVisibleColumns(): Array<KupDataColumn>;
     private getRows;
     private initRows;
     private sortRows;

package/dist/types/components/kup-button/kup-button.d.ts

@@ -88,7 +88,6 @@ export declare class KupButton {
      * @default KupComponentSizing.SMALL
      */
     sizing: KupComponentSizing;
-    keyShortcut: string;
     /**
      * Instance of the KupManager class.
      */

package/dist/types/components/kup-combobox/kup-combobox-declarations.d.ts

@@ -17,7 +17,8 @@ export declare enum KupComboboxProps {
     showDropDownIcon = "When true shows the drop-down icon, for open list.",
     label = "When set, its content will be shown as a label.",
     leadingLabel = "When set to true, the label will be on the left of the component.",
-    showMarker = "When true shows a small marker on the component"
+    showMarker = "When true shows a small marker on the component",
+    legacyLook = "When true enables the monospaced look for the CMB component"
 }
 export interface KupComboboxEventPayload extends KupEventPayload {
     inputValue: any;

package/dist/types/components/kup-combobox/kup-combobox.d.ts

@@ -99,6 +99,11 @@ export declare class KupCombobox {
      * @default false
      */
     showMarker: boolean;
+    /**
+     * Allows legacyLook aspect in CMB.
+     * @default false
+     */
+    legacyLook: boolean;
     kupClick: EventEmitter<KupComboboxEventPayload>;
     kupBlur: EventEmitter<KupComboboxEventPayload>;
     kupChange: EventEmitter<KupComboboxEventPayload>;

package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts

@@ -238,6 +238,7 @@ export interface KupDatatableRowSelectedEventPayload extends KupEventPayload {
     selectedRows: Array<KupDataRow>;
     clickedRow: KupDataRow;
     clickedColumn: string;
+    isKeyboardNav?: boolean;
 }
 export interface KupDatatableClickEventPayload extends KupEventPayload {
     details: KupDatatableEventHandlerDetails;

package/dist/types/components/kup-data-table/kup-data-table.d.ts

@@ -526,6 +526,11 @@ export declare class KupDataTable {
      * This method is used to force tooltip request for current focused cell
      */
     tooltipRequest(): Promise<void>;
+    /**
+     * Trigger update from outside
+     * @param {string} commandId - When provided, will trigger onclick event of command instead of *UPDATE
+     */
+    update(commandId?: string): Promise<void>;
     listenEnterKeydown(e: KeyboardEvent): void;
     listenCopyCellValueInColumnListener(e: KeyboardEvent): void;
     connectedCallback(): void;

package/dist/types/components/kup-input-panel/kup-input-panel-utils.d.ts

@@ -1,12 +1,15 @@
 import { AbsoluteTblPositioningData, KupInputPanelLayout } from './kup-input-panel-declarations';
-export declare const CHAR_WIDTH = 10;
 export declare const ROW_HEIGHT = 20;
-export declare const getAbsoluteWidth: (length: number) => number;
+export declare const SPACED_ROW_HEIGHT = 22;
+export declare const LEFT_MULTIPLIER = 1.15;
+export declare const ADDITIONAL_WIDTH_WITH_ICON = 18;
 export declare const FONT_SIZE = 12;
-export declare const FONT_SIZE_TO_WIDTH_RATIO = 1.666666666666667;
-export declare const SINGLE_CHAR_WIDTH: number;
+export declare const FONT_SIZE_TO_WIDTH_RATIO = 1.6;
+export declare const CHAR_WIDTH: number;
+export declare const getAbsoluteWidth: (length: number, graphicShapeHasIcon?: boolean) => number;
 export declare const getLabelAbsoluteWidth: (length: number) => number;
 export declare const getAbsoluteHeight: (height: number) => number;
 export declare const getAbsoluteTop: (row: number, absoluteTblPositioningData?: AbsoluteTblPositioningData) => number;
 export declare const getAbsoluteLeft: (col: number) => number;
 export declare const getInpComponentAbsoluteHeight: (layout: KupInputPanelLayout) => number;
+export declare const graphicShapeHasIcon: (shape: string) => shape is "ACP" | "CMB" | "CAL";

package/dist/types/components/kup-input-panel/kup-input-panel.d.ts

@@ -115,6 +115,11 @@ export declare class KupInputPanel {
      * @param {GenericObject} props - Object containing props that will be set to the component.
      */
     setProps(props: GenericObject): Promise<void>;
+    /**
+     * Trigger update from outside
+     * @param {string} cellId - When provided, will trigger onclick event of cell instead of *UPDATE
+     */
+    update(cellId?: string): Promise<void>;
     /**
      * When component load is complete
      */

package/dist/types/components/kup-tree/kup-tree.d.ts

@@ -6,7 +6,7 @@ import { KupStore } from '../kup-state/kup-store';
 import { GenericFilter, KupGlobalFilterMode, ValueDisplayedValue } from '../../utils/filters/filters-declarations';
 import { ItemsDisplayMode } from '../kup-list/kup-list-declarations';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
+import { FCellEventPayload, FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
 import { KupDataColumn, KupDataDataset, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupTree {
     #private;
@@ -227,6 +227,7 @@ export declare class KupTree {
      * Event fired when columns are removed (set to hidden).
      */
     kupColumnRemove: EventEmitter<KupTreeColumnRemoveEventPayload>;
+    kupTreeCellClick: EventEmitter<FCellEventPayload>;
     /**
      * This method will get the selected nodes of the component.
      */

package/dist/types/components.d.ts

@@ -15,13 +15,13 @@ import { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } fro
 import { BadgeType } from "./components/kup-badge/kup-badge-declarations";
 import { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxLoadMoreClickEventPayload, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload, LoadMoreMode } from "./components/kup-box/kup-box-declarations";
 import { KupStore } from "./components/kup-state/kup-store";
+import { FCellEventPayload, FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 import { FButtonAlign, FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
 import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations";
 import { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
 import { KupCalendarColumnsProp, KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
 import { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
 import { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations";
-import { FCellEventPayload, FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 import { KupCellElementsPosition, KupCellSubmitClickEventPayload } from "./components/kup-cell/kup-cell-declarations";
 import { KupFileUploadEventPayload } from "./components/kup-file-upload/kup-file-upload-declarations";
 import { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
@@ -77,13 +77,13 @@ export { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } fro
 export { BadgeType } from "./components/kup-badge/kup-badge-declarations";
 export { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxLoadMoreClickEventPayload, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload, LoadMoreMode } from "./components/kup-box/kup-box-declarations";
 export { KupStore } from "./components/kup-state/kup-store";
+export { FCellEventPayload, FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 export { FButtonAlign, FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
 export { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations";
 export { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
 export { KupCalendarColumnsProp, KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
 export { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
 export { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations";
-export { FCellEventPayload, FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 export { KupCellElementsPosition, KupCellSubmitClickEventPayload } from "./components/kup-cell/kup-cell-declarations";
 export { KupFileUploadEventPayload } from "./components/kup-file-upload/kup-file-upload-declarations";
 export { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
@@ -299,6 +299,11 @@ export namespace Components {
           * @default false
          */
         "leadingLabel": boolean;
+        /**
+          * Allows legacyLook in ACP
+          * @default false
+         */
+        "legacyLook": boolean;
         /**
           * Sets how to show the selected item value. Suported values: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".
          */
@@ -574,6 +579,10 @@ export namespace Components {
           * @default false
          */
         "swipeDisabled": boolean;
+        /**
+          * List of the visible columns
+         */
+        "visibleColumns": string[];
     }
     interface KupButton {
         /**
@@ -623,7 +632,6 @@ export namespace Components {
           * @default null
          */
         "iconOff": string;
-        "keyShortcut": string;
         /**
           * When set, the button will show this text.
           * @default null
@@ -1393,6 +1401,11 @@ export namespace Components {
           * @default false
          */
         "leadingLabel": boolean;
+        /**
+          * Allows legacyLook aspect in CMB.
+          * @default false
+         */
+        "legacyLook": boolean;
         /**
           * Sets how to show the selected item value. Suported values: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".
          */
@@ -1885,6 +1898,11 @@ export namespace Components {
           * @default false
          */
         "updatableData": boolean;
+        /**
+          * Trigger update from outside
+          * @param commandId - When provided, will trigger onclick event of command instead of *UPDATE
+         */
+        "update": (commandId?: string) => Promise<void>;
         /**
           * When set to true, editable checkbox will call update
           * @default false
@@ -3089,6 +3107,11 @@ export namespace Components {
           * @default null
          */
         "submitCb": (e: KupInputPanelSubmit) => unknown;
+        /**
+          * Trigger update from outside
+          * @param cellId - When provided, will trigger onclick event of cell instead of *UPDATE
+         */
+        "update": (cellId?: string) => Promise<void>;
         /**
           * When set to true, checkbox will call update
           * @default false
@@ -5153,6 +5176,7 @@ declare global {
         "kup-box-didunload": KupEventPayload;
         "kup-box-contextmenu": KupBoxContextMenuEventPayload;
         "kup-box-loadmoreclick": KupBoxLoadMoreClickEventPayload;
+        "kup-box-cell-click": FCellEventPayload;
     }
     interface HTMLKupBoxElement extends Components.KupBox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLKupBoxElementEventMap>(type: K, listener: (this: HTMLKupBoxElement, ev: KupBoxCustomEvent<HTMLKupBoxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -6139,6 +6163,7 @@ declare global {
         "kup-tree-nodedblclick": KupTreeNodeCollapseEventPayload;
         "kup-tree-dynamicmassexpansion": KupTreeDynamicMassExpansionEventPayload;
         "kup-tree-columnremove": KupTreeColumnRemoveEventPayload;
+        "kup-tree-cell-click": FCellEventPayload;
     }
     interface HTMLKupTreeElement extends Components.KupTree, HTMLStencilElement {
         addEventListener<K extends keyof HTMLKupTreeElementEventMap>(type: K, listener: (this: HTMLKupTreeElement, ev: KupTreeCustomEvent<HTMLKupTreeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -6423,6 +6448,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "leadingLabel"?: boolean;
+        /**
+          * Allows legacyLook in ACP
+          * @default false
+         */
+        "legacyLook"?: boolean;
         /**
           * Sets how to show the selected item value. Suported values: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".
          */
@@ -6600,6 +6630,7 @@ declare namespace LocalJSX {
           * Triggered when a box is auto selected via selectBox prop
          */
         "onKup-box-autoselect"?: (event: KupBoxCustomEvent<KupBoxAutoSelectEventPayload>) => void;
+        "onKup-box-cell-click"?: (event: KupBoxCustomEvent<FCellEventPayload>) => void;
         /**
           * Triggered when a box is clicked
          */
@@ -6682,6 +6713,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "swipeDisabled"?: boolean;
+        /**
+          * List of the visible columns
+         */
+        "visibleColumns"?: string[];
     }
     interface KupButton {
         /**
@@ -6725,7 +6760,6 @@ declare namespace LocalJSX {
           * @default null
          */
         "iconOff"?: string;
-        "keyShortcut"?: string;
         /**
           * When set, the button will show this text.
           * @default null
@@ -7389,6 +7423,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "leadingLabel"?: boolean;
+        /**
+          * Allows legacyLook aspect in CMB.
+          * @default false
+         */
+        "legacyLook"?: boolean;
         /**
           * Sets how to show the selected item value. Suported values: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".
          */
@@ -10088,6 +10127,7 @@ declare namespace LocalJSX {
          */
         "globalFilterValue"?: string;
         "onKup-tree-buttonclick"?: (event: KupTreeCustomEvent<KupTreeNodeButtonClickEventPayload>) => void;
+        "onKup-tree-cell-click"?: (event: KupTreeCustomEvent<FCellEventPayload>) => void;
         /**
           * When the column menu is being opened/closed.
          */

package/dist/types/managers/kup-data/kup-data.d.ts

@@ -56,6 +56,17 @@ export declare class KupData {
          * @returns {boolean} if cell contain action showed on f-cell
          */
         hasActionCell: (cell: KupDataCell, commands: KupCommand[]) => boolean;
+        /**
+         * Gets css styles for cell, depending on cell's obj
+         * @param obj
+         * @param cssClass
+         * @returns
+         */
+        getObjectRelatedStyleClasses(obj: {
+            t: string;
+            p: string;
+            k: string;
+        }, cssClass?: string): string;
     };
     column: {
         find(dataset: KupDataDataset | KupDataColumn[], filters: Partial<KupDataColumn>): KupDataColumn[];

package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts

@@ -22,7 +22,6 @@ import { KupMathLocales } from '../kup-math/kup-math-declarations';
 import { KupTooltipCallbacks } from '../kup-tooltip/kup-tooltip-declarations';
 import { Options } from 'html2canvas';
 import { KupOpenAI } from '../kup-openai/kup-openai';
-import { KupKeysBinding } from '../kup-keys-binding/kup-keys-binding';
 import { KupPerfTuning } from '../kup-perf-tuning/kup-perf-tuning';
 import { KupPerfMonitoring } from '../kup-perf-monitoring/kup-perf-monitoring';
 /**
@@ -54,7 +53,6 @@ export interface KupManager {
     theme: KupTheme;
     toolbar: KupToolbar;
     tooltip: KupTooltip;
-    keysBinding: KupKeysBinding;
     utilities: KupManagerUtilities;
     perfTuning: KupPerfTuning;
     perfMonitoring: KupPerfMonitoring;

package/dist/types/managers/kup-manager/kup-manager.d.ts

@@ -15,7 +15,6 @@ import { KupMath } from '../kup-math/kup-math';
 import { KupTooltip } from '../kup-tooltip/kup-tooltip';
 import { Options } from 'html2canvas';
 import { KupOpenAI } from '../kup-openai/kup-openai';
-import { KupKeysBinding } from '../kup-keys-binding/kup-keys-binding';
 import { KupPerfTuning } from '../kup-perf-tuning/kup-perf-tuning';
 import { KupPerfMonitoring } from '../kup-perf-monitoring/kup-perf-monitoring';
 /**
@@ -41,7 +40,6 @@ export declare class KupManager {
     utilities: KupManagerUtilities;
     theme: KupTheme;
     toolbar: KupToolbar;
-    keysBinding: KupKeysBinding;
     tooltip: KupTooltip;
     perfTuning: KupPerfTuning;
     perfMonitoring: KupPerfMonitoring;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "10.2.0",
+    "version": "10.3.1",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -59,7 +59,7 @@
     },
     "devDependencies": {
         "@stencil/core": "4.20.0",
-        "@stencil/react-output-target": "^0.7",
+        "@stencil/react-output-target": "^0.8",
         "@stencil/sass": "^3",
         "jest": "^29.7.0",
         "jest-cli": "^29.7.0",

package/dist/collection/managers/kup-keys-binding/kup-keys-binding-declarations.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/managers/kup-keys-binding/kup-keys-binding.js

@@ -1,79 +0,0 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m")
-        throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _KupKeysBinding_instances, _KupKeysBinding_SEPARATOR_KEYS_COMBO, _KupKeysBinding_pressedKeys, _KupKeysBinding_keysEvents, _KupKeysBinding_checkEvent, _KupKeysBinding_clearKey, _KupKeysBinding_getKeysCombination;
-/**
- * Handles keys binding listeners.
- * @module KupKeysBinding
- */
-export class KupKeysBinding {
-    constructor() {
-        _KupKeysBinding_instances.add(this);
-        _KupKeysBinding_SEPARATOR_KEYS_COMBO.set(this, '+');
-        _KupKeysBinding_pressedKeys.set(this, void 0);
-        _KupKeysBinding_keysEvents.set(this, void 0);
-        __classPrivateFieldSet(this, _KupKeysBinding_keysEvents, new Map(), "f");
-        __classPrivateFieldSet(this, _KupKeysBinding_pressedKeys, new Set(), "f");
-        document.addEventListener('keydown', __classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_checkEvent).bind(this));
-        document.addEventListener('keyup', (e) => {
-            __classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_clearKey).call(this, e);
-            __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").clear();
-        });
-        window.addEventListener('blur', () => {
-            __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").clear();
-        });
-    }
-    /**
-     * Registers key shortcut (can be also a combination of keys) and associated event.
-     * @param {string} key - Key to listen for.
-     * @param {GenericCallback} event - Event to start when key is pressed
-     */
-    register(key, event) {
-        if (!key || !event) {
-            return;
-        }
-        __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").set(key.toLowerCase(), { event, isLunched: false });
-    }
-    /**
-     * Unregisteres key shortcut and associated event.
-     * @param {string} key - Key to remove.
-     */
-    unregister(key) {
-        if (!key) {
-            return;
-        }
-        __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").delete(key.toLowerCase());
-    }
-}
-_KupKeysBinding_SEPARATOR_KEYS_COMBO = new WeakMap(), _KupKeysBinding_pressedKeys = new WeakMap(), _KupKeysBinding_keysEvents = new WeakMap(), _KupKeysBinding_instances = new WeakSet(), _KupKeysBinding_checkEvent = function _KupKeysBinding_checkEvent(keyboardEvent) {
-    const keyPressed = keyboardEvent.key.toLowerCase();
-    __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").add(keyPressed);
-    const keyEvent = __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").get(__classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_getKeysCombination).call(this));
-    if (keyEvent && !keyEvent.isLunched) {
-        keyboardEvent.preventDefault();
-        keyEvent.event();
-        keyEvent.isLunched = true;
-    }
-}, _KupKeysBinding_clearKey = function _KupKeysBinding_clearKey(keyboardEvent) {
-    const keyReleased = keyboardEvent.key.toLowerCase();
-    const keyEvent = __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").get(__classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_getKeysCombination).call(this));
-    if (keyEvent && keyEvent.isLunched) {
-        keyEvent.isLunched = false;
-    }
-    __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").delete(keyReleased);
-}, _KupKeysBinding_getKeysCombination = function _KupKeysBinding_getKeysCombination() {
-    return Array.from(__classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f")).join(__classPrivateFieldGet(this, _KupKeysBinding_SEPARATOR_KEYS_COMBO, "f"));
-};