@sme.up/ketchup 11.0.0-SNAPSHOT-20241118161105 → 11.0.0-SNAPSHOT-20241118171002
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/{f-button-54d0f017.js → f-button-e29b456b.js} +2 -2
- package/dist/cjs/f-button-e29b456b.js.map +1 -0
- package/dist/cjs/{f-cell-99c84f1c.js → f-cell-121c7e46.js} +2 -2
- package/dist/cjs/{f-cell-99c84f1c.js.map → f-cell-121c7e46.js.map} +1 -1
- package/dist/cjs/{f-paginator-utils-af69bd51.js → f-paginator-utils-32b87c09.js} +2 -2
- package/dist/cjs/{f-paginator-utils-af69bd51.js.map → f-paginator-utils-32b87c09.js.map} +1 -1
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js +8 -4
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js.map +1 -1
- package/dist/cjs/kup-box.cjs.entry.js +3 -3
- package/dist/cjs/kup-calendar.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +2 -2
- package/dist/cjs/kup-dashboard.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +2 -2
- package/dist/cjs/kup-input-panel.cjs.entry.js +2 -2
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/collection/components/kup-dialog/kup-dialog.js +5 -1
- package/dist/collection/components/kup-dialog/kup-dialog.js.map +1 -1
- package/dist/collection/f-components/f-button/f-button.js +1 -1
- package/dist/collection/f-components/f-button/f-button.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +6 -2
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/esm/{f-button-79148bc6.js → f-button-bfe24f7d.js} +2 -2
- package/dist/esm/f-button-bfe24f7d.js.map +1 -0
- package/dist/esm/{f-cell-84b76695.js → f-cell-81cf8d6b.js} +2 -2
- package/dist/esm/{f-cell-84b76695.js.map → f-cell-81cf8d6b.js.map} +1 -1
- package/dist/esm/{f-paginator-utils-7fd2bb01.js → f-paginator-utils-d7b3f359.js} +2 -2
- package/dist/esm/{f-paginator-utils-7fd2bb01.js.map → f-paginator-utils-d7b3f359.js.map} +1 -1
- package/dist/esm/kup-autocomplete_28.entry.js +8 -4
- package/dist/esm/kup-autocomplete_28.entry.js.map +1 -1
- package/dist/esm/kup-box.entry.js +3 -3
- package/dist/esm/kup-calendar.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +2 -2
- package/dist/esm/kup-dashboard.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +2 -2
- package/dist/esm/kup-input-panel.entry.js +2 -2
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-cda00e9e.entry.js → p-46812f71.entry.js} +2 -2
- package/dist/ketchup/{p-e1c69d06.entry.js → p-76f536fc.entry.js} +2 -2
- package/dist/ketchup/{p-0f8be7d2.entry.js → p-834ad695.entry.js} +2 -2
- package/dist/ketchup/{p-c8654f3e.entry.js → p-ba5d1b55.entry.js} +3 -3
- package/dist/ketchup/p-ba5d1b55.entry.js.map +1 -0
- package/dist/ketchup/{p-b2a20978.entry.js → p-befa2827.entry.js} +2 -2
- package/dist/ketchup/{p-f1d7efa6.entry.js → p-c22e720d.entry.js} +2 -2
- package/dist/ketchup/{p-c398ed83.js → p-d138aa2d.js} +2 -2
- package/dist/ketchup/{p-6b510eea.entry.js → p-dfae63d8.entry.js} +2 -2
- package/dist/ketchup/p-e3032f6d.js +2 -0
- package/dist/ketchup/p-e3032f6d.js.map +1 -0
- package/dist/ketchup/p-e3370565.js +2 -0
- package/dist/ketchup/{p-1f0bd3bc.js.map → p-e3370565.js.map} +1 -1
- package/dist/ketchup/p-e3dd0ecb.entry.js +2 -0
- package/dist/ketchup/{p-c71c14ea.entry.js.map → p-e3dd0ecb.entry.js.map} +1 -1
- package/dist/ketchup/{p-890e9f50.entry.js → p-fc202622.entry.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/f-button-54d0f017.js.map +0 -1
- package/dist/esm/f-button-79148bc6.js.map +0 -1
- package/dist/ketchup/p-1f0bd3bc.js +0 -2
- package/dist/ketchup/p-c71c14ea.entry.js +0 -2
- package/dist/ketchup/p-c8654f3e.entry.js.map +0 -1
- package/dist/ketchup/p-cc32b7a2.js +0 -2
- package/dist/ketchup/p-cc32b7a2.js.map +0 -1
- /package/dist/ketchup/{p-cda00e9e.entry.js.map → p-46812f71.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e1c69d06.entry.js.map → p-76f536fc.entry.js.map} +0 -0
- /package/dist/ketchup/{p-0f8be7d2.entry.js.map → p-834ad695.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b2a20978.entry.js.map → p-befa2827.entry.js.map} +0 -0
- /package/dist/ketchup/{p-f1d7efa6.entry.js.map → p-c22e720d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c398ed83.js.map → p-d138aa2d.js.map} +0 -0
- /package/dist/ketchup/{p-6b510eea.entry.js.map → p-dfae63d8.entry.js.map} +0 -0
- /package/dist/ketchup/{p-890e9f50.entry.js.map → p-fc202622.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-cc32b7a2.js";import{F as r}from"./p-c398ed83.js";import{k as a,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,a as y}from"./p-e1cf074e.js";import{F as _}from"./p-c4054aba.js";import{F as j,a as w}from"./p-68e220e8.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(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"})($||($={}));const z=12;const S=22;const M=t=>{if(t==0){return z/2}if(!t){return null}if(t===1){return 1.5*z}return t*z};const T=t=>{if(!t){return null}return t*S};const W=t=>{if(!t){return null}return(t-1)*S};const D=t=>{if(!t){return null}return t*z};const C=".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-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_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:1rem}:host .input-panel__commands{display:flex;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;min-width:0}: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 E=C;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="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 e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var I=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var P,R,N,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,nt,et,st,lt,ot,rt,at,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,wt,xt,Ot,$t,zt,St,Mt,Tt,Wt,Dt,Ct,Et,Ft,Bt,It,Pt,Rt,Nt,Vt,Gt,Jt,At,Lt;const Ht=document.documentElement;const Kt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);P.add(this);R.set(this,a());N.set(this,new Map([["SmeupTreeNode",F(this,P,"m",Bt).bind(this)],["SmeupDataTree",F(this,P,"m",It).bind(this)],["SmeupTable",F(this,P,"m",Pt).bind(this)],["SmeupDataTable",F(this,P,"m",Pt).bind(this)]]));V.set(this,null);G.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"]]]));J.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"]]));A.set(this,[]);L.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));H.set(this,new Map([[c.BUTTON_LIST,F(this,P,"m",U).bind(this)],[c.EDITOR,F(this,P,"m",tt).bind(this)],[c.LABEL,F(this,P,"m",nt).bind(this)],[c.TABLE,F(this,P,"m",it).bind(this)]]));K.set(this,new Map([[O.TAB,F(this,P,"m",ut).bind(this)]]));X.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.dashboardMode=false;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){B(this,V,structuredClone(this.data),"f");if(F(this,A,"f").length){F(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));B(this,A,[],"f")}if(F(this,X,"f").length){F(this,X,"f").map((t=>{F(this,R,"f").keysBinding.unregister(t)}));B(this,X,[],"f")}F(this,P,"m",pt).call(this,this.data)}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,R,"f").debug.logLoad(this,false);F(this,R,"f").language.register(this);F(this,R,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,R,"f").debug.logLoad(this,true)}componentWillRender(){F(this,R,"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++){_(i[t])}}F(this,R,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,R,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,P,"m",q).call(this,t)));return e(s,{key:"4dfa278417a976d678f4d17b92709fee129f2761"},e("style",{key:"6ecaae03195df43b0ccf8e5c2cd2160009b2d5f9"},F(this,R,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"0740765eb3c4e079a9eab9e206b1d93d1d6b2f1f",id:x},i))}disconnectedCallback(){F(this,R,"f").language.unregister(this);F(this,R,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,N=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,H=new WeakMap,K=new WeakMap,X=new WeakMap,P=new WeakSet,Y=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},q=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const r={};let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=i.cells.map((t=>F(this,P,"m",Q).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){a=F(this,P,"m",lt).call(this,i,s)}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));r.display="grid";if(s.horizontal){r.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}else{if(this.dashboardMode){r.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}a=F(this,P,"m",st).call(this,i,s)}}const u={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:{"input-panel-form":true},onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)}})}},e("div",{class:u,style:r},a),e("div",{class:"input-panel__commands"},!this.hiddenSubmitButton?e(o,{buttonType:"submit",label:F(this,R,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit"}):null,this.inputPanelCommands))},Q=function t(i,n,s){if(!i){return}const l=F(this,H,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const a=F(this,P,"m",et).call(this,i,s.title);if(a){return e("div",{class:{"input-panel__label_container":true}},a,e(r,Object.assign({},o)))}return e(r,Object.assign({},o))},U=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},Z=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{sizing:y.SMALL,label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,P,"m",Lt).call(this,t.detail.node,t.detail.node.id)}}))},tt=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);F(this,A,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},it=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},nt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},et=function t(i,n){if(!n){return null}const s=Ht.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},st=function t(i,n){const e=F(this,K,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,P,"m",ot).call(this,i,t)))},lt=function t(i,n){return n.sections.map((t=>F(this,P,"m",rt).call(this,i,t)))},ot=function t(i,n,s=false,l={}){var o,r;const a={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((r=n.content)===null||r===void 0?void 0:r.length){u=n.content.map((t=>F(this,P,"m",ct).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const c=e("div",{class:a,style:l},u);return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(j,{type:w.HEADING1,value:n.title}),c):c},rt=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,P,"m",ht).call(this,i,t)))}if(M(n.absoluteWidth)==null){return o}const r=`${M(n.absoluteWidth)!=null?`${M(n.absoluteWidth)}px`:"100%"}`;const a=`${T(n.absoluteHeight)!=null?`${T(n.absoluteHeight)}px`:"100%"}`;const u=`${W(n.absoluteRow)}px`;const c=`${D(n.absoluteColumn)}px`;const h={position:"relative",width:r,"min-width":r,"max-width":r,height:a,"min-height":a,"max-height":a,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},at=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,P,"m",t).call(this,i))}))}return s},ut=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,P,"m",at).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,P,"m",ot).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,A,"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);F(this,A,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},ct=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const r=+n.colEnd>0?`${n.colEnd}`:"";const a=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=a?`span ${a}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":r,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ht=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==c.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}const o=`${M(l)}px`;const r=`${T(1)}px`;const a=`${W(n.absoluteRow)}px`;const u=`${D(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:r,"min-height":r,"max-height":r,top:a,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 e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ft=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,P,"m",Rt).call(this,t)))}};return F(this,P,"m",Z).call(this,t,i)}else{const i=F(this,P,"m",Rt).call(this,t);return F(this,P,"m",U).call(this,i,t.value)}})).flat()},pt=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,P,"m",ft).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const r=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,P,"m",dt).call(this,i,t,o),slotData:F(this,P,"m",kt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];r.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Ht.ketchup.data.cell.getType(t,t.shape);const e=F(this,L,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=r},dt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Ht.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},r=I(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,P,"m",mt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),r)},mt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,P,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},vt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){l=JSON.stringify(F(this,P,"m",Et).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.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,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const r=Ht.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,F(this,P,"m",jt).bind(this)],[u.BUTTON_LIST,F(this,P,"m",_t).bind(this)],[u.CHART,F(this,P,"m",yt).bind(this)],[u.CHIP,F(this,P,"m",gt).bind(this)],[u.CHECKBOX,F(this,P,"m",wt).bind(this)],[u.COLOR_PICKER,F(this,P,"m",xt).bind(this)],[u.COMBOBOX,F(this,P,"m",jt).bind(this)],[u.EDITOR,F(this,P,"m",Ot).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,P,"m",gt).bind(this)],[u.MULTI_COMBOBOX,F(this,P,"m",gt).bind(this)],[u.NUMBER,F(this,P,"m",Dt).bind(this)],[u.DATE,F(this,P,"m",Mt).bind(this)],[u.OBJECT,F(this,P,"m",Tt).bind(this)],[u.RADIO,F(this,P,"m",zt).bind(this)],[u.STRING,F(this,P,"m",$t).bind(this)],[u.SWITCH,F(this,P,"m",St).bind(this)],[u.TABLE,F(this,P,"m",Ct).bind(this)],[u.TIME,F(this,P,"m",Wt).bind(this)]]);const c=a.get(r);return c?c(s,l,o,i,n.name):null},kt=function t(i,n){const e=Ht.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,P,"m",jt).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},gt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return d(e)},yt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},_t=function t(i,n,e,s,l){var o,r,a,u;s.data=s.data||{};s.data.onClick=()=>{F(this,P,"m",Lt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((r=s.data)===null||r===void 0?void 0:r.disabled)){F(this,X,"f").push((a=s.data)===null||a===void 0?void 0:a.keyShortcut);F(this,R,"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)},jt=function t(i,n,e,s,l){var o,r;const a=m(e,n,[]);if(s.fun){const t=Ht.ketchup.data.cell.getType(s,s.shape);const i=F(this,G,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,P,"m",Nt).call(this,t.detail,s.fun,a,l,e)};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}))}else if(i){a.data["kup-list"].data=F(this,P,"m",Ft).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return a},wt=function t(i,n,e,s,l){var o,r;let a=g(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},xt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},Ot=function t(i,n,e){return{initialValue:e}},$t=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},zt=function t(i,n,e,s,l){var o,r;let a=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},St=function t(i,n,e){return b(e,n)},Mt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Tt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},Dt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},Ct=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,R,"f").debug.logMessage(this,`Wrong data table type for ${l} 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(((n,e)=>{const s=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({},F(this,P,"m",bt).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Et=function t(i,n){const e=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 e}try{const t=JSON.parse(F(this,V,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Ft=function t(i,n){const e=F(this,N,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Bt=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:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},It=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:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Rt=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,P,"m",_t).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},Nt=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,P,"m",vt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,P,"m",Ft).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Vt=async function t(i,n){var e,s;const l=F(this,P,"m",Y).call(this,n);if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});if(t){F(this,P,"m",Jt).call(this,n,null)}else{F(this,P,"m",Jt).call(this,n,F(this,R,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}},Gt=function t(i,n){const e=F(this,J,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,P,"m",Y).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});F(this,P,"m",Jt).call(this,n,t?null:F(this,R,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,A,"f").push({event:e,handler:s})},Jt=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},At=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Lt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,P,"m",vt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},cell:n})};Kt.style=E;export{Kt as kup_input_panel};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-e3032f6d.js";import{F as r}from"./p-d138aa2d.js";import{k as a,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,a as y}from"./p-e1cf074e.js";import{F as _}from"./p-c4054aba.js";import{F as j,a as w}from"./p-68e220e8.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(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"})($||($={}));const z=12;const S=22;const M=t=>{if(t==0){return z/2}if(!t){return null}if(t===1){return 1.5*z}return t*z};const T=t=>{if(!t){return null}return t*S};const W=t=>{if(!t){return null}return(t-1)*S};const D=t=>{if(!t){return null}return t*z};const C=".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-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_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:1rem}:host .input-panel__commands{display:flex;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;min-width:0}: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 E=C;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="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 e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var I=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var P,R,N,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,nt,et,st,lt,ot,rt,at,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,wt,xt,Ot,$t,zt,St,Mt,Tt,Wt,Dt,Ct,Et,Ft,Bt,It,Pt,Rt,Nt,Vt,Gt,Jt,At,Lt;const Ht=document.documentElement;const Kt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);P.add(this);R.set(this,a());N.set(this,new Map([["SmeupTreeNode",F(this,P,"m",Bt).bind(this)],["SmeupDataTree",F(this,P,"m",It).bind(this)],["SmeupTable",F(this,P,"m",Pt).bind(this)],["SmeupDataTable",F(this,P,"m",Pt).bind(this)]]));V.set(this,null);G.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"]]]));J.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"]]));A.set(this,[]);L.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));H.set(this,new Map([[c.BUTTON_LIST,F(this,P,"m",U).bind(this)],[c.EDITOR,F(this,P,"m",tt).bind(this)],[c.LABEL,F(this,P,"m",nt).bind(this)],[c.TABLE,F(this,P,"m",it).bind(this)]]));K.set(this,new Map([[O.TAB,F(this,P,"m",ut).bind(this)]]));X.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.dashboardMode=false;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){B(this,V,structuredClone(this.data),"f");if(F(this,A,"f").length){F(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));B(this,A,[],"f")}if(F(this,X,"f").length){F(this,X,"f").map((t=>{F(this,R,"f").keysBinding.unregister(t)}));B(this,X,[],"f")}F(this,P,"m",pt).call(this,this.data)}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,R,"f").debug.logLoad(this,false);F(this,R,"f").language.register(this);F(this,R,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,R,"f").debug.logLoad(this,true)}componentWillRender(){F(this,R,"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++){_(i[t])}}F(this,R,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,R,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,P,"m",q).call(this,t)));return e(s,{key:"4dfa278417a976d678f4d17b92709fee129f2761"},e("style",{key:"6ecaae03195df43b0ccf8e5c2cd2160009b2d5f9"},F(this,R,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"0740765eb3c4e079a9eab9e206b1d93d1d6b2f1f",id:x},i))}disconnectedCallback(){F(this,R,"f").language.unregister(this);F(this,R,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,N=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,H=new WeakMap,K=new WeakMap,X=new WeakMap,P=new WeakSet,Y=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},q=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const r={};let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=i.cells.map((t=>F(this,P,"m",Q).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){a=F(this,P,"m",lt).call(this,i,s)}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));r.display="grid";if(s.horizontal){r.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}else{if(this.dashboardMode){r.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}a=F(this,P,"m",st).call(this,i,s)}}const u={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:{"input-panel-form":true},onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)}})}},e("div",{class:u,style:r},a),e("div",{class:"input-panel__commands"},!this.hiddenSubmitButton?e(o,{buttonType:"submit",label:F(this,R,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit"}):null,this.inputPanelCommands))},Q=function t(i,n,s){if(!i){return}const l=F(this,H,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const a=F(this,P,"m",et).call(this,i,s.title);if(a){return e("div",{class:{"input-panel__label_container":true}},a,e(r,Object.assign({},o)))}return e(r,Object.assign({},o))},U=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},Z=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{sizing:y.SMALL,label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,P,"m",Lt).call(this,t.detail.node,t.detail.node.id)}}))},tt=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);F(this,A,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},it=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},nt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},et=function t(i,n){if(!n){return null}const s=Ht.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},st=function t(i,n){const e=F(this,K,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,P,"m",ot).call(this,i,t)))},lt=function t(i,n){return n.sections.map((t=>F(this,P,"m",rt).call(this,i,t)))},ot=function t(i,n,s=false,l={}){var o,r;const a={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((r=n.content)===null||r===void 0?void 0:r.length){u=n.content.map((t=>F(this,P,"m",ct).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const c=e("div",{class:a,style:l},u);return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(j,{type:w.HEADING1,value:n.title}),c):c},rt=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,P,"m",ht).call(this,i,t)))}if(M(n.absoluteWidth)==null){return o}const r=`${M(n.absoluteWidth)!=null?`${M(n.absoluteWidth)}px`:"100%"}`;const a=`${T(n.absoluteHeight)!=null?`${T(n.absoluteHeight)}px`:"100%"}`;const u=`${W(n.absoluteRow)}px`;const c=`${D(n.absoluteColumn)}px`;const h={position:"relative",width:r,"min-width":r,"max-width":r,height:a,"min-height":a,"max-height":a,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},at=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,P,"m",t).call(this,i))}))}return s},ut=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,P,"m",at).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,P,"m",ot).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,A,"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);F(this,A,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},ct=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const r=+n.colEnd>0?`${n.colEnd}`:"";const a=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=a?`span ${a}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":r,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ht=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==c.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}const o=`${M(l)}px`;const r=`${T(1)}px`;const a=`${W(n.absoluteRow)}px`;const u=`${D(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:r,"min-height":r,"max-height":r,top:a,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 e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ft=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,P,"m",Rt).call(this,t)))}};return F(this,P,"m",Z).call(this,t,i)}else{const i=F(this,P,"m",Rt).call(this,t);return F(this,P,"m",U).call(this,i,t.value)}})).flat()},pt=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,P,"m",ft).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const r=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,P,"m",dt).call(this,i,t,o),slotData:F(this,P,"m",kt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];r.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Ht.ketchup.data.cell.getType(t,t.shape);const e=F(this,L,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=r},dt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Ht.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},r=I(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,P,"m",mt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),r)},mt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,P,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},vt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){l=JSON.stringify(F(this,P,"m",Et).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.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,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const r=Ht.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,F(this,P,"m",jt).bind(this)],[u.BUTTON_LIST,F(this,P,"m",_t).bind(this)],[u.CHART,F(this,P,"m",yt).bind(this)],[u.CHIP,F(this,P,"m",gt).bind(this)],[u.CHECKBOX,F(this,P,"m",wt).bind(this)],[u.COLOR_PICKER,F(this,P,"m",xt).bind(this)],[u.COMBOBOX,F(this,P,"m",jt).bind(this)],[u.EDITOR,F(this,P,"m",Ot).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,P,"m",gt).bind(this)],[u.MULTI_COMBOBOX,F(this,P,"m",gt).bind(this)],[u.NUMBER,F(this,P,"m",Dt).bind(this)],[u.DATE,F(this,P,"m",Mt).bind(this)],[u.OBJECT,F(this,P,"m",Tt).bind(this)],[u.RADIO,F(this,P,"m",zt).bind(this)],[u.STRING,F(this,P,"m",$t).bind(this)],[u.SWITCH,F(this,P,"m",St).bind(this)],[u.TABLE,F(this,P,"m",Ct).bind(this)],[u.TIME,F(this,P,"m",Wt).bind(this)]]);const c=a.get(r);return c?c(s,l,o,i,n.name):null},kt=function t(i,n){const e=Ht.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,P,"m",jt).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},gt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return d(e)},yt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},_t=function t(i,n,e,s,l){var o,r,a,u;s.data=s.data||{};s.data.onClick=()=>{F(this,P,"m",Lt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((r=s.data)===null||r===void 0?void 0:r.disabled)){F(this,X,"f").push((a=s.data)===null||a===void 0?void 0:a.keyShortcut);F(this,R,"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)},jt=function t(i,n,e,s,l){var o,r;const a=m(e,n,[]);if(s.fun){const t=Ht.ketchup.data.cell.getType(s,s.shape);const i=F(this,G,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,P,"m",Nt).call(this,t.detail,s.fun,a,l,e)};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}))}else if(i){a.data["kup-list"].data=F(this,P,"m",Ft).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return a},wt=function t(i,n,e,s,l){var o,r;let a=g(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},xt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},Ot=function t(i,n,e){return{initialValue:e}},$t=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},zt=function t(i,n,e,s,l){var o,r;let a=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},St=function t(i,n,e){return b(e,n)},Mt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Tt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},Dt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},Ct=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,R,"f").debug.logMessage(this,`Wrong data table type for ${l} 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(((n,e)=>{const s=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({},F(this,P,"m",bt).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Et=function t(i,n){const e=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 e}try{const t=JSON.parse(F(this,V,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Ft=function t(i,n){const e=F(this,N,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Bt=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:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},It=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:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Rt=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,P,"m",_t).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},Nt=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,P,"m",vt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,P,"m",Ft).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Vt=async function t(i,n){var e,s;const l=F(this,P,"m",Y).call(this,n);if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});if(t){F(this,P,"m",Jt).call(this,n,null)}else{F(this,P,"m",Jt).call(this,n,F(this,R,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}},Gt=function t(i,n){const e=F(this,J,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,P,"m",Y).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});F(this,P,"m",Jt).call(this,n,t?null:F(this,R,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,A,"f").push({event:e,handler:s})},Jt=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},At=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Lt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,P,"m",vt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},cell:n})};Kt.style=E;export{Kt as kup_input_panel};
|
|
2
|
+
//# sourceMappingURL=p-fc202622.entry.js.map
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"f-button-54d0f017.js","mappings":"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","names":["FButtonStyling","h","FImage"],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON ||\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null || props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/*-------------------------------------------------*/\n/* M e t h o d s */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined || isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label || props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing}`]: props.sizing ? true : false,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner || props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"f-button-79148bc6.js","mappings":"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","names":[],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON ||\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null || props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/*-------------------------------------------------*/\n/* M e t h o d s */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined || isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label || props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing}`]: props.sizing ? true : false,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner || props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-e1cf074e.js";import{F as r}from"./p-cc32b7a2.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=document.documentElement;const c=c=>{if(!c.perPage){c.perPage=10}const m=Math.ceil(c.max/c.perPage);const b=u(c,m);const h=p(c);const k={"kup-list":{data:b},"kup-text-field":{label:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${c.max}`,helperWhenFocused:true,inputType:"number",max:c.max,min:1}};return e("div",Object.assign({class:`f-paginator ${c.mode?c.mode:""} ${c.wrapperClass?c.wrapperClass:""}`},c.dataSet,{id:c.id,title:c.title}),c.onLoadMore?e(r,{icon:"plus",onClick:c.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.SMALL,styling:a.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:c.perPage.toString(),"onkup-combobox-change":c.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:c.currentPage.toString(),"onkup-combobox-change":c.onPageChange}),e("div",{class:"arrow-wrapper"},c.mode!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:d(c),onClick:c.onPrevPage,sizing:l.SMALL,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,c.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:f(c),onClick:c.onNextPage,sizing:l.SMALL,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function u(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function f(e){return e.currentPage*e.perPage>=e.max}function d(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{c as F,b as p,h as r};
|
|
2
|
-
//# sourceMappingURL=p-1f0bd3bc.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as o,f,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-e1cf074e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-cc32b7a2.js";import{F as y}from"./p-c398ed83.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";const k=".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{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";const x=k;var b=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var w;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);w.set(this,o());this.customStyle="";this.data=null;this.density=f.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});b(this,w,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){b(this,w,"f").dates.register(this);b(this,w,"f").debug.logLoad(this,false);b(this,w,"f").language.register(this);b(this,w,"f").theme.register(this)}componentDidLoad(){b(this,w,"f").debug.logLoad(this,true)}componentWillRender(){b(this,w,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();b(this,w,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},t)),this.showSubmit?s(d,{buttonType:"submit",label:b(this,w,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){b(this,w,"f").dates.unregister(this);b(this,w,"f").language.unregister(this);b(this,w,"f").theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap;v.style=x;export{v as kup_cell};
|
|
2
|
-
//# sourceMappingURL=p-c71c14ea.entry.js.map
|