@sme.up/ketchup 11.0.0-SNAPSHOT-20241031153037 → 11.0.0-SNAPSHOT-20241031153324
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js +1 -1
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js.map +1 -1
- package/dist/cjs/kup-input-panel.cjs.entry.js +27 -6
- package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +27 -6
- package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.js +3 -3
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +1 -1
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-input-panel.js +27 -6
- package/dist/components/kup-input-panel.js.map +1 -1
- package/dist/esm/kup-autocomplete_28.entry.js +1 -1
- package/dist/esm/kup-autocomplete_28.entry.js.map +1 -1
- package/dist/esm/kup-input-panel.entry.js +27 -6
- package/dist/esm/kup-input-panel.entry.js.map +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-119b3dc2.entry.js +2 -0
- package/dist/ketchup/{p-3e5a1fca.entry.js.map → p-119b3dc2.entry.js.map} +1 -1
- package/dist/ketchup/{p-cbf20461.entry.js → p-e036c5cd.entry.js} +2 -2
- package/dist/ketchup/{p-cbf20461.entry.js.map → p-e036c5cd.entry.js.map} +1 -1
- package/dist/types/components/kup-tab-bar/kup-tab-bar.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/ketchup/p-3e5a1fca.entry.js +0 -2
|
@@ -3884,7 +3884,7 @@ export namespace Components {
|
|
|
3884
3884
|
"setProps": (props: GenericObject) => Promise<void>;
|
|
3885
3885
|
/**
|
|
3886
3886
|
* When enabled displays toolbar item inside each single tab.
|
|
3887
|
-
* @default
|
|
3887
|
+
* @default false
|
|
3888
3888
|
*/
|
|
3889
3889
|
"toolbar": boolean;
|
|
3890
3890
|
/**
|
|
@@ -9081,7 +9081,7 @@ declare namespace LocalJSX {
|
|
|
9081
9081
|
"ripple"?: boolean;
|
|
9082
9082
|
/**
|
|
9083
9083
|
* When enabled displays toolbar item inside each single tab.
|
|
9084
|
-
* @default
|
|
9084
|
+
* @default false
|
|
9085
9085
|
*/
|
|
9086
9086
|
"toolbar"?: boolean;
|
|
9087
9087
|
/**
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-7d7b8718.js";import{k as r,a5 as u,F as c,g as h,s as f,h as p,al as d,ab as m,aa as v,am as b,e as k,ak as g}from"./p-86b6489e.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-fe31a004.js";import"./p-a16707d1.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var j;(function(t){t["TAB"]="tab"})(j||(j={}));var x;(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"})(x||(x={}));const w=12;const O=22;const $=t=>{if(t==0){return w/2}if(!t){return null}if(t===1){return 1.5*w}return t*w};const z=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*w};const T=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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_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_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)}: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:2rem}: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}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}: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--absolute{height:40ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const W=T;var D=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,n){if(e==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?n:e==="a"?n.call(t):n?n.value:i.get(t)};var C=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(t,e):s?s.value=e:i.set(t,e),e};var E=undefined&&undefined.__rest||function(t,i){var e={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&i.indexOf(n)<0)e[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(i.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))e[n[s]]=t[n[s]]}return e};var F,B,I,P,R,N,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,et,nt,st,ot,lt,at,rt,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,xt,wt,Ot,$t,zt,St,Mt,Tt,Wt,Dt,Ct,Et,Ft,Bt;const It=document.documentElement;const Pt=class{constructor(e){t(this,e);this.kupReady=i(this,"kup-input-panel-ready",6);F.add(this);B.set(this,r());I.set(this,new Map([["SmeupTreeNode",D(this,F,"m",Tt).bind(this)],["SmeupDataTree",D(this,F,"m",Wt).bind(this)],["SmeupTable",D(this,F,"m",Dt).bind(this)],["SmeupDataTable",D(this,F,"m",Dt).bind(this)]]));P.set(this,null);R.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));N.set(this,new Map([[c.AUTOCOMPLETE,"kup-autocomplete-blur"],[c.CHIP,"kup-textfield-blur"],[c.COMBOBOX,"kup-combobox-blur"],[c.DATE,"kup-datepicker-blur"],[c.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[c.MULTI_COMBOBOX,"kup-combobox-blur"],[c.TIME,"kup-timepicker-blur"]]));V.set(this,[]);G.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));J.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",Y).bind(this)],[c.EDITOR,D(this,F,"m",q).bind(this)],[c.LABEL,D(this,F,"m",U).bind(this)],[c.TABLE,D(this,F,"m",Q).bind(this)]]));A.set(this,new Map([[j.TAB,D(this,F,"m",st).bind(this)]]));L.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,P,structuredClone(this.data),"f");if(D(this,V,"f").length){D(this,V,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));C(this,V,[],"f")}if(D(this,L,"f").length){D(this,L,"f").map((t=>{D(this,B,"f").keysBinding.unregister(t)}));C(this,L,[],"f")}D(this,F,"m",at).call(this,this.data)}async getProps(t){return h(this,x,t)}async refresh(){e(this)}async setProps(t){f(this,x,t)}componentWillLoad(){D(this,B,"f").debug.logLoad(this,false);D(this,B,"f").language.register(this);D(this,B,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,B,"f").debug.logLoad(this,true)}componentWillRender(){D(this,B,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){y(i[t])}}D(this,B,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[n("p",null,D(this,B,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",K).call(this,t)));return n(s,{key:"25adc3d7d9a7cf6e33403fd574e07d607142a80e"},n("style",{key:"2757cf9cf64d9934091fd2bfc2960110abd2795a"},D(this,B,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"5a89038f088aed371238fee56d3ad20c8bb9eaee",id:_},i))}disconnectedCallback(){D(this,B,"f").language.unregister(this);D(this,B,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};B=new WeakMap,I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,F=new WeakSet,H=function t(i){return this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===i)).cell}return t}),null)},K=function t(i){var e;const s=i.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((e=s===null||s===void 0?void 0:s.sections)===null||e===void 0?void 0:e.length)){a=i.cells.map((t=>D(this,F,"m",X).call(this,t.cell,i.row,t.column)))}else{a=s.absolute?D(this,F,"m",it).call(this,i,s):D(this,F,"m",tt).call(this,i,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return n("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,P,"f")),after:D(this,F,"m",ct).call(this)}})}},a,!this.hiddenSubmitButton?n(l,{buttonType:"submit",label:D(this,B,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit"}):null)},X=function t(i,e,s){if(!i){return}const o=D(this,J,"f").get(i.shape);if(o!==undefined){return o(i,s.name)}const l={cell:i,column:s,row:e,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Z).call(this,i,s.title);if(r){return n("div",{class:{"input-panel__label_container":true}},r,n(a,Object.assign({},l)))}return n(a,Object.assign({},l))},Y=function t(i,e){return n(l,Object.assign({icon:i.icon,id:e},i.data,{wrapperClass:"form__submit"}))},q=function t(i,e){const s="kup-editor-save";const o=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===e)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,V,"f").push({event:s,handler:o});return n("kup-editor",Object.assign({},i.data,{id:e,isReadOnly:!i.isEditable,showToolbar:true}))},Q=function t(i,e){return n("kup-data-table",Object.assign({id:e,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},U=function t(i,e){return n("span",{class:"input-panel-label",id:e},i.value)},Z=function t(i,e){if(!e){return null}const s=It.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return n("span",null,e)}return null},tt=function t(i,e){const n=D(this,A,"f").get(e.sectionsType);return n?n(i,e.sections):e.sections.map((t=>D(this,F,"m",et).call(this,i,t)))},it=function t(i,e){return e.sections.map((t=>D(this,F,"m",nt).call(this,i,t)))},et=function t(i,e,s=false,o={}){var l,a;const r={"input-panel__section":!e.horizontal,"input-panel__horizontal-section":e.horizontal};o.gap=+e.gap>0?`${e.gap}rem`:"1rem";let u=[];if((l=e.sections)===null||l===void 0?void 0:l.length){u=e.sections.map((e=>D(this,F,"m",t).call(this,i,e)));const n=e.sections.some((t=>t.dim));if(!e.gridCols&&e.horizontal){o.gridTemplateColumns=n?e.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${e.sections.length}, 1fr)`}if(!e.gridRows&&!e.horizontal){o.gridTemplateRows=n?e.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${e.sections.length}, 1fr)`}}else if((a=e.content)===null||a===void 0?void 0:a.length){u=e.content.map((t=>D(this,F,"m",ot).call(this,i,t)));o.gridTemplateColumns=+e.gridCols>0?`repeat(${e.gridCols}, 1fr)`:"";o.gridTemplateRows=+e.gridRows>0?`repeat(${e.gridRows}, 1fr)`:""}const c=n("div",{class:r,style:o},u);return e.title&&!s?n("div",{class:{"input-panel__section_label_container":true}},n("h3",null,e.title),c):c},nt=function t(i,e){var s,o;let l=[];if((s=e.sections)===null||s===void 0?void 0:s.length){l=e.sections.map((e=>D(this,F,"m",t).call(this,i,e)))}else if((o=e.content)===null||o===void 0?void 0:o.length){l=e.content.map((t=>D(this,F,"m",lt).call(this,i,t)))}const a=`${$(e.absoluteWidth)}px`;const r=`${z(e.absoluteHeight)}px`;const u=`${S(e.absoluteRow)}px`;const c=`${M(e.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return n("div",{style:h},l)},st=function t(i,e){if(!this.tabSelected){this.tabSelected=e[0].id||"0"}const s=e.map(((t,e)=>{const n=t.content.map((t=>t.id));const s=i.cells.some((t=>{var i;const e=t.cell;const s=t.column;return n.includes(s.name)&&!!((i=e.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${e}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${e}`,danger:s}}));const o=e.map(((t,e)=>{const n=t.id||`${e}`;return D(this,F,"m",et).call(this,i,t,true,{display:this.tabSelected!==n?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,V,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);D(this,V,"f").push({event:t,handler:i})}return n("div",{class:{"input-panel__tabs_container":true}},n("kup-tab-bar",{data:s,customStyle:l}),o)},ot=function t(i,e){const s=i.cells.find((t=>t.column.name===e.id));const o=+e.colSpan>0?e.colSpan:!(+e.colSpan>0)&&!(+e.colStart>0)?1:null;const l=o?`span ${o}`:`${e.colStart}`;const a=+e.colEnd>0?`${e.colEnd}`:"";const r=+e.rowSpan>0?e.rowSpan:!(+e.rowSpan>0)&&!(+e.rowStart>0)?1:null;const u=r?`span ${r}`:`${e.rowStart}`;const c=+e.rowEnd>0?`${e.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return n("div",{style:h},D(this,F,"m",X).call(this,s.cell,i.row,s.column))},lt=function t(i,e){const s=i.cells.find((t=>t.column.name===e.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=e.absoluteLength>8?e.absoluteLength:8}else{o=e.absoluteLength}const l=`${$(o)}px`;const a=`${z(1)}px`;const r=`${S(e.absoluteRow)}px`;const u=`${M(e.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return n("div",{style:h},D(this,F,"m",X).call(this,s.cell,i.row,s.column))},at=function t(i){var e;const n=((e=i===null||i===void 0?void 0:i.rows)===null||e===void 0?void 0:e.length)?i.rows.reduce(((t,e)=>{const n=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(e.cells[t.name]);const n=i?Object.assign(Object.assign({},i),{data:D(this,F,"m",rt).call(this,i,t),slotData:D(this,F,"m",ft).call(this,i,t),isEditable:true}):null;return{column:t,cell:n}}));return[...t,{cells:n,row:e}]}),[]):[];n.map((({cells:t})=>t.map((({cell:t,column:i})=>{const e=It.ketchup.data.cell.getType(t,t.shape);const n=D(this,G,"f").get(e);if(!n){return}const s=this.rootElement.shadowRoot.querySelector(`${n}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=n},rt=function t(i,e){const n=Object.assign(Object.assign({},D(this,F,"m",ht).call(this,i,e)),{disabled:!i.editable,id:e.name});const s=It.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",ut).call(this,n,Object.assign({},i.data)):Object.assign(Object.assign({},n),l)},ut=function t(i,e){for(const n in e){if(e[n]instanceof Object&&!Array.isArray(e[n])&&n in i){i[n]=D(this,F,"m",t).call(this,i[n],e[n])}else{i[n]=e[n]}}return i},ct=function t(){return this.inputPanelCells.reduce(((t,i)=>{const e=Object.keys(i.row.cells).reduce(((t,e)=>{var n;const s=(n=i.cells.find((t=>t.column.name===e)))===null||n===void 0?void 0:n.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",St).call(this,s.data.data,e))}return Object.assign(Object.assign({},t),{[e]:Object.assign(Object.assign({},i.row.cells[e]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:e,layout:i.row.layout}]}}),{columns:[],rows:[]})},ht=function t(i,e){if(!i){return null}const n=i.options;const s=e.title;const o=i.value;const l=It.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",vt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",mt).bind(this)],[u.CHART,D(this,F,"m",dt).bind(this)],[u.CHIP,D(this,F,"m",pt).bind(this)],[u.CHECKBOX,D(this,F,"m",bt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",kt).bind(this)],[u.COMBOBOX,D(this,F,"m",vt).bind(this)],[u.EDITOR,D(this,F,"m",gt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",pt).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",pt).bind(this)],[u.NUMBER,D(this,F,"m",$t).bind(this)],[u.DATE,D(this,F,"m",xt).bind(this)],[u.OBJECT,D(this,F,"m",wt).bind(this)],[u.RADIO,D(this,F,"m",_t).bind(this)],[u.STRING,D(this,F,"m",yt).bind(this)],[u.SWITCH,D(this,F,"m",jt).bind(this)],[u.TABLE,D(this,F,"m",zt).bind(this)],[u.TIME,D(this,F,"m",Ot).bind(this)]]);const r=a.get(l);return r?r(n,s,o,i,e.name):null},ft=function t(i,e){const n=It.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(n===u.CHIP){return{trailingIcon:true,label:e.title,disabled:!i.editable,id:e.name,fullWidth:false}}if(n===u.MULTI_AUTOCOMPLETE||n===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",vt).call(this,i.options,e.title,null,i,e.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:e.name})}return null},pt=function t(i,e,n,s,o){var l,a;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){D(this,F,"m",Ft).call(this,s,o)}return d(n)},dt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},mt=function t(i,e,n,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",ct).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,P,"f")),after:D(this,F,"m",ct).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,L,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,B,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},vt=function t(i,e,n,s,o){var l,a;const r=m(n,e,[]);if(s.fun){const t=It.ketchup.data.cell.getType(s,s.shape);const i=D(this,R,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{D(this,F,"m",Ct).call(this,t.detail,s.fun,r,o,n)};this.rootElement.addEventListener(t,i);D(this,V,"f").push({event:t,handler:i})}))}else if(i){r.data["kup-list"].data=D(this,F,"m",Mt).call(this,i,n)}if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){D(this,F,"m",Ft).call(this,s,o)}return r},bt=function t(i,e,n,s,o){var l,a;let r=g(n,e);if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{D(this,F,"m",Et).call(this,s,o)}})}return r},kt=function t(i,e,n){return{data:{"kup-text-field":{label:e}}}},gt=function t(i,e,n){return{initialValue:n}},yt=function t(i,e,n,s,o){var l,a;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:e,onBlur:()=>{D(this,F,"m",Et).call(this,s,o)}}}return{label:e}},_t=function t(i,e,n,s,o){var l,a;let r=v(n,i);if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{D(this,F,"m",Et).call(this,s,o)}})}return r},jt=function t(i,e,n){return b(n,e)},xt=function t(i,e,n,s,o){var l,a;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){D(this,F,"m",Ft).call(this,s,o)}return{data:{"kup-text-field":{label:e}},initialValue:n}},wt=function t(i,e,n,s,o){var l,a;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{initialValue:n||"",label:e||" ",value:n||"",onBlur:()=>{D(this,F,"m",Et).call(this,s,o)}}}return{initialValue:n||"",label:e||" ",value:n||""}},Ot=function t(i,e,n,s,o){var l,a;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){D(this,F,"m",Ft).call(this,s,o)}return{data:{"kup-text-field":{label:e}}}},$t=function t(i,e,n,s,o){var l,a;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:e,onBlur:()=>{D(this,F,"m",Et).call(this,s,o)}}}return{label:e}},zt=function t(i,e,n,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,B,"f").debug.logMessage(this,`Empty value for ${o} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,B,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((e,n)=>{const s=t.columns.find((t=>t.name===n));return Object.assign(Object.assign({},e),{[n]:Object.assign(Object.assign({},i.cells[n]),{data:Object.assign(Object.assign({},D(this,F,"m",ht).call(this,i.cells[n],s)),{disabled:i.cells[n].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,B,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},St=function t(i,e){const n=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return n}try{const t=JSON.parse(D(this,P,"f").rows[0].cells[e].value);n.rows=i.rows.map(((i,e)=>s.reduce(((n,s)=>{const o=t.rows[e].cells[s]&&i.cells[s].value!==t.rows[e].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[e]),{cells:Object.assign(Object.assign({},n.cells),{[s]:Object.assign(Object.assign({},t.rows[e].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[e]),{cells:n.cells})}),Object.assign(Object.assign({},t.rows[e]),{cells:{}}))));return n}catch(t){return n}},Mt=function t(i,e){const n=D(this,I,"f").get(i.type);if(n){return n(i,e)}else{return i.map((t=>({value:t.label,id:t.id,selected:e===t.id})))}},Tt=function t(i,e){return i.children.map((i=>{var n;return{id:i.content.codice,value:i.content.testo,selected:e===i.content.codice,children:((n=i.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,i,e):[]}}))},Wt=function t(i,e){return i.children.map((i=>{var n;return{id:i.obj.k,value:i.value,selected:e===i.obj.k,children:((n=i.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,i,e):[]}}))},Dt=function t(i,e){return i.rows.map((t=>{var i;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((i=n[o])===null||i===void 0?void 0:i.value)||n[s].value,selected:e===n[s].value}}))},Ct=function t(i,e,n,s,o){if(i.id!==s||i.open===false){return}this.optionsHandler(e,i.inputValue,D(this,F,"m",ct).call(this),i.id).then((t=>{var e;n.data["kup-list"].data=(e=D(this,F,"m",Mt).call(this,t,o))!==null&&e!==void 0?e:[];i.comp.refresh()}))},Et=async function t(i,e){var n,s;const o=D(this,F,"m",H).call(this,e);if(i.mandatory){D(this,F,"m",Bt).call(this,e,o.value?null:D(this,B,"f").language.translate(p.REQUIRED_VALUE));if(!o.value){return}}if(((n=i.inputSettings)===null||n===void 0?void 0:n.checkObject)&&o.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:D(this,F,"m",ct).call(this),fun:i.fun});if(t){D(this,F,"m",Bt).call(this,e,null)}else{D(this,F,"m",Bt).call(this,e,D(this,B,"f").language.translate(p.INVALID_VALUE));return}}if((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit){this.checkValidValueCallback({before:Object.assign({},D(this,P,"f")),after:D(this,F,"m",ct).call(this)})}},Ft=function t(i,e){const n=D(this,N,"f").get(i.shape);if(!n){return}const s=async t=>{var n,s;if(t.detail.id!==e){return}if(i.mandatory){t.detail.comp.error=t.detail.value?null:D(this,B,"f").language.translate(p.REQUIRED_VALUE);t.detail.comp.refresh();if(!t.detail.value){return}}if(((n=i.inputSettings)===null||n===void 0?void 0:n.checkObject)&&t.detail.value){const{valid:e}=await this.checkValidObjCallback({obj:i.obj,currentState:D(this,F,"m",ct).call(this),fun:i.fun});t.detail.comp.error=e?null:D(this,B,"f").language.translate(p.INVALID_VALUE);t.detail.comp.refresh();if(!e){return}}if((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit){this.checkValidValueCallback({before:Object.assign({},D(this,P,"f")),after:D(this,F,"m",ct).call(this)})}};this.rootElement.addEventListener(n,s);D(this,V,"f").push({event:n,handler:s})},Bt=function t(i,e){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:n})=>{const s=n.name===i?Object.assign(Object.assign({},t.data),{error:e}):t.data;return{column:n,cell:Object.assign(Object.assign({},t),{data:s})}}))})))};Pt.style=W;export{Pt as kup_input_panel};
|
|
2
|
-
//# sourceMappingURL=p-3e5a1fca.entry.js.map
|