@sme.up/ketchup 11.0.11 → 11.0.12

package/dist/ketchup/p-83c717cf.entry.js

@@ -0,0 +1 @@
+import{r as t,f as i,h as e,H as a,d as o}from"./p-710d0a7d.js";import{k as s,g as n,s as l,b as p,h as c,aF as h,Y as r,aG as f,a0 as u,f as d}from"./p-35c85352.js";import{a as g}from"./p-e3062c19.js";import{F as b}from"./p-cce08de3.js";import{c as m}from"./p-635bb4b3.js";import"./p-509e2d39.js";var k,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(k||(k={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,k,t)}async refresh(){i(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(p.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,i.push(e("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,i.push(e("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,i.push(e("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):a.axis=i.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",c.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",c.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",c.ERROR)}else i.push(e("div",{class:"empty"},e(b,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(p.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",c.WARNING),a&&(i.rows?i.rows.push(a):i.rows=[a]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{key:"049e0e429c4deb0c4b42aa4119630553269b4b5f"},e("style",{key:"5141bbd9f761950b9c661aac8724d9bc7ddd00b3"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"22518e2bc9311b8d0989418f3185a91dd95c54c2",id:m},e("div",{key:"a0929d74cc1e8f7b4b72fd481bed66683c77fc81",class:"magic-box-wrapper"},e("div",{key:"2550b87cb0ff859cf32756cb34932f2c1a2e1ed7",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"cf84762570b8c0c7e27158725cba90ac10bb91a6"},this.comboboxProps())),e("kup-button",{key:"4325adf34dc50fa7c34d037784eeaa7f994f0f21",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"f635e3b8e1abbde80eddf0092f6b9538031fd7c6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"e5f3e3497af54d3e3061f28abf0dc8e69ed18959",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

package/dist/ketchup/{p-002e8a00.js → p-91ba2e1a.js}

@@ -1 +1 @@
-import{h as e,F as n}from"./p-710d0a7d.js";import{ar as o,as as a,V as t,ae as c,f as l,ap as i,an as r,am as s,at as u,F as d,aj as p,a as b,au as k,I as v,av as f,aw as m,ax as h,ay as g,az as j,h as O}from"./p-38e435be.js";import{F as x}from"./p-6742335b.js";import{F as w}from"./p-31ae78d1.js";import{F as _,d as y}from"./p-d5e0fdf9.js";import{F as C}from"./p-cce08de3.js";import{F as $}from"./p-7d7f7f74.js";import{F}from"./p-4453a080.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const D=o=>{var a;const t=o.horizontal||"lineDirection"==o.RadLay,c=!!o.columns,l=[],i=o.type||I.RADIO;for(let t=0;t<(null===(a=o.data)||void 0===a?void 0:a.length);t++){const a=o.data[t],c={radio:!0,"radio--checked":!!a.checked,"radio--disabled":!!o.disabled,[`radio--${o.type}`]:!!o.type};l.push(e("div",{class:`form-field \n                  ${o.leadingLabel?" form-field--align-end":""} ${o.disabled?"radio--disabled":""} ${i===I.CHEVRON?"form--chevron":""}`,onClick:o.onChange?o.onChange.bind(o.onChange,t):null},e("div",{class:c},i===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:a.value,checked:a.checked,disabled:o.disabled,onBlur:o.onBlur,onChange:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()},onFocus:o.onFocus}):e(n,null,e(C,a.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()}})),i===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()}},i===I.CHEVRON&&e(C,{resource:a.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},a.label?a.label:""),a.shortcutLabel&&e("div",{class:"shortcut"},a.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n             ${c?"radio-wrapper-grid":""} ${o.danger?"kup-danger":""} ${o.info?"kup-info":""} ${o.secondary?"kup-secondary":""} ${o.success?"kup-success":""} ${o.warning?"kup-warning":""} ${o.wrapperClass?o.wrapperClass:""} ${t?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${o.columns}, 1fr)`:""}},l)},E=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const o=[];for(let a=1;a<=n.maxValue;a++)o.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,a):null},a<=n.value?"★":"☆"));return o}(n)));var A;!function(e){e.SMALL="small",e.MEDIUM="medium"}(A||(A={}));const B=n=>{n.sizing||(n.sizing=A.MEDIUM),n.sizing.toLowerCase();const o={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:o},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},z={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function N(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function L(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function K(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({style:n,text:o,classes:a})=>{const t=function(e){const n=[];let o=null;return function(e,n){const o=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let a,t=0;for(;null!==(a=o.exec(e));)a.index>t&&n.onContent(e.slice(t,a.index)),"_n_"===a[1]?n.onEndTag(a[1]):n.onStartTag(a[2]),t=o.lastIndex;t<e.length&&n.onContent(e.slice(t))}(e,{onStartTag(e){(null==o?void 0:o.tag)&&(o.closed=!0),n.push(o={tag:e,content:""})},onEndTag(e){o?o.tag?(o.closed=!0,o=null):this.onContent(e):n.push(o={content:e})},onContent(e){o?o.content+=e:n.push(o={content:e})}}),o&&o.tag&&(o.closed=!0),n}(o);return e("span",{class:a,style:n},t.find((e=>void 0!==e.tag))?function(n){return n.map((n=>{var o,a;const t=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=z[e],!n)){n="";for(let o=0;o<e.length;o++)switch(o){case 0:n+=N(e.charAt(o));break;case 1:n+=R(e.charAt(o));break;case 2:n+=L(e.charAt(o));break;case 3:n+=K(e.charAt(o))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[o,a]=n.split(":").map((e=>e.trim()));if(o&&a){const n=a.replace(/!important/g,"").trim();e[o.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(o=n.tag)||void 0===o?void 0:o.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:t},n.content):e("span",null,`${null!==(a=n.tag)&&void 0!==a?a:""}${n.content}`)}))}(t):o)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,A=n.column,z=n.row,N=n.shape?n.shape:I.shape?I.shape:A.shape?A.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let L=!1;I.hasOwnProperty("isEditable")?L=I.isEditable:A.hasOwnProperty("isEditable")&&(L=A.isEditable),L=L&&n.editable,I.data=null!==(r=X(I,A))&&void 0!==r?r:I.data;let K=null!==(s=I.decode)&&void 0!==s?s:I.value;const V=n.previousValue!==K?K:"",G=T.ketchup.data.cell.getType(A,I,N),Y="extra_dense"===n.density?"extra-small":null===(k=I.data)||void 0===k?void 0:k.sizing;let U=I.cssClass?I.cssClass:(null==A?void 0:A.cssClass)?null==A?void 0:A.cssClass:"";const W={"f-cell":!0,[t.OBJ]:!!R,[G+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||G===c.BAR),[U]:!!U,"c-input-uppercase":g(I),"c-input-lowercase":j(I),"monospace c-pre":null===(f=I.data)||void 0===f?void 0:f.legacyLook};let P=V;I.data&&0!==Object.keys(I.data).length||function(e,n){function o(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function a(e){return e.toUpperCase().startsWith("SHAPE;")}function t(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},c=e.split("\\\\"),r=[];for(const e of c){if(e){if(i(e))return null;if(a(e)){if(!o(e))return null;{const o=e.split(";");if(3===o.length){const e=o[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(t(e));else if(l(e)){const o=e.substring(7).replace(",",".");isNaN(parseFloat(o))||(n.height=`${o}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const o=Object.assign({},n),a=e.split(";");if(a.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(a[0]);if(e){const[,n,a,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(a,10))||isNaN(parseInt(t,10))||(o.color=`rgb(${parseInt(n)},${parseInt(a)},${parseInt(t)})`)}if(a.length>=2){const e=a[1].replace(",",".");isNaN(parseFloat(e))||(o.width=`${e}%`)}}return o}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.BAR:a(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),o=[];for(const e of n){const n=r(e);if(!n)return null;o.push(...n)}return o}(n.value);break;case c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const o=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==o?void 0:o[o.length-1].trim())&&o.pop(),o&&o.length){n.data.data=[];for(let e of o)n.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.IMAGE:n.data.resource=n.value}}(G,I);const Z=Object.assign(Object.assign(Object.assign(Object.assign({},I.data),(null==I?void 0:I.icon)?{resource:I.icon}:{}),(null==I?void 0:I.placeholderIcon)?{placeholderResource:I.placeholderIcon}:{}),Y?{sizing:Y}:{});L&&o.includes(G)?(I.data.showMarker=null!==(O=I.tooltip)&&void 0!==O&&O,P=function(n,o,a,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,E;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:a.value,initialValueDecode:a.decode},a.data,{class:le(i)?"kup-full-width":"","onkup-autocomplete-change":e=>te(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.CHECKBOX:return ce(i)&&(o[t.C_CENTERED]=!0),a.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===a.value.toLowerCase()||"1"===a.value,class:"input-checkbox",onChange:e=>te(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>te(e,i,n,h.BLUR)}):e(w,Object.assign({},a.data,{onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.CHIP:return e("kup-chip",Object.assign({},a.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},a.slotData,{error:a.data.error,"onKup-textfield-blur":e=>te(e,i,n,h.BLUR)})));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({},a.data,{key:l.name+i.row.id,initialValue:a.value.toUpperCase(),class:le(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>te(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:a.value,initialValueDecode:a.decode,ListDescrMode:a.data.ListDescrMode},a.data,{class:le(i)?"kup-full-width":"","onkup-combobox-change":e=>te(e,i,n,h.UPDATE),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:a.value},a.data,{class:le(i)?"kup-full-width":"","onkup-datepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>te(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>te(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>te(e,i,n,h.UPDATE)}));case c.EDITOR:const A=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},a.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!le(i),maxLength:a.data.maxLength,value:a.value,onChange:e=>{te(e,i,n,h.UPDATE)},onInput:e=>{var o,t;null===(t=null===(o=a.data)||void 0===o?void 0:o.onInput)||void 0===t||t.call(o,e),te(e,i,n,h.INPUT)},onBlur:e=>te(e,i,n,h.BLUR),onKeyDown:A}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({"onKup-file-upload-change":e=>te(e,i,n,h.UPDATE)},a.data));case c.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({DescrMode:null!==(r=a.data.DescrMode)&&void 0!==r?r:v.DESCRIPTION},a.data,{label:null!==(u=null===(s=a.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),data:null===(k=a.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=a.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=a.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=a.slotData)||void 0===g?void 0:g.style,disabled:null===(j=a.slotData)||void 0===j?void 0:j.disabled,id:null===(O=a.slotData)||void 0===O?void 0:O.id,error:a.data.error,showMarker:null!==(x=a.tooltip)&&void 0!==x&&x,ListDescrMode:a.data.ListDescrMode}));case c.MULTI_COMBOBOX:return e("kup-chip",Object.assign({DescrMode:null!==(y=a.data.DescrMode)&&void 0!==y?y:v.DESCRIPTION},a.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK)},a.slotData,{error:a.data.error,showMarker:null!==(C=a.tooltip)&&void 0!==C&&C,ListDescrMode:a.data.ListDescrMode})));case c.RADIO:return e(D,Object.assign({},a.data,{disabled:!1,onChange:(e,o)=>{const t=a.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}te(o,i,n,h.UPDATE)},onBlur:e=>te(e,i,n,h.BLUR)}));case c.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},a.data,{disabled:!1,"onkup-rating-click":e=>te(e,i,n,h.UPDATE)}));case c.SWITCH:return e(B,Object.assign({},a.data,{disabled:!1,onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:a.value},a.data,{class:le(i)?"kup-full-width":"","onkup-timepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>te(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>te(e,i,n,h.BLUR)}));case c.OBJECT:return e($,{cell:a,column:i.column,row:i.row,inputValue:a.value,onChange:e=>te(e,i,n,h.UPDATE)});case c.NUMBER:o[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const z=e=>te(e,i,n,h.UPDATE),N=e=>{var o,t;null===(t=null===(o=a.data)||void 0===o?void 0:o.onInput)||void 0===t||t.call(o,e),te(e,i,n,h.INPUT)},R=e=>{var o,t,l;null===(t=null===(o=a.data)||void 0===o?void 0:o.onKeyDown)||void 0===t||t.call(o,e);const r="MEMO"===a.shape||(null===(l=a.data)||void 0===l?void 0:l.maxLength)>=256||n===c.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE)},L=n===c.NUMBER?"number":null;if(a.shape===d.INPUT_FIELD){const o=n===c.NUMBER&&a.value?p(l,a):a.value;return e("input",{class:"input-field",onChange:z,onInput:N,onKeyDown:R,type:L,value:o,maxLength:null!==(E=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==E?E:-1})}{const o=!!a.shape&&a.shape===d.MEMO||!!n&&n===c.MEMO||a.data.maxLength>=256;return e(F,Object.assign({},a.data,{textArea:o,sizing:a.data.sizing?a.data.sizing:o?b.EXTRA_LARGE:b.SMALL,inputType:L,fullWidth:!!le(i),maxLength:n==c.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:a.data.maxLength,icon:a.data&&a.data.icon?a.data.icon:a.icon?a.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:a.value,label:l.title,onChange:z,onInput:N,onKeyDown:R,onIconClick:e=>te(e,i,n,h.ICON_CLICK),onBlur:e=>te(e,i,n,h.BLUR)}))}}}(G,W,I,A,n)):I.data&&a.includes(G)?(n.setSizes&&function(e,n,o,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px"),!n.sizeX&&a.size&&(n.sizeX=a.size);break;case c.BUTTON:let e="";n.label&&(e="36px"),o.style?o.style.height||(o.style.minHeight=e):o.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:o.style?o.style.height||(o.style.minHeight="18px"):o.style={minHeight:"18px"};break;case c.RADIO:o.style?o.style.height||(o.style.minHeight="40px"):o.style={minHeight:"40px"}}}(G,Z,I,A),P=n.renderKup?function(n,o,a,l,i,r,s){switch(n){case c.BAR:return a.data?e("div",{style:{height:a.sizeY,width:"100%"}},e(C,Object.assign({},a))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},a));case c.BUTTON:ce(s)&&(o[t.C_CENTERED]=!0);let u=l.decode;u||l.icon||l.placeholderIcon||(u=l.value);const d=Object.assign({label:u,icon:l.icon,placeholderIcon:l.placeholderIcon,title:r.title},a);return e(x,Object.assign({},d,{onClick:e=>te(e,s,n,h.CLICK)}));case c.BUTTON_LIST:return ce(s)&&(o[t.C_CENTERED]=!0),a["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},a,{"onKup-buttonlist-click":e=>te(e,s,n,h.CLICK)}));case c.CHART:return ce(s)&&(o[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},a));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},a));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},a,{class:le(s)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},a));case c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},a,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return ce(s)&&(o[t.C_CENTERED]=!0),a.disabled=i.readOnly,e(D,Object.assign({},a));case c.RATING:return e(E,Object.assign({},a,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},a,{disabled:!0}))}}(G,W,Z,I,z,A,n):e("span",{class:"cell-"+G+" placeholder"})):(n.setSizes&&function(e,n,o,a){var t;switch(e){case c.CHECKBOX:case c.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),o.style?o.style.height||(o.style.minHeight=n.sizeY):o.style={minHeight:n.sizeY};break;case c.IMAGE:const e=(null===(t=a.cell)||void 0===t?void 0:t.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;a.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),a.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(G,Z,I,n),W[t.INDICATOR_TOPRIGHT]=null==A.tooltip||!0===A.tooltip,P=function(n,o,a,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return a&&""!=a?e("div",{class:"f-cell__text"},m(i,a," - ")):a;case c.DATE:case c.DATETIME:case c.TIME:return a&&""!=a?e("div",{class:"f-cell__text"},p(r,i)):a;case c.CHECKBOX:return ce(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:o.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:p(r,i)});case c.ICON:case c.IMAGE:return ce(s)&&(l[t.C_CENTERED]=!0),o.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},o));case c.LINK:return e("a",{href:a,target:"_blank"},p(r,i));case c.NUMBER:if(a&&""!=a){const n=T.ketchup.math.numberifySafe(i.value),o=p(r,i);return!Boolean(i.style&&i.style.color)&&n<0&&(l[t.TEXT_DANGER]=!0),ce(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},o)}return e("div",{class:"f-cell__text"},a);case c.SWITCH:return ce(s)&&(l[t.C_CENTERED]=!0),o.disabled=!0,e(B,Object.assign({},o));case c.LABEL:return e(M,{style:i.style,text:p(r,i),classes:"f-cell__text"});case c.IMAGE_LIST:const u=i.data.data.find((e=>e.value===i.value))||null;return e("kup-image-list",Object.assign({ripple:!0},i.data,{"onKup-imagelist-click":e=>te(e,s,n,h.UPDATE),activeNode:u}));default:return e("div",{class:"f-cell__text"},i.data.DescrMode?m(i,a,"-"):a)}}(G,Z,P,W,I,A,n));let q=null;!L&&(A.icon||I.icon)&&P&&G!=c.BUTTON&&G!=c.BUTTON_LIST&&G!=c.IMAGE&&G!=c.ICON&&(q=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:A.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:A.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let J=null;T.ketchup.debug.isDebug()&&R?J=I.obj.t+"; "+I.obj.p+"; "+K+";":null!=I.title&&""!=I.title.trim()&&(J=I.title);let Q=null;if(I.info){const n=Object.assign({},I.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),Q=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}if(n.component.rootElement.tagName===u.INPUT_PANEL&&I.style){if(I.style.backgroundColor){const e=I.style.backgroundColor;I.style.backgroundColor="",I.style["--kup-textfield-background-color"]=e}if(I.style.color){const e=I.style.color;I.style.color="",I.style["--kup-textfield-color"]=e}}return e("div",{onKeyUp:e=>te(e,n,G,h.KEYUP),class:W,"kup-get-cell-props":()=>n,ref:e=>I.element=e,style:I.style},e("div",{class:"f-cell__content",style:I.styleContent,title:J,onMouseEnter:e=>H(e,n,G),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,Q,q,P]))},H=(e,n,o)=>{var a;if(n.cellActionIcon){const t=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(o===c.NUMBER?"left":"right"),(null===(a=n.cellActionIcon)||void 0===a?void 0:a.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image.f-cell__iconfunction");n&&n.remove()},X=(e,n)=>{var o;if(!e)return null;const a=e.options,t=(null===(o=e.data)||void 0===o?void 0:o.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(n,e,e.shape),r=new Map([[c.BUTTON_LIST,W.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,U.bind(void 0)],[c.OBJECT,Y.bind(void 0)],[c.CHIP,G.bind(void 0)],[c.FILE_UPLOAD,J.bind(void 0)]]).get(i);return r?r(a,t,l,e):null},G=(e,n,o,a)=>{var t;return(null===(t=a.data)||void 0===t?void 0:t.data)?Object.assign({},a.data):i(a.value,a.decode)},Y=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{data:{initialValue:o||"",label:n||"",value:o||""}}),U=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{checked:"on"===o||"1"===o,label:n}),W=(e,n,o,a)=>({data:[Object.assign(Object.assign({},a.data),{icon:a.icon,placeholderIcon:a.placeholderIcon,value:o})]}),P=(e,n,o,a)=>{var t;return Object.assign(Object.assign(Object.assign({},a.data),{label:n}),(null===(t=a.data)||void 0===t?void 0:t.maxLength)&&{textArea:a.data.maxLength>=256})},Z=(e,n,o,a)=>{var t,c,l;const i=r(o,e);return Object.assign(Object.assign(Object.assign({},a.data),i),{data:Array.from(new Map([...null!==(c=null===(t=a.data)||void 0===t?void 0:t.data)&&void 0!==c?c:[],...null!==(l=i.data)&&void 0!==l?l:[]].map((e=>[e.value,e]))).values())})},q=(e,n,o,a)=>{if(e){const t=s(o,n,[],a.data);return t.data["kup-list"].data=Q(e,o),a.data?Object.assign(Object.assign({},t),a.data):t}},J=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{pathString:o}),Q=(e,n)=>{const o=ae.get(e.type);return o?o(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},ee=(e,n)=>e.children.map((e=>{var o;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ee(e,n):[]}})),ne=(e,n)=>e.children.map((e=>{var o;return{id:e.value,value:e.value,selected:n===e.value,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ne(e,n):[]}})),oe=(e,n)=>e.rows.map((e=>{var o;const a=e.fields||e.cells,[t,c]=Object.keys(a);return{id:a[t].value,value:(null===(o=a[c])||void 0===o?void 0:o.value)||a[t].value,selected:n===a[t].value}})),ae=new Map([["SmeupTreeNode",ee.bind(void 0)],["SmeupDataTree",ne.bind(void 0)],["SmeupTable",oe.bind(void 0)],["SmeupDataTable",oe.bind(void 0)]]);function te(e,n,o,a){var t,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(a===h.UPDATE){let n=function(e,n){var o;const a=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let t=a?e.target.value:e.detail.value;return n===c.CHECKBOX&&a&&(t=e.target.checked?"off":"on"),n===c.DATE&&a&&(t=null===(o=e.detail)||void 0===o?void 0:o.value),n===c.NUMBER&&a&&(t=T.ketchup.math.formattedStringToNumberString(t,"")),t}(e,o);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),o){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data);break;case c.IMAGE_LIST:n=e.detail.details.cell.value}k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:o,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),a===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function le(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,D as a,E as b,A as c,B as d,M as e}
+import{h as e,F as n}from"./p-710d0a7d.js";import{ar as o,as as a,V as t,ae as c,f as l,ap as i,an as r,am as s,at as u,F as d,aj as p,a as b,au as k,I as v,av as f,aw as m,ax as h,ay as g,az as j,h as O}from"./p-35c85352.js";import{F as x}from"./p-6742335b.js";import{F as w}from"./p-31ae78d1.js";import{F as _,d as y}from"./p-28f8fcd1.js";import{F as C}from"./p-cce08de3.js";import{F as $}from"./p-d0fcc68a.js";import{F}from"./p-26707bb9.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const D=o=>{var a;const t=o.horizontal||"lineDirection"==o.RadLay,c=!!o.columns,l=[],i=o.type||I.RADIO;for(let t=0;t<(null===(a=o.data)||void 0===a?void 0:a.length);t++){const a=o.data[t],c={radio:!0,"radio--checked":!!a.checked,"radio--disabled":!!o.disabled,[`radio--${o.type}`]:!!o.type};l.push(e("div",{class:`form-field \n                  ${o.leadingLabel?" form-field--align-end":""} ${o.disabled?"radio--disabled":""} ${i===I.CHEVRON?"form--chevron":""}`,onClick:o.onChange?o.onChange.bind(o.onChange,t):null},e("div",{class:c},i===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:a.value,checked:a.checked,disabled:o.disabled,onBlur:o.onBlur,onChange:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()},onFocus:o.onFocus}):e(n,null,e(C,a.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()}})),i===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()}},i===I.CHEVRON&&e(C,{resource:a.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},a.label?a.label:""),a.shortcutLabel&&e("div",{class:"shortcut"},a.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n             ${c?"radio-wrapper-grid":""} ${o.danger?"kup-danger":""} ${o.info?"kup-info":""} ${o.secondary?"kup-secondary":""} ${o.success?"kup-success":""} ${o.warning?"kup-warning":""} ${o.wrapperClass?o.wrapperClass:""} ${t?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${o.columns}, 1fr)`:""}},l)},E=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const o=[];for(let a=1;a<=n.maxValue;a++)o.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,a):null},a<=n.value?"★":"☆"));return o}(n)));var A;!function(e){e.SMALL="small",e.MEDIUM="medium"}(A||(A={}));const B=n=>{n.sizing||(n.sizing=A.MEDIUM),n.sizing.toLowerCase();const o={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:o},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},z={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function N(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function L(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function K(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({style:n,text:o,classes:a})=>{const t=function(e){const n=[];let o=null;return function(e,n){const o=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let a,t=0;for(;null!==(a=o.exec(e));)a.index>t&&n.onContent(e.slice(t,a.index)),"_n_"===a[1]?n.onEndTag(a[1]):n.onStartTag(a[2]),t=o.lastIndex;t<e.length&&n.onContent(e.slice(t))}(e,{onStartTag(e){(null==o?void 0:o.tag)&&(o.closed=!0),n.push(o={tag:e,content:""})},onEndTag(e){o?o.tag?(o.closed=!0,o=null):this.onContent(e):n.push(o={content:e})},onContent(e){o?o.content+=e:n.push(o={content:e})}}),o&&o.tag&&(o.closed=!0),n}(o);return e("span",{class:a,style:n},t.find((e=>void 0!==e.tag))?function(n){return n.map((n=>{var o,a;const t=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=z[e],!n)){n="";for(let o=0;o<e.length;o++)switch(o){case 0:n+=N(e.charAt(o));break;case 1:n+=R(e.charAt(o));break;case 2:n+=L(e.charAt(o));break;case 3:n+=K(e.charAt(o))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[o,a]=n.split(":").map((e=>e.trim()));if(o&&a){const n=a.replace(/!important/g,"").trim();e[o.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(o=n.tag)||void 0===o?void 0:o.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:t},n.content):e("span",null,`${null!==(a=n.tag)&&void 0!==a?a:""}${n.content}`)}))}(t):o)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,A=n.column,z=n.row,N=n.shape?n.shape:I.shape?I.shape:A.shape?A.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let L=!1;I.hasOwnProperty("isEditable")?L=I.isEditable:A.hasOwnProperty("isEditable")&&(L=A.isEditable),L=L&&n.editable,I.data=null!==(r=X(I,A))&&void 0!==r?r:I.data;let K=null!==(s=I.decode)&&void 0!==s?s:I.value;const V=n.previousValue!==K?K:"",G=T.ketchup.data.cell.getType(A,I,N),Y="extra_dense"===n.density?"extra-small":null===(k=I.data)||void 0===k?void 0:k.sizing;let U=I.cssClass?I.cssClass:(null==A?void 0:A.cssClass)?null==A?void 0:A.cssClass:"";const W={"f-cell":!0,[t.OBJ]:!!R,[G+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||G===c.BAR),[U]:!!U,"c-input-uppercase":g(I),"c-input-lowercase":j(I),"monospace c-pre":null===(f=I.data)||void 0===f?void 0:f.legacyLook};let P=V;I.data&&0!==Object.keys(I.data).length||function(e,n){function o(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function a(e){return e.toUpperCase().startsWith("SHAPE;")}function t(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},c=e.split("\\\\"),r=[];for(const e of c){if(e){if(i(e))return null;if(a(e)){if(!o(e))return null;{const o=e.split(";");if(3===o.length){const e=o[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(t(e));else if(l(e)){const o=e.substring(7).replace(",",".");isNaN(parseFloat(o))||(n.height=`${o}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const o=Object.assign({},n),a=e.split(";");if(a.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(a[0]);if(e){const[,n,a,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(a,10))||isNaN(parseInt(t,10))||(o.color=`rgb(${parseInt(n)},${parseInt(a)},${parseInt(t)})`)}if(a.length>=2){const e=a[1].replace(",",".");isNaN(parseFloat(e))||(o.width=`${e}%`)}}return o}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.BAR:a(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),o=[];for(const e of n){const n=r(e);if(!n)return null;o.push(...n)}return o}(n.value);break;case c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const o=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==o?void 0:o[o.length-1].trim())&&o.pop(),o&&o.length){n.data.data=[];for(let e of o)n.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.IMAGE:n.data.resource=n.value}}(G,I);const Z=Object.assign(Object.assign(Object.assign(Object.assign({},I.data),(null==I?void 0:I.icon)?{resource:I.icon}:{}),(null==I?void 0:I.placeholderIcon)?{placeholderResource:I.placeholderIcon}:{}),Y?{sizing:Y}:{});L&&o.includes(G)?(I.data.showMarker=null!==(O=I.tooltip)&&void 0!==O&&O,P=function(n,o,a,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,E;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:a.value,initialValueDecode:a.decode},a.data,{class:le(i)?"kup-full-width":"","onkup-autocomplete-change":e=>te(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.CHECKBOX:return ce(i)&&(o[t.C_CENTERED]=!0),a.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===a.value.toLowerCase()||"1"===a.value,class:"input-checkbox",onChange:e=>te(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>te(e,i,n,h.BLUR)}):e(w,Object.assign({},a.data,{onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.CHIP:return e("kup-chip",Object.assign({},a.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},a.slotData,{error:a.data.error,"onKup-textfield-blur":e=>te(e,i,n,h.BLUR)})));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({},a.data,{key:l.name+i.row.id,initialValue:a.value.toUpperCase(),class:le(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>te(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:a.value,initialValueDecode:a.decode,ListDescrMode:a.data.ListDescrMode},a.data,{class:le(i)?"kup-full-width":"","onkup-combobox-change":e=>te(e,i,n,h.UPDATE),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:a.value},a.data,{class:le(i)?"kup-full-width":"","onkup-datepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>te(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>te(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>te(e,i,n,h.UPDATE)}));case c.EDITOR:const A=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},a.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!le(i),maxLength:a.data.maxLength,value:a.value,onChange:e=>{te(e,i,n,h.UPDATE)},onInput:e=>{var o,t;null===(t=null===(o=a.data)||void 0===o?void 0:o.onInput)||void 0===t||t.call(o,e),te(e,i,n,h.INPUT)},onBlur:e=>te(e,i,n,h.BLUR),onKeyDown:A}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({"onKup-file-upload-change":e=>te(e,i,n,h.UPDATE)},a.data));case c.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({DescrMode:null!==(r=a.data.DescrMode)&&void 0!==r?r:v.DESCRIPTION},a.data,{label:null!==(u=null===(s=a.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),data:null===(k=a.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=a.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=a.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=a.slotData)||void 0===g?void 0:g.style,disabled:null===(j=a.slotData)||void 0===j?void 0:j.disabled,id:null===(O=a.slotData)||void 0===O?void 0:O.id,error:a.data.error,showMarker:null!==(x=a.tooltip)&&void 0!==x&&x,ListDescrMode:a.data.ListDescrMode}));case c.MULTI_COMBOBOX:return e("kup-chip",Object.assign({DescrMode:null!==(y=a.data.DescrMode)&&void 0!==y?y:v.DESCRIPTION},a.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK)},a.slotData,{error:a.data.error,showMarker:null!==(C=a.tooltip)&&void 0!==C&&C,ListDescrMode:a.data.ListDescrMode})));case c.RADIO:return e(D,Object.assign({},a.data,{disabled:!1,onChange:(e,o)=>{const t=a.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}te(o,i,n,h.UPDATE)},onBlur:e=>te(e,i,n,h.BLUR)}));case c.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},a.data,{disabled:!1,"onkup-rating-click":e=>te(e,i,n,h.UPDATE)}));case c.SWITCH:return e(B,Object.assign({},a.data,{disabled:!1,onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:a.value},a.data,{class:le(i)?"kup-full-width":"","onkup-timepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>te(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>te(e,i,n,h.BLUR)}));case c.OBJECT:return e($,{cell:a,column:i.column,row:i.row,inputValue:a.value,onChange:e=>te(e,i,n,h.UPDATE)});case c.NUMBER:o[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const z=e=>te(e,i,n,h.UPDATE),N=e=>{var o,t;null===(t=null===(o=a.data)||void 0===o?void 0:o.onInput)||void 0===t||t.call(o,e),te(e,i,n,h.INPUT)},R=e=>{var o,t,l;null===(t=null===(o=a.data)||void 0===o?void 0:o.onKeyDown)||void 0===t||t.call(o,e);const r="MEMO"===a.shape||(null===(l=a.data)||void 0===l?void 0:l.maxLength)>=256||n===c.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE)},L=n===c.NUMBER?"number":null;if(a.shape===d.INPUT_FIELD){const o=n===c.NUMBER&&a.value?p(l,a):a.value;return e("input",{class:"input-field",onChange:z,onInput:N,onKeyDown:R,type:L,value:o,maxLength:null!==(E=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==E?E:-1})}{const o=!!a.shape&&a.shape===d.MEMO||!!n&&n===c.MEMO||a.data.maxLength>=256;return e(F,Object.assign({},a.data,{textArea:o,sizing:a.data.sizing?a.data.sizing:o?b.EXTRA_LARGE:b.SMALL,inputType:L,fullWidth:!!le(i),maxLength:n==c.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:a.data.maxLength,icon:a.data&&a.data.icon?a.data.icon:a.icon?a.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:a.value,label:l.title,onChange:z,onInput:N,onKeyDown:R,onIconClick:e=>te(e,i,n,h.ICON_CLICK),onBlur:e=>te(e,i,n,h.BLUR)}))}}}(G,W,I,A,n)):I.data&&a.includes(G)?(n.setSizes&&function(e,n,o,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px"),!n.sizeX&&a.size&&(n.sizeX=a.size);break;case c.BUTTON:let e="";n.label&&(e="36px"),o.style?o.style.height||(o.style.minHeight=e):o.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:o.style?o.style.height||(o.style.minHeight="18px"):o.style={minHeight:"18px"};break;case c.RADIO:o.style?o.style.height||(o.style.minHeight="40px"):o.style={minHeight:"40px"}}}(G,Z,I,A),P=n.renderKup?function(n,o,a,l,i,r,s){switch(n){case c.BAR:return a.data?e("div",{style:{height:a.sizeY,width:"100%"}},e(C,Object.assign({},a))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},a));case c.BUTTON:ce(s)&&(o[t.C_CENTERED]=!0);let u=l.decode;u||l.icon||l.placeholderIcon||(u=l.value);const d=Object.assign({label:u,icon:l.icon,placeholderIcon:l.placeholderIcon,title:r.title},a);return e(x,Object.assign({},d,{onClick:e=>te(e,s,n,h.CLICK)}));case c.BUTTON_LIST:return ce(s)&&(o[t.C_CENTERED]=!0),a["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},a,{"onKup-buttonlist-click":e=>te(e,s,n,h.CLICK)}));case c.CHART:return ce(s)&&(o[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},a));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},a));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},a,{class:le(s)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},a));case c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},a,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return ce(s)&&(o[t.C_CENTERED]=!0),a.disabled=i.readOnly,e(D,Object.assign({},a));case c.RATING:return e(E,Object.assign({},a,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},a,{disabled:!0}))}}(G,W,Z,I,z,A,n):e("span",{class:"cell-"+G+" placeholder"})):(n.setSizes&&function(e,n,o,a){var t;switch(e){case c.CHECKBOX:case c.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),o.style?o.style.height||(o.style.minHeight=n.sizeY):o.style={minHeight:n.sizeY};break;case c.IMAGE:const e=(null===(t=a.cell)||void 0===t?void 0:t.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;a.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),a.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(G,Z,I,n),W[t.INDICATOR_TOPRIGHT]=null==A.tooltip||!0===A.tooltip,P=function(n,o,a,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return a&&""!=a?e("div",{class:"f-cell__text"},m(i,a," - ")):a;case c.DATE:case c.DATETIME:case c.TIME:return a&&""!=a?e("div",{class:"f-cell__text"},p(r,i)):a;case c.CHECKBOX:return ce(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:o.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:p(r,i)});case c.ICON:case c.IMAGE:return ce(s)&&(l[t.C_CENTERED]=!0),o.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},o));case c.LINK:return e("a",{href:a,target:"_blank"},p(r,i));case c.NUMBER:if(a&&""!=a){const n=T.ketchup.math.numberifySafe(i.value),o=p(r,i);return!Boolean(i.style&&i.style.color)&&n<0&&(l[t.TEXT_DANGER]=!0),ce(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},o)}return e("div",{class:"f-cell__text"},a);case c.SWITCH:return ce(s)&&(l[t.C_CENTERED]=!0),o.disabled=!0,e(B,Object.assign({},o));case c.LABEL:return e(M,{style:i.style,text:p(r,i),classes:"f-cell__text"});case c.IMAGE_LIST:const u=i.data.data.find((e=>e.value===i.value))||null;return e("kup-image-list",Object.assign({ripple:!0},i.data,{"onKup-imagelist-click":e=>te(e,s,n,h.UPDATE),activeNode:u}));default:return e("div",{class:"f-cell__text"},i.data.DescrMode?m(i,a,"-"):a)}}(G,Z,P,W,I,A,n));let q=null;!L&&(A.icon||I.icon)&&P&&G!=c.BUTTON&&G!=c.BUTTON_LIST&&G!=c.IMAGE&&G!=c.ICON&&(q=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:A.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:A.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let J=null;T.ketchup.debug.isDebug()&&R?J=I.obj.t+"; "+I.obj.p+"; "+K+";":null!=I.title&&""!=I.title.trim()&&(J=I.title);let Q=null;if(I.info){const n=Object.assign({},I.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),Q=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}if(n.component.rootElement.tagName===u.INPUT_PANEL&&I.style){if(I.style.backgroundColor){const e=I.style.backgroundColor;I.style.backgroundColor="",I.style["--kup-textfield-background-color"]=e}if(I.style.color){const e=I.style.color;I.style.color="",I.style["--kup-textfield-color"]=e}}return e("div",{onKeyUp:e=>te(e,n,G,h.KEYUP),class:W,"kup-get-cell-props":()=>n,ref:e=>I.element=e,style:I.style},e("div",{class:"f-cell__content",style:I.styleContent,title:J,onMouseEnter:e=>H(e,n,G),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,Q,q,P]))},H=(e,n,o)=>{var a;if(n.cellActionIcon){const t=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(o===c.NUMBER?"left":"right"),(null===(a=n.cellActionIcon)||void 0===a?void 0:a.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image.f-cell__iconfunction");n&&n.remove()},X=(e,n)=>{var o;if(!e)return null;const a=e.options,t=(null===(o=e.data)||void 0===o?void 0:o.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(n,e,e.shape),r=new Map([[c.BUTTON_LIST,W.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,U.bind(void 0)],[c.OBJECT,Y.bind(void 0)],[c.CHIP,G.bind(void 0)],[c.FILE_UPLOAD,J.bind(void 0)]]).get(i);return r?r(a,t,l,e):null},G=(e,n,o,a)=>{var t;return(null===(t=a.data)||void 0===t?void 0:t.data)?Object.assign({},a.data):i(a.value,a.decode)},Y=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{data:{initialValue:o||"",label:n||"",value:o||""}}),U=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{checked:"on"===o||"1"===o,label:n}),W=(e,n,o,a)=>({data:[Object.assign(Object.assign({},a.data),{icon:a.icon,placeholderIcon:a.placeholderIcon,value:o})]}),P=(e,n,o,a)=>{var t;return Object.assign(Object.assign(Object.assign({},a.data),{label:n}),(null===(t=a.data)||void 0===t?void 0:t.maxLength)&&{textArea:a.data.maxLength>=256})},Z=(e,n,o,a)=>{var t,c,l;const i=r(o,e);return Object.assign(Object.assign(Object.assign({},a.data),i),{data:Array.from(new Map([...null!==(c=null===(t=a.data)||void 0===t?void 0:t.data)&&void 0!==c?c:[],...null!==(l=i.data)&&void 0!==l?l:[]].map((e=>[e.value,e]))).values())})},q=(e,n,o,a)=>{if(e){const t=s(o,n,[],a.data);return t.data["kup-list"].data=Q(e,o),a.data?Object.assign(Object.assign({},t),a.data):t}},J=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{pathString:o}),Q=(e,n)=>{const o=ae.get(e.type);return o?o(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},ee=(e,n)=>e.children.map((e=>{var o;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ee(e,n):[]}})),ne=(e,n)=>e.children.map((e=>{var o;return{id:e.value,value:e.value,selected:n===e.value,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ne(e,n):[]}})),oe=(e,n)=>e.rows.map((e=>{var o;const a=e.fields||e.cells,[t,c]=Object.keys(a);return{id:a[t].value,value:(null===(o=a[c])||void 0===o?void 0:o.value)||a[t].value,selected:n===a[t].value}})),ae=new Map([["SmeupTreeNode",ee.bind(void 0)],["SmeupDataTree",ne.bind(void 0)],["SmeupTable",oe.bind(void 0)],["SmeupDataTable",oe.bind(void 0)]]);function te(e,n,o,a){var t,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(a===h.UPDATE){let n=function(e,n){var o;const a=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let t=a?e.target.value:e.detail.value;return n===c.CHECKBOX&&a&&(t=e.target.checked?"off":"on"),n===c.DATE&&a&&(t=null===(o=e.detail)||void 0===o?void 0:o.value),n===c.NUMBER&&a&&(t=T.ketchup.math.formattedStringToNumberString(t,"")),t}(e,o);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),o){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data);break;case c.IMAGE_LIST:n=e.detail.details.cell.value}k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:o,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),a===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function le(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,D as a,E as b,A as c,B as d,M as e}

package/dist/ketchup/{p-a8475834.entry.js → p-9f88a513.entry.js}

@@ -1 +1 @@
-import{r as i,f as n,h as t,H as e,d as a}from"./p-710d0a7d.js";import{k as l,g as o,s as p,h as r}from"./p-38e435be.js";import{c as s}from"./p-635bb4b3.js";import"./p-4019d630.js";var d;!function(i){i.columns="The number of columns displayed by the grid, the default behavior is 12.",i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.singleLine="When set to true, forces the content on a single line."}(d||(d={}));const g=class{constructor(n){i(this,n),this.kupManager=l(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i||0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine)a=t("slot",{name:`${e}`});else{const n=i[e].span||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";export{g as kup_grid}
+import{r as i,f as n,h as t,H as e,d as a}from"./p-710d0a7d.js";import{k as l,g as o,s as p,h as r}from"./p-35c85352.js";import{c as s}from"./p-635bb4b3.js";import"./p-509e2d39.js";var d;!function(i){i.columns="The number of columns displayed by the grid, the default behavior is 12.",i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.singleLine="When set to true, forces the content on a single line."}(d||(d={}));const g=class{constructor(n){i(this,n),this.kupManager=l(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i||0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine)a=t("slot",{name:`${e}`});else{const n=i[e].span||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";export{g as kup_grid}

package/dist/ketchup/{p-aae5253f.entry.js → p-a37f4b8b.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-710d0a7d.js";import{F as a}from"./p-6742335b.js";import{F as h}from"./p-31ae78d1.js";import{F as l}from"./p-4453a080.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aE as f,b as m,_ as u,h as g}from"./p-38e435be.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-c56195a0.js";import"./p-4019d630.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const k=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"66aa2a555cd5b7d4d56a4a13387450ede89c4355"},o("style",{key:"11060323270040d3dd52a1011103024c0741085e"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"e784ba520f411aa8f05b73a4b2a9343507272595",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{k as kup_dashboard}
+import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-710d0a7d.js";import{F as a}from"./p-6742335b.js";import{F as h}from"./p-31ae78d1.js";import{F as l}from"./p-26707bb9.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aE as f,b as m,_ as u,h as g}from"./p-35c85352.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-c56195a0.js";import"./p-509e2d39.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const k=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"66aa2a555cd5b7d4d56a4a13387450ede89c4355"},o("style",{key:"11060323270040d3dd52a1011103024c0741085e"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"e784ba520f411aa8f05b73a4b2a9343507272595",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{k as kup_dashboard}

package/dist/ketchup/{p-d90c27c1.entry.js → p-b21006e4.entry.js}

@@ -1 +1 @@
-import{h as t,r as i,d as s}from"./p-710d0a7d.js";import{c as e,a as h,g as a,m as l,b as n,d as o,e as d}from"./p-d0b30d6a.js";import{e as r,f as c}from"./p-cd3a7d53.js";import{a as u}from"./p-4019d630.js";import{g as v}from"./p-53af4c87.js";const D=()=>()=>t("div",null),p=class{constructor(t){i(this,t),this.locale="it-IT",this.props=void 0,this.timeUnit=void 0,this.currentTasks=[],this.currentDetails=[],this.scrollX=-1,this.mainGanttDoubleView=!1,this.displayedDates={displayedStartDate:new Date,displayedEndDate:new Date},this.viewDate=void 0,this.projection=void 0,this.tasks=[],this.details=[]}mainGanttChangeHandler(){var t;this.currentTasks=this.props.mainGantt.items,this.currentDetails=null===(t=this.props.secondaryGantt)||void 0===t?void 0:t.items,this.projection=void 0,this.updateTasks()}updateDisplayedDates(){const t=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,this.props.preStepsCount);if(!this.viewDate){const i=new Date;this.viewDate=t.displayedStartDate<=i&&t.displayedEndDate>=i?i:t.displayedStartDate}}updateTasks(){var t,i;const s=new u;this.tasks=[];for(let i=0;i<(null===(t=this.currentTasks)||void 0===t?void 0:t.length);i++)this.tasks.push(...h(this.currentTasks[i],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)));this.details=[];for(let t=0;t<(null===(i=this.currentDetails)||void 0===i?void 0:i.length);t++)this.details.push(...h(this.currentDetails[t],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)))}componentWillLoad(){var t,i,s,h,a,l,n,o,d,r,c;this.timeUnit=null===(t=this.props)||void 0===t?void 0:t.viewMode,this.currentTasks=(null===(i=this.props)||void 0===i?void 0:i.mainGantt.items)||[],this.currentDetails=null===(h=null===(s=this.props)||void 0===s?void 0:s.secondaryGantt)||void 0===h?void 0:h.items,this.scrollX=null!==(n=null===(l=null===(a=this.props)||void 0===a?void 0:a.mainGantt)||void 0===l?void 0:l.initialScrollX)&&void 0!==n?n:-1,this.mainGanttDoubleView=null!==(r=null===(d=null===(o=this.props)||void 0===o?void 0:o.mainGantt)||void 0===d?void 0:d.showSecondaryDates)&&void 0!==r&&r,this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(c=this.props)||void 0===c?void 0:c.preStepsCount),this.viewDate=void 0,this.projection=void 0,this.updateTasks()}async refresh(){var t;this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(t=this.props)||void 0===t?void 0:t.preStepsCount)}handleClick(t,i){if(t){if("task"===t.type&&this.props.secondaryGantt){const i=t;this.projection={start:new Date(i.startDate),end:new Date(i.endDate),color:i.color||"#ED7D31"}}else this.projection=void 0;null==i||i(t)}}handleDblClick(t,i){t&&(null==i||i(t))}handleContextMenu(t,i,s){if(i){if("task"===i.type&&this.props.secondaryGantt){const t=i;this.projection={start:new Date(t.startDate),end:new Date(t.endDate),color:t.color||"#ED7D31"}}else this.projection=void 0;null==s||s(t,i)}}handleSetDoubleView(t){var i,s;this.mainGanttDoubleView=t,null===(s=null===(i=this.props)||void 0===i?void 0:i.onSetDoubleView)||void 0===s||s.call(i,t)}handleDateChange(t,i,s){var e;const h=null==t?void 0:t.id;if(!h)return;let d=n(h,i);if(d||(d=a(h,i)),d)if("timeline"!==d.type){if("project"===d.type){const s=l(i,t);d=n(d.id,s),this.viewDate=t.start,this.currentTasks=s}else if("task"===d.type){const s=i.find((t=>{var i;return null===(i=t.phases)||void 0===i?void 0:i.some((t=>(null==t?void 0:t.id)===h))}));if(s){const h=o(s.phases,t),l=i.map((t=>t.id===s.id?Object.assign(Object.assign({},t),{phases:h}):t));d=a(d.id,l),this.props.secondaryGantt&&d&&(this.projection={start:new Date(d.startDate),end:new Date(d.endDate),color:null!==(e=d.color)&&void 0!==e?e:"#ED7D31"}),this.viewDate=t.start,this.currentTasks=l}}null==s||s(d),setTimeout(this.getScrollX,500)}else console.log("onDateChange for timeline not managed yet",h,d.type)}handlePhaseDrop(t,i,s,e){let h;const l=this.currentTasks,n=l.find((t=>{var s;return null===(s=t.phases)||void 0===s?void 0:s.some((t=>(null==t?void 0:t.id)===i.id))}));if(n){const t=o(n.phases,i),s=l.map((i=>i.id===n.id?Object.assign(Object.assign({},i),{phases:t}):i));h=a(i.id,s)}null==h||delete h.taskRow,null==e||e({originalPhaseData:t,finalPhaseData:h,destinationData:s}),this.currentTasks=JSON.parse(JSON.stringify(this.currentTasks)),setTimeout(this.getScrollX,500)}getScrollX(){var t,i,s;if(this.rootElement){const e=null===(t=this.rootElement.querySelector('[data-scrollx="true"]'))||void 0===t?void 0:t.scrollLeft;void 0!==e&&(null===(s=(i=this.props).onScrollX)||void 0===s||s.call(i,e))}}render(){var i,s,e;return t("div",{key:"453105f0084dc546f2ec3582d0c9baa941bf312b",class:"planner-render"},t("kup-switcher",{key:"bed5ea35a8e286999d2aeccf4ac3910b8e640631",timeUnitChange:t=>{var i,s;null===(s=(i=this.props).onSetViewMode)||void 0===s||s.call(i,t),this.timeUnit=t,this.viewDate=void 0,this.scrollX=-1}}),this.props&&t("div",{key:"a62b73855e3cfba1dcc08965d3b4d4d62184d4a9",style:{display:"flex",flexDirection:"column"}},t("kup-gantt",Object.assign({ref:t=>this.mainGantt=t,ganttId:r,key:r,filter:this.props.mainGantt.filter,hideLabel:this.props.mainGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.mainGantt.hideDependencies,ganttHeight:this.props.mainGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.tasks,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.mainGantt.stylingOptions,{TaskListHeader:this.props.mainGantt.taskListHeaderProject,TaskListTable:this.props.mainGantt.taskListTableProject,TooltipContent:null!==(i=this.props.mainGantt.tooltipContent)&&void 0!==i?i:D(),barClick:t=>{let i=n(t.id,this.currentTasks);i||(i=a(t.id,this.currentTasks)),i&&this.handleClick(i,this.props.mainGantt.onClick)},barDblClick:t=>{let i=n(t.id,this.currentTasks);i||(i=a(t.id,this.currentTasks)),i&&this.handleDblClick(i,this.props.mainGantt.onDblClick)},barContextMenu:(t,i)=>{let s=n(i.id,this.currentTasks);s||(s=a(i.id,this.currentTasks)),s&&this.handleContextMenu(t,s,this.props.mainGantt.onContextMenu)},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.mainGantt.onDateChange),locale:this.locale,dateTimeFormatters:v,initialScrollX:this.scrollX,initialScrollY:this.props.mainGantt.initialScrollY,readOnly:this.props.mainGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.mainGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.mainGantt.onClick,ganttOnDblClick:this.props.mainGantt.onDblClick,ganttonOnContextMenu:this.props.mainGantt.onContextMenu,label:this.props.mainGantt.title,doubleView:null!==(s=this.mainGanttDoubleView)&&void 0!==s&&s,setDoubleView:this.handleSetDoubleView.bind(this),scrollableTaskList:this.props.scrollableTaskList,phaseDrop:(t,i,s,e)=>{const h=a(t.id,this.currentTasks);n(i.id,this.currentTasks),a(s.id,this.currentTasks);const l=n(e.id,this.currentTasks);this.handlePhaseDrop(h,s,l,this.props.mainGantt.onPhaseDrop)}})),this.props.secondaryGantt&&t("kup-gantt",Object.assign({ref:t=>this.secondaryGantt=t,ganttId:c,key:c,filter:this.props.secondaryGantt.filter,hideLabel:this.props.secondaryGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.secondaryGantt.hideDependencies,ganttHeight:this.props.secondaryGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.details,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.secondaryGantt.stylingOptions,{TaskListHeader:this.props.secondaryGantt.taskListHeaderProject,TaskListTable:this.props.secondaryGantt.taskListTableProject,TooltipContent:null!==(e=this.props.secondaryGantt.tooltipContent)&&void 0!==e?e:D(),projection:this.projection,barClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleClick(i,this.props.secondaryGantt.onClick)}},barDblClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleDblClick(i,this.props.secondaryGantt.onDblClick)}},barContextMenu:(t,i)=>{if(this.props.secondaryGantt){let s=n(i.id,this.currentDetails);s&&this.handleContextMenu(t,s,this.props.secondaryGantt.onContextMenu)}},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.secondaryGantt.onDateChange),locale:this.locale,dateTimeFormatters:v,initialScrollX:this.scrollX,initialScrollY:this.props.secondaryGantt.initialScrollY,readOnly:this.props.secondaryGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.secondaryGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.secondaryGantt.onClick,ganttOnDblClick:this.props.secondaryGantt.onDblClick,ganttonOnContextMenu:this.props.secondaryGantt.onContextMenu,label:this.props.secondaryGantt.title,scrollableTaskList:this.props.scrollableTaskList}))))}get rootElement(){return s(this)}static get watchers(){return{props:["mainGanttChangeHandler"],timeUnit:["updateDisplayedDates"],mainGanttDoubleView:["updateDisplayedDates"],"props.preStepsCount":["updateDisplayedDates"],viewDate:["updateDisplayedDates"],currentTasks:["updateTasks"],currentDetails:["updateTasks"]}}};export{p as kup_planner_renderer}
+import{h as t,r as i,d as s}from"./p-710d0a7d.js";import{c as e,a as h,g as a,m as l,b as n,d as o,e as d}from"./p-236d5a57.js";import{e as r,f as c}from"./p-cd3a7d53.js";import{a as u}from"./p-509e2d39.js";import{g as v}from"./p-53af4c87.js";const D=()=>()=>t("div",null),p=class{constructor(t){i(this,t),this.locale="it-IT",this.props=void 0,this.timeUnit=void 0,this.currentTasks=[],this.currentDetails=[],this.scrollX=-1,this.mainGanttDoubleView=!1,this.displayedDates={displayedStartDate:new Date,displayedEndDate:new Date},this.viewDate=void 0,this.projection=void 0,this.tasks=[],this.details=[]}mainGanttChangeHandler(){var t;this.currentTasks=this.props.mainGantt.items,this.currentDetails=null===(t=this.props.secondaryGantt)||void 0===t?void 0:t.items,this.projection=void 0,this.updateTasks()}updateDisplayedDates(){const t=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,this.props.preStepsCount);if(!this.viewDate){const i=new Date;this.viewDate=t.displayedStartDate<=i&&t.displayedEndDate>=i?i:t.displayedStartDate}}updateTasks(){var t,i;const s=new u;this.tasks=[];for(let i=0;i<(null===(t=this.currentTasks)||void 0===t?void 0:t.length);i++)this.tasks.push(...h(this.currentTasks[i],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)));this.details=[];for(let t=0;t<(null===(i=this.currentDetails)||void 0===i?void 0:i.length);t++)this.details.push(...h(this.currentDetails[t],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)))}componentWillLoad(){var t,i,s,h,a,l,n,o,d,r,c;this.timeUnit=null===(t=this.props)||void 0===t?void 0:t.viewMode,this.currentTasks=(null===(i=this.props)||void 0===i?void 0:i.mainGantt.items)||[],this.currentDetails=null===(h=null===(s=this.props)||void 0===s?void 0:s.secondaryGantt)||void 0===h?void 0:h.items,this.scrollX=null!==(n=null===(l=null===(a=this.props)||void 0===a?void 0:a.mainGantt)||void 0===l?void 0:l.initialScrollX)&&void 0!==n?n:-1,this.mainGanttDoubleView=null!==(r=null===(d=null===(o=this.props)||void 0===o?void 0:o.mainGantt)||void 0===d?void 0:d.showSecondaryDates)&&void 0!==r&&r,this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(c=this.props)||void 0===c?void 0:c.preStepsCount),this.viewDate=void 0,this.projection=void 0,this.updateTasks()}async refresh(){var t;this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(t=this.props)||void 0===t?void 0:t.preStepsCount)}handleClick(t,i){if(t){if("task"===t.type&&this.props.secondaryGantt){const i=t;this.projection={start:new Date(i.startDate),end:new Date(i.endDate),color:i.color||"#ED7D31"}}else this.projection=void 0;null==i||i(t)}}handleDblClick(t,i){t&&(null==i||i(t))}handleContextMenu(t,i,s){if(i){if("task"===i.type&&this.props.secondaryGantt){const t=i;this.projection={start:new Date(t.startDate),end:new Date(t.endDate),color:t.color||"#ED7D31"}}else this.projection=void 0;null==s||s(t,i)}}handleSetDoubleView(t){var i,s;this.mainGanttDoubleView=t,null===(s=null===(i=this.props)||void 0===i?void 0:i.onSetDoubleView)||void 0===s||s.call(i,t)}handleDateChange(t,i,s){var e;const h=null==t?void 0:t.id;if(!h)return;let d=n(h,i);if(d||(d=a(h,i)),d)if("timeline"!==d.type){if("project"===d.type){const s=l(i,t);d=n(d.id,s),this.viewDate=t.start,this.currentTasks=s}else if("task"===d.type){const s=i.find((t=>{var i;return null===(i=t.phases)||void 0===i?void 0:i.some((t=>(null==t?void 0:t.id)===h))}));if(s){const h=o(s.phases,t),l=i.map((t=>t.id===s.id?Object.assign(Object.assign({},t),{phases:h}):t));d=a(d.id,l),this.props.secondaryGantt&&d&&(this.projection={start:new Date(d.startDate),end:new Date(d.endDate),color:null!==(e=d.color)&&void 0!==e?e:"#ED7D31"}),this.viewDate=t.start,this.currentTasks=l}}null==s||s(d),setTimeout(this.getScrollX,500)}else console.log("onDateChange for timeline not managed yet",h,d.type)}handlePhaseDrop(t,i,s,e){let h;const l=this.currentTasks,n=l.find((t=>{var s;return null===(s=t.phases)||void 0===s?void 0:s.some((t=>(null==t?void 0:t.id)===i.id))}));if(n){const t=o(n.phases,i),s=l.map((i=>i.id===n.id?Object.assign(Object.assign({},i),{phases:t}):i));h=a(i.id,s)}null==h||delete h.taskRow,null==e||e({originalPhaseData:t,finalPhaseData:h,destinationData:s}),this.currentTasks=JSON.parse(JSON.stringify(this.currentTasks)),setTimeout(this.getScrollX,500)}getScrollX(){var t,i,s;if(this.rootElement){const e=null===(t=this.rootElement.querySelector('[data-scrollx="true"]'))||void 0===t?void 0:t.scrollLeft;void 0!==e&&(null===(s=(i=this.props).onScrollX)||void 0===s||s.call(i,e))}}render(){var i,s,e;return t("div",{key:"453105f0084dc546f2ec3582d0c9baa941bf312b",class:"planner-render"},t("kup-switcher",{key:"bed5ea35a8e286999d2aeccf4ac3910b8e640631",timeUnitChange:t=>{var i,s;null===(s=(i=this.props).onSetViewMode)||void 0===s||s.call(i,t),this.timeUnit=t,this.viewDate=void 0,this.scrollX=-1}}),this.props&&t("div",{key:"a62b73855e3cfba1dcc08965d3b4d4d62184d4a9",style:{display:"flex",flexDirection:"column"}},t("kup-gantt",Object.assign({ref:t=>this.mainGantt=t,ganttId:r,key:r,filter:this.props.mainGantt.filter,hideLabel:this.props.mainGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.mainGantt.hideDependencies,ganttHeight:this.props.mainGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.tasks,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.mainGantt.stylingOptions,{TaskListHeader:this.props.mainGantt.taskListHeaderProject,TaskListTable:this.props.mainGantt.taskListTableProject,TooltipContent:null!==(i=this.props.mainGantt.tooltipContent)&&void 0!==i?i:D(),barClick:t=>{let i=n(t.id,this.currentTasks);i||(i=a(t.id,this.currentTasks)),i&&this.handleClick(i,this.props.mainGantt.onClick)},barDblClick:t=>{let i=n(t.id,this.currentTasks);i||(i=a(t.id,this.currentTasks)),i&&this.handleDblClick(i,this.props.mainGantt.onDblClick)},barContextMenu:(t,i)=>{let s=n(i.id,this.currentTasks);s||(s=a(i.id,this.currentTasks)),s&&this.handleContextMenu(t,s,this.props.mainGantt.onContextMenu)},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.mainGantt.onDateChange),locale:this.locale,dateTimeFormatters:v,initialScrollX:this.scrollX,initialScrollY:this.props.mainGantt.initialScrollY,readOnly:this.props.mainGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.mainGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.mainGantt.onClick,ganttOnDblClick:this.props.mainGantt.onDblClick,ganttonOnContextMenu:this.props.mainGantt.onContextMenu,label:this.props.mainGantt.title,doubleView:null!==(s=this.mainGanttDoubleView)&&void 0!==s&&s,setDoubleView:this.handleSetDoubleView.bind(this),scrollableTaskList:this.props.scrollableTaskList,phaseDrop:(t,i,s,e)=>{const h=a(t.id,this.currentTasks);n(i.id,this.currentTasks),a(s.id,this.currentTasks);const l=n(e.id,this.currentTasks);this.handlePhaseDrop(h,s,l,this.props.mainGantt.onPhaseDrop)}})),this.props.secondaryGantt&&t("kup-gantt",Object.assign({ref:t=>this.secondaryGantt=t,ganttId:c,key:c,filter:this.props.secondaryGantt.filter,hideLabel:this.props.secondaryGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.secondaryGantt.hideDependencies,ganttHeight:this.props.secondaryGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.details,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.secondaryGantt.stylingOptions,{TaskListHeader:this.props.secondaryGantt.taskListHeaderProject,TaskListTable:this.props.secondaryGantt.taskListTableProject,TooltipContent:null!==(e=this.props.secondaryGantt.tooltipContent)&&void 0!==e?e:D(),projection:this.projection,barClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleClick(i,this.props.secondaryGantt.onClick)}},barDblClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleDblClick(i,this.props.secondaryGantt.onDblClick)}},barContextMenu:(t,i)=>{if(this.props.secondaryGantt){let s=n(i.id,this.currentDetails);s&&this.handleContextMenu(t,s,this.props.secondaryGantt.onContextMenu)}},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.secondaryGantt.onDateChange),locale:this.locale,dateTimeFormatters:v,initialScrollX:this.scrollX,initialScrollY:this.props.secondaryGantt.initialScrollY,readOnly:this.props.secondaryGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.secondaryGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.secondaryGantt.onClick,ganttOnDblClick:this.props.secondaryGantt.onDblClick,ganttonOnContextMenu:this.props.secondaryGantt.onContextMenu,label:this.props.secondaryGantt.title,scrollableTaskList:this.props.scrollableTaskList}))))}get rootElement(){return s(this)}static get watchers(){return{props:["mainGanttChangeHandler"],timeUnit:["updateDisplayedDates"],mainGanttDoubleView:["updateDisplayedDates"],"props.preStepsCount":["updateDisplayedDates"],viewDate:["updateDisplayedDates"],currentTasks:["updateTasks"],currentDetails:["updateTasks"]}}};export{p as kup_planner_renderer}

package/dist/ketchup/p-bb566248.js

@@ -0,0 +1 @@
+import{E as e,H as t,D as n,aj as l,x as o,z as r,ak as i,al as s,Q as a,R as u,F as c,am as f,an as d,ao as h,ap as b,aq as m,a9 as p}from"./p-35c85352.js";import{K as v}from"./p-509e2d39.js";class w extends e{getTextFilterValue(e={},t){return this._getTextFilterValue(e,t,!1)}getTextFilterValueTmp(e={},t){return this._getTextFilterValue(e,t,!0)}_getTextFilterValue(e={},t,n){let l="";if(null==e)return l;let o=e[t];return null==o||(l=n?o.textFieldTmp:o.textField),l}hasFiltersForColumn(e={},t){return this._hasFiltersForColumn(e,t,!1)}hasFiltersForColumnTmp(e={},t){return this._hasFiltersForColumn(e,t,!0)}_hasFiltersForColumn(e={},t,n){if(!t)return!1;let l=this._getTextFilterValue(e,t.name,n);if(null!=l&&""!=l.trim())return!0;let o=this.getCheckBoxFilterValues(e,t.name);return!(null==o||o.length<1)}getCheckBoxFilterValues(e={},t){let n=[];if(null==e)return n;let l=e[t];return null==l||null==l.checkBoxes||(n=l.checkBoxes),n}addCheckboxFilter(t={},n,l){if(null==t)return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},t[n]);null==o.checkBoxes&&(o.checkBoxes=[]),null==l||null==l.value?o.checkBoxes=[]:e.valuesArrayContainsValue(o.checkBoxes,l.value)||(o.checkBoxes=[...o.checkBoxes,l]),t[n]=o}removeCheckboxFilter(e={},t,n){var l;if(!e||null==n||!e[t])return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},e[t]);o.checkBoxes=null!==(l=o.checkBoxes)&&void 0!==l?l:[],o.checkBoxes=o.checkBoxes.filter((e=>e.value!==n)),0===o.checkBoxes.length?delete e[t]:e[t]=o}isColumnNumeric(e){return this.isObjNumeric(e.obj)}setTextFieldFilterValue(e={},t,n){this._setTextFieldFilterValue(e,t,n,!0)}_setTextFieldFilterValue(e={},t,n,l){if(null==e)return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},e[t]);l?o.textFieldTmp=null!=n?n.trim():n:o.textField=null!=n?n.trim():n,e[t]=o}saveTextualFilters(e={},t){this._setTextFieldFilterValue(e,t,this.getTextFilterValueTmp(e,t),!1)}resetTextualFilters(e={},t){this._setTextFieldFilterValue(e,t,this.getTextFilterValue(e,t),!0)}getFilterValueForTooltip(e={},l){let o=this.getTextFilterValue(e,l.name),r=this.getCheckBoxFilterValues(e,l.name),i="",s=t(o,l.obj,l.decimals);""!=o&&(i=" AND "),i="";let a="";return r.forEach((e=>{a+=i+n(e,l),i=" OR "})),""!=a&&(a="("+a+")",""!=s&&(a=" AND "+a)),a=s+a,a}removeFilter(e={},t){delete e[t]}}var F;!function(e){e.asAccordion="When enabled, the first level of depth will give an accordion look to nodes.",e.columns="The columns of the tree when tree visualization is active.",e.customStyle="Custom style of the component.",e.data="The json data used to populate the tree view: the basic, always visible tree nodes.",e.density="The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.",e.dynamicExpansionCallback="Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change.",e.enableExtraColumns="Enables adding extra columns.",e.expanded="Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded.",e.expansionMode="Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node.",e.filters="List of filters set by the user.",e.globalFilter="When set to true it activates the global filter.",e.globalFilterValue="The value of the global filter.",e.globalFilterMode="The mode of the global filter.",e.preventXScroll="Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.",e.removableColumns="Sets the possibility to remove the selected column.",e.ripple="When enabled displays Material's ripple effect on nodes (only when no columns are displayed).",e.scrollOnHover="Activates the scroll on hover function.",e.showColumns="Shows the tree data as a table.",e.showFilters="When set to true enables the column filters.",e.showFooter="When set to true shows the footer.",e.showHeader="Flag: shows the header of the tree when the tree is displayed as a table.",e.showIcons="Shows the icons of the nodes.",e.stateId="",e.store="",e.totals="Defines the current totals options.",e.useDynamicExpansion="When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server."}(F||(F={}));const x="TREE_COLUMN";var g;!function(e){e.DROPDOWN="dropdown",e.NODE="node"}(g||(g={}));const j=document.documentElement,k=j.ketchup?j.ketchup.objects:new r,O=j.ketchup?j.ketchup.data:new i;class y extends e{isFilterCompliantForCell(e,t,n){var l;return!!e&&this.isFilterCompliantForSimpleValue(null!==(l=e.decode)&&void 0!==l?l:e.value,e.obj,t,n)}isFilterCompliantForCellObj(e,t,n){var l;return!!e&&!!e.obj&&this.isFilterCompliantForSimpleValue(null!==(l=e.decode)&&void 0!==l?l:e.value,e.obj,t,n)}isRowCompliant(e,t={},n="",l=!1,o=[],r,i){return this.areCellsCompliant(e.cells,t,n,l,o,r,i)}areCellsCompliant(e,t={},n="",r=!1,i=[],s,a){var u,c;if(r){let t=!0;if(i&&null!=i&&i.length>0){t=!1;let o=this.filterIsNegative(n);for(let s=0;s<i.length;s++){if(!1===i[s].visible&&!a||(null==a?void 0:a.length)>0&&!a.includes(i[s].name))continue;const f=e[i[s].name];if(null==f)continue;t=this.isFilterCompliantForValue(null!==(u=f.decode)&&void 0!==u?u:f.value,n,r);let d=l(i[s],f);if(d!=(null!==(c=f.decode)&&void 0!==c?c:f.value)&&(t=t||this.isFilterCompliantForValue(d,n,r)),1==t&&!o)break;if(0==t&&o)break}}if(!t)return!1}return null==s&&(s=new w),!this.hasFilters(t,i,s)||Object.keys(t).every((n=>{const l=e[n],r=o(i,n);if(!l)return!1;let a=s.getTextFilterValue(t,n),u=s.getCheckBoxFilterValues(t,n);const c=this.filterIsNegative(a);let f=""!==a&&this.isFilterCompliantForCell(l,a,!0)||u.some((e=>this.isFilterCompliantForCell(l,e.value)))||u.some((e=>this.isFilterCompliantForCell(l,e.displayedValue)))||!s.hasFiltersForColumn(t,r),d=c;return!l.obj||k.isNumber(l.obj)||k.isDate(l.obj)||k.isTime(l.obj)||k.isTimestamp(l.obj)||(d=""!==a&&this.isFilterCompliantForCellObj(l,a,!0)||u.some((e=>this.isFilterCompliantForCellObj(l,e.value)))||!s.hasFiltersForColumn(t,r)),c?f&&d:f||d}))}hasFilters(e={},t,n){if(null==e)return!1;let l=Object.keys(e);if(null==l||l.length<1)return!1;null==n&&(n=new w);for(let r=0;r<l.length;r++){let i=l[r],s=null;if(s=i===x?{name:x,title:""}:o(t,i),n.hasFiltersForColumn(e,s))return!0}return!1}filterRows(e=[],t={},n="",l=[],o,r){if(!e||null==e)return[];let i=[];const s=!(!n||!l);if(this.hasFilters(t,l,o)||s)for(let a=0;a<e.length;a++){let u=e[a];(u.id&&u.id.indexOf("insert_")>-1||this.isRowCompliant(u,t,n,s,l,o,r))&&(i[i.length]=u)}else i=[...e];return i}getColumnValues(n,l,o,r){let i=new Array;null==r&&(r=new w);let s=r.getTextFilterValueTmp(n.filters,l.name),a=r.getCheckBoxFilterValues(n.filters,l.name);if(null!=l.valuesForFilter&&l.valuesForFilter.length>0)return l.valuesForFilter.forEach((n=>{let o=n;(e.valuesArrayContainsValue(a,o)||""==s||r.isFilterCompliantForSimpleValue(o,l.obj,s))&&i.push({value:o,displayedValue:t(o,l.obj,l.decimals)})})),i;let u=Object.assign({},n.filters);u[l.name]={textField:s,textFieldTmp:s,checkBoxes:[]};let c=this.filterRows(n.getRows(),u,o,n.getVisibleColumns(),r);for(let e=0;e<a.length;e++)i.push(a[e]);return O.cell.getUnivocalValue({rows:c},l,!0)}}const T=document.documentElement;function C(e=[],t=[]){if(!e||0===e.length)return[];if(e[0].group)return function(e=[],t=[]){if(!e||0===e.length)return[];const n=e[0].group.column;let l=function(e="",t=[]){if(!e||!t||0===t.length)return null;for(let n of t)if(n.column===e)return n;return null}(n,t);return l||(l={column:n,sortMode:p.A}),e.sort(((e,t)=>s({obj:e.group.obj,value:e.group.id,decode:e.group.label},{obj:t.group.obj,value:t.group.id,decode:t.group.label},l.sortMode))),e.forEach((e=>{e.group.children=C(e.group.children,t)})),e}(e,t);if(!t||0===t.length)return e;const n=t.length>1;return e.slice(0).sort(((e,l)=>{if(n){for(let n=0;n<t.length;n++){const o=V(e,l,t[n]);if(0!==o)return o}return 0}return V(e,l,t[0])}))}function V(e,t,n){const l=e.cells[n.column],o=t.cells[n.column];return l||o?l?o?s(l,o,n.sortMode):-1:1:0}function M(e=[],t={},n="",l=[],o,r,i){return null==r&&(r=new y),r.filterRows(e,t,n,l,o,i)}function N(e=[],t=[],n=[],r={}){if(!t)return[];if(!n||0===n.length||!e||0===e.length)return t;const i={},s=n.filter((({column:t})=>{for(let{name:n,title:l}of e)if(n===t)return i[n]=l,!0;return!1}));if(0===s.length)return t;const u=[];let c={};return t.forEach((t=>{const n=s[0].column,f=t.cells[n];if(f){const d=o(e,n),h=l(d,f),b=f.value;let m=null;for(let e of u)if(e.group.label===h){m=e;break}null===m&&(m={group:{id:b,parent:null,column:n,columnLabel:i[n],expanded:!1,label:h,children:[],obj:f.obj,totals:{}},cells:{}},u.push(m));for(let n=1;n<s.length;n++){const r=s[n],a=t.cells[r.column];if(a){const t=o(e,r.column),n=l(t,a),s=a.value;let u=null;for(let e=0;e<m.group.children.length;e++){const t=m.group.children[e];if(t.group.label===n){u=t;break}}u||(u={cells:{},group:{id:s,parent:m,column:r.column,columnLabel:i[r.column],children:[],expanded:!1,label:n,totals:{},obj:a.obj}},L(u),m.group.children.push(u)),m=u}}m.group.children.push(t),function(e,t,n,l){if(!e||!t)return;const o=Object.keys(t);0!==o.length&&o.forEach((o=>{const r=n.cells[o];if(r){const n=T.ketchup.objects.isNumber(r.obj),i=t[o];switch(i){case a.COUNT:let t=e.group.totals[o]||0;e.group.totals[o]=++t;let s=e.group.parent;for(;null!=s;){let e=s.group.totals[o]||0;s.group.totals[o]=++e,s=s.group.parent}break;case a.DISTINCT:let u;if(u=n?T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value)):r.value,l[e.group.id]){let t=l[e.group.id][o];t?t.push(u):(l[e.group.id][o]=[],l[e.group.id][o].push(u))}else l[e.group.id]={},l[e.group.id][o]=[],l[e.group.id][o].push(u);let c=e.group.parent;for(;null!=c;){if(l[c.group.id]){let e=l[c.group.id][o];e?e.push(u):(l[c.group.id][o]=[],l[c.group.id][o].push(u))}else l[c.group.id]={},l[c.group.id][o]=[],l[c.group.id][o].push(u);c=c.group.parent}break;case a.SUM:case a.AVERAGE:if(n&&r.value){const t=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t+(e.group.totals[o]||0);let n=e.group.parent;for(;null!=n;){const e=T.ketchup.math.numberify(n.group.totals[o]||0);n.group.totals[o]=t+e,n=n.group.parent}}break;case a.MIN:if(n&&r.value){const t=e.group.totals[o],n=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t?Math.min(t,n):n;let l=e.group.parent;for(;null!=l;){const e=l.group.totals[o];l.group.totals[o]=e?Math.min(e,n):n,l=l.group.parent}}else if(r.value&&T.ketchup.objects.isDate(r.obj)&&T.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[o];if(t){let n=[];n.push(u),n.push(T.ketchup.dates.toDayjs(t)),e.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.min(n),v.ISO_DATE)}else e.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);let n=e.group.parent;for(;null!=n;){const e=n.group.totals[o];if(e){let t=[];t.push(u),t.push(T.ketchup.dates.toDayjs(e)),n.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.min(t),v.ISO_DATE)}else n.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);n=n.group.parent}}break;case a.MAX:if(n&&r.value){const t=e.group.totals[o],n=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t?Math.max(t,n):n;let l=e.group.parent;for(;null!=l;){const e=l.group.totals[o];l.group.totals[o]=e?Math.max(e,n):n,l=l.group.parent}}else if(r.value&&T.ketchup.objects.isDate(r.obj)&&T.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[o];if(t){let n=[];n.push(u),n.push(T.ketchup.dates.toDayjs(t)),e.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.max(n),v.ISO_DATE)}else e.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);let n=e.group.parent;for(;null!=n;){const e=n.group.totals[o];if(e){let t=[];t.push(u),t.push(T.ketchup.dates.toDayjs(e)),n.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.max(t),v.ISO_DATE)}else n.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);n=n.group.parent}}break;default:0!=i.indexOf(a.MATH)&&console.warn(`invalid total mode: ${i}`)}}}))}(m,r,t,c)}})),function(e,t,n){if(!e||!t)return;const l=Object.keys(t);if(0===e.length||!e[0].group||0===l.length)return;let o=l.filter((e=>a.DISTINCT===t[e]));o.length>0&&e.filter((e=>e.group.children.length>0)).forEach((e=>B(e,o,n)))}(u,r,c),W(u,a.AVERAGE,r),W(u,a.MATH,r),u}function W(e,t,n){if(!e||!n)return;const l=Object.keys(n);if(0===e.length||!e[0].group||0===l.length)return;let o;t==a.AVERAGE&&(o=l.filter((e=>a.AVERAGE===n[e]))),t==a.MATH&&(o=l.filter((e=>0==n[e].indexOf(a.MATH)))),o.length>0&&e.filter((e=>e.group.children.length>0)).forEach((e=>D(e,t,o,n)))}function B(e,t,n){const l=e.group.children;0!==l.length&&(l[0].group&&l.forEach((e=>{B(e,t,n)})),t.forEach((t=>{e.group.totals[t]=new Set(n[e.group.id][t]).size})))}function D(e,t,n,l){const o=e.group.children;if(0===o.length)return 0;let r=0;return o[0].group?o.forEach((e=>{r+=D(e,t,n,l)})):r=o.length,n.forEach((n=>{if(t==a.AVERAGE&&(e.group.totals[n]=e.group.totals[n]/r),t==a.MATH){let t=l[n].substring(a.MATH.length);e.group.totals[n]=T.ketchup.math.formulas.custom(t,e.group.totals)}})),r}function E(e,t){if(t){const n=Object.assign(t);return t.forEach((t=>{e.forEach((e=>{if(t.cells){const n=t.cells[e.name];n&&e.obj&&!n.obj&&(n.obj={t:e.obj.t,p:e.obj.p})}}))})),n}}function A(e,t,n){if(T.ketchup.objects.isEmptyJsObject(n)||T.ketchup.objects.isEmptyJsObject(e))return{};const l={},o=[],r=t.reduce(((t,r)=>{if(!e[r.name])return t;const i=e[r.name];return i===a.COUNT?(l[r.name]=n.length.toString(),t):0===i.indexOf(a.MATH)?(o.push([r.name,i]),t):(t.push({totalOperation:i,totalColumn:r,columnValues:n.map((e=>e.cells[r.name].value))}),t)}),[]);return r||o?(null==r||r.forEach((({totalOperation:e,totalColumn:t,columnValues:o})=>{if(T.ketchup.objects.isNumber(t.obj)){if(e===a.SUM)return void(l[t.name]=o.reduce(((e,t)=>e+T.ketchup.math.numberifySafe(t)),0).toString());if(e===a.AVERAGE)return void(l[t.name]=(o.reduce(((e,t)=>e+T.ketchup.math.numberifySafe(t)),0)/n.length).toString());if(e===a.MIN)return void(l[t.name]=Math.min(...o.map((e=>T.ketchup.math.numberifySafe(e)))).toString());if(e===a.MAX)return void(l[t.name]=Math.max(...o.map((e=>T.ketchup.math.numberifySafe(e)))).toString())}if(T.ketchup.objects.isDate(t.obj)){const n=o.filter((e=>T.ketchup.dates.isIsoDate(e))).map((e=>T.ketchup.dates.toDate(e,v.ISO_DATE)));if(!n)return;if(e===a.MIN)return void(l[t.name]=T.ketchup.dates.format(T.ketchup.dates.min(n),v.ISO_DATE));if(e===a.MAX)return void(l[t.name]=T.ketchup.dates.format(T.ketchup.dates.max(n),v.ISO_DATE))}e===a.DISTINCT&&(l[t.name]=new Set(o).size.toString())})),null==o||o.forEach((([e,t])=>{const n=null==t?void 0:t.replace(u(a.MATH,"g"),"");l[e]=T.ketchup.math.formulas.custom(n,function(e){var t;return Object.fromEntries(null===(t=Object.entries(e))||void 0===t?void 0:t.reduce(((e,[t,n])=>(T.ketchup.math.isNumber(n)&&e.push([t,Number(n)]),e)),[]))}(l)).toString()})),l):l}function L(e){if(!e.group)return;let t=e.group.id,n=e.group.parent;for(;null!==n;)t=`${n.group.id};${t}`,n=n.group.parent;e.group.id=t}function R(e,t,n,l){const o=t*n-n,r=o+Number(n);if(0==l)return e.slice(o,r);let i=[];return S(e,i,o,Number(n),0),i}function S(e,t,n,l,o){let r=!1;for(let i=0;i<e.length;i++){let s=e[i],a=_(e[i]);if(null!=s.group&&null!=s.group.children&&s.group.children.length>0){a.group.children=[];let e=S(s.group.children,a.group.children,n,l,o);o=e.ci,r=e.added,1==r&&(t[t.length]=a)}else o>=n&&(t[t.length]=a,r=!0),o++;if(o>=n+l)break}return{ci:o,added:r}}function _(e){return null==e?null:{id:e.id,cells:Object.assign({},e.cells),actions:e.actions?[...e.actions]:null,group:z(e.group),clonedFrom:e,readOnly:e.readOnly,cssClass:e.cssClass}}function q(e){if(null==e)return null;let t=[];for(let n=0;n<e.length;n++)t[t.length]=_(e[n]);return t}function z(e){return null==e?null:{id:e.id,parent:Object.assign({},e.parent),column:e.column,columnLabel:e.columnLabel,expanded:e.expanded,label:e.label,children:q(e.children),obj:Object.assign({},e.obj),totals:Object.assign({},e.totals)}}function I(e,t,n=!1,l=[]){const o={columns:t.columns.filter((e=>e.visible)),rows:[]};for(const r of t.rows){if(l.includes(r.id)){o.rows.push(r);continue}const t={cells:{},id:r.id};for(const n of o.columns){const l=n.name,o=r.cells[l],i=e.rows.find((e=>e.id===r.id)),s=i?i.cells[l]:null;(!s&&o.value||s&&o.value!==s.value)&&(t.cells[l]=o)}(Object.keys(t.cells).length>0||n)&&o.rows.push(t)}return o}function $(e){var t;null===(t=e.rows)||void 0===t||t.forEach((e=>{Object.keys(e.cells).forEach((t=>{var n;let l=e.cells[t];const o=l.value,r=l.decode,i=l.options;l.isEditable=null!==(n=l.isEditable)&&void 0!==n?n:l.editable;const s={[c.AUTOCOMPLETE]:()=>f(o,"",i,l.data),[c.COMBOBOX]:()=>f(o,"",i,l.data),[c.RADIO]:()=>d(o,i),[c.CHECKBOX]:()=>h(o,""),[c.CHIP]:()=>b(o,r),[c.SWITCH]:()=>m(o,""),[c.MULTI_AUTOCOMPLETE]:()=>b(o,r),[c.MULTI_COMBOBOX]:()=>b(o,r)}[l.shape];s&&(l.data=Object.assign(Object.assign({},s()),l.data))}))}))}export{w as F,g as K,y as a,N as b,A as c,$ as d,F as e,M as f,I as g,E as n,R as p,C as s,x as t}

package/dist/ketchup/{p-86204062.entry.js → p-c5b38612.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as e,h as o,H as s,d as r}from"./p-710d0a7d.js";import{k as n,A as a,g as h,s as l,a9 as c,x as p,b as d,d as b,h as u,X as f,_ as x,aH as g,a0 as k,u as m}from"./p-38e435be.js";import{f as w,p as v,s as y}from"./p-b78b0675.js";import{F as _}from"./p-cce08de3.js";import{d as j}from"./p-d5e0fdf9.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-002e8a00.js";import{p as P,r as M,F as A}from"./p-84b243f9.js";import{F as R}from"./p-7db300e0.js";import"./p-4019d630.js";import"./p-6742335b.js";import"./p-e3062c19.js";import"./p-31ae78d1.js";import"./p-7d7f7f74.js";import"./p-4453a080.js";import"./p-c56195a0.js";var I,O;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(O||(O={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var E,W,D,B,T,$,L,F,H,N,G,V,K=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},q=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const X=class{constructor(e){t(this,e),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),this.kupBoxCellClick=i(this,"kup-box-cell-click",6),E.add(this),this.state=new S,D.set(this,n()),this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],B.set(this,void 0),T.set(this,[]),$.set(this,0),L.set(this,this.clickFunction.bind(this)),F.set(this,0),H.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=O.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1,this.visibleColumns=void 0}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(K(this,D,"f").debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=t.sortBy,this.globalFilterValue=t.globalFilterValue,this.selectedRowsState=t.selectedRowsState,this.pageSelected=t.pageSelected,this.rowsPerPage=t.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=K(this,E,"m",W).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(K(this,D,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){e(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}getVisibleColumns(){let t=this.getColumns().filter((t=>{const i=!K(this,D,"f").data.column.isCodVer(t);return this.visibleColumns?i&&this.visibleColumns.includes(t.name):i&&(!("visible"in t)||t.visible)}));return this.visibleColumns&&(t=t.sort(((t,i)=>this.visibleColumns.indexOf(t.name)-this.visibleColumns.indexOf(i.name)))),t}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.getColumns(),void 0,void 0,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.boxContainer&&(K(this,D,"f").scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||K(this,D,"f").scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&K(this,D,"f").scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.getVisibleColumns();let e=i.length,o=[],s=0;for(;e-- >0;)o.push({column:i[s++].name});t.content=o,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.getVisibleColumns(),t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let e=null,o=null,s=null,r=null;if(t)for(let i=t.length-1;i>=0;i--){let o=t[i];o.tagName&&(o.tagName.toUpperCase(),o.classList.contains("box-object")&&(e=o),!s&&o["data-row"]&&(s=o["data-row"]))}if(e)if(e.classList.contains("f-cell")){const t=e["kup-get-cell-props"]();o=t.cell,r=t.column,s=t.row}else o=e["data-cell"],s=e["data-row"],r=p(this.getVisibleColumns(),e.dataset.column);return{boxObject:e||null,column:r||null,cell:o||null,originalEvent:i,row:s||null}}clickHandler(t){const i=this.getEventDetails(K(this,D,"f").getEventPath(t.target,this.rootElement),t);return i.row&&(this.multiSelection?this.onSelectionCheckChange(i.row):this.selectedRows=[i.row]),i}contextMenuHandler(t){return this.getEventDetails(K(this,D,"f").getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onSelectionCheckChange(t){var i=-1;for(let e=0;e<this.selectedRows.length;e++)if(this.selectedRows[e].id===t.id){i=e;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const e=this.collapsedSection[i.id];e[t.id]=!e[t.id]||!e[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,e){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:e})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=P(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=M(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const e={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]},s=this.getVisibleColumns();for(let i=0;i<s.length;i++){const o=s[i];!1!==o.visible&&(e.cell.push(t.cells[o.name]),e.columns.push(o))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const o=t.cells[i];if(void 0!==o.cardID&&o.obj)switch(o.obj.p){case"BTN":do{e.button.push({})}while(e.button.length<o.cardID);e.button[o.cardID]={label:o.value};break;case"IMG":do{e.image.push({})}while(e.image.length<o.cardID);e.image[o.cardID]={resource:o.value};break;case"PGB":do{e.progressbar.push({})}while(e.progressbar.length<o.cardID);e.progressbar[o.cardID]={value:o.value};break;default:do{e.text.push("")}while(e.text.length<o.cardID);e.text[o.cardID]=o.value}}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<e.button.length;t++)if(!Object.keys(e.button[t]).length){e.button[t]={label:s.value},i=!0;break}i||e.button.push({label:s.value});break;case"IMG":for(let t=0;t<e.image.length;t++)if(!Object.keys(e.image[t]).length){e.image[t]={resource:s.value},i=!0;break}i||e.image.push({resource:s.value});break;case"PGB":for(let t=0;t<e.progressbar.length;t++)if(!Object.keys(e.progressbar[t]).length){e.progressbar[t]={value:s.value},i=!0;break}i||e.progressbar.push({value:s.value});break;default:for(let t=0;t<e.text.length;t++)if(""===e.text[t]){e.text[t]=s.value,i=!0;break}i||e.text.push(s.value)}}return o("kup-card",Object.assign({data:e},this.cardData))}renderRow(t){const i=[...this.getVisibleColumns()];let e=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const o=s.sections;let n=o.length,a=0;n>0&&(e=[]);const h={horizontal:r};if(null!=this.cardData&&"object"==typeof this.cardData)e.push(this.renderSectionAsCard(t));else for(;n-- >0;)e.push(this.renderSection(o[a++],h,t,i))}var n=!1;for(let i of this.selectedRows)i.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let e=null;if(t.actions){const i=t.actions.map(((i,e)=>o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,e)},o("div",{class:`icon ${i.icon}`}),o("div",{class:"text"},i.text))));e=o("ul",null,i)}h=o("div",{class:"row-actions-wrapper"},o("div",{class:"row-actions-toggler"},o("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},o("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),o("div",{class:i},e)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),o("div",{class:"box-wrapper",style:t.style||{},ref:t=>{t&&K(this,T,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,e,l),h)}renderSection(t,i,e,s){let r=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderSection(i[n++],t,e,s))}else if(t.content){const i=t.content;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderBoxObject({boxObject:i[n++],row:e,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:e,visibleColumns:s}));const n=this.isSectionExpanded(e,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.overflow="hidden",i.horizontal&&(l.flex=`0 0 ${t.dim}`,l.maxWidth=t.dim)),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:n?K(this,D,"f").language.translate(d.COLLAPSE):K(this,D,"f").language.translate(d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:i},r),o("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(e,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${b.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const i=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},i,r)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:e},s){const r={"box-object":!0};let n=null,a=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){a=i;break}a>=0?(n=e[a],e.splice(a,1)):s&&(n=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!K(this,D,"f").objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,K(this,D,"f").debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.value+";"),h.isEditable||(h.cssClass=K(this,D,"f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({},h.obj),{k:h.value}),h.cssClass))),o("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:r,style:{},title:l},h&&n?o(C,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return K(this,D,"f").debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),K(this,D,"f").language.translate(d.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let e=[];for(let t=0;t<this.kanban.columns.length;t++)try{e.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){K(this,D,"f").debug.logMessage(this,t,u.WARNING)}const o={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,r=!0;for(let t=0;t<s.length;t++)if(e[t]!==s[t]){r=!1;break}if(r){o.found=!0,o.index=i;break}}o.found?t[o.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:e,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let e=0;e<t.length;e++){const s=t[e].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});i.push(o("div",{class:"kanban-section"},o(j,Object.assign({},r)),t[e].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),K(this,D,"f").interact.on(this.boxContainer,f.TAP,(t=>{var i,e;if(this.hold)this.hold=!1;else switch(t.button){case 0:const o={};for(const i in t)o[i]=t[i];const s=this.clickHandler(o);(null===(i=null==s?void 0:s.cell)||void 0===i?void 0:i.fun)||this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:s.row,column:null===(e=s.column)||void 0===e?void 0:e.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),K(this,D,"f").interact.on(this.boxContainer,f.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],e=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),K(this,D,"f").interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:e},x.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void K(this,D,"f").debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=K(this,D,"f").getEventPath(t,this.rootElement),e=this.getEventDetails(i);return{cell:e.cell,column:e.column,id:this.rootElement.id,row:e.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),K(this,D,"f").interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:k.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),K(this,D,"f").interact.dropzone(e,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:k.BOX}))}}}componentWillLoad(){K(this,D,"f").debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),K(this,D,"f").language.register(this),K(this,D,"f").theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?q(this,$,document.querySelector(".header").clientHeight,"f"):q(this,$,0,"f"),document.querySelector(".topbar")&&q(this,$,K(this,$,"f")+document.querySelector(".topbar").clientHeight,"f"),K(this,E,"m",G).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",K(this,L,"f")),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),K(this,D,"f").debug.logLoad(this,!0)}componentWillRender(){K(this,D,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),K(this,E,"m",N).call(this),K(this,D,"f").debug.logRender(this,!0)}render(){q(this,T,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.getVisibleColumns().map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let e={label:K(this,D,"f").language.translate(d.SORT_BY),trailingIcon:!0};i=o("div",{id:"sort-panel"},o("kup-combobox",{data:{"kup-text-field":e,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let e=null;this.globalFilter&&(e=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:!0,label:K(this,D,"f").language.translate(m.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=o(A,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{K(this,E,"m",V).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},K(this,D,"f").language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,e=0;for(n=[];i-- >0;)n.push(this.renderRow(t[e++]))}return o(s,{"onKup-cell-click":t=>{this.kupBoxCellClick.emit(t.detail)}},o("style",null,K(this,D,"f").theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},i,e,r,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){K(this,D,"f").interact.unregister(this.interactableDrag.concat(this.interactableDrop).concat(this.interactableTouch)),K(this,D,"f").language.unregister(this),K(this,D,"f").theme.unregister(this),this.scrollOnHover&&K(this,D,"f").scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",K(this,L,"f")),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,$=new WeakMap,L=new WeakMap,F=new WeakMap,H=new WeakMap,E=new WeakSet,W=function(){let t=!1;K(this,D,"f").objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),K(this,D,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),K(this,D,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),K(this,D,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,e)=>t+(e>0?";":"")+i.id),"");return K(this,D,"f").objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),K(this,D,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),K(this,D,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},N=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&K(this,B,"f").observe(K(this,T,"f")[K(this,T,"f").length-1])},G=function(){const t={threshold:0,rootMargin:"-"+K(this,$,"f")+"px 0px 0px 0px"};q(this,B,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){K(this,D,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),K(this,B,"f").unobserve(t.target)}}))}),t),"f")},V=function(){var t;let i=0;switch(this.loadMoreMode){case O.CONSTANT:i=this.loadMoreStep;break;case O.CONSTANT_INCREMENT:i=this.loadMoreStep*(K(this,F,"f")+1);break;case O.PROGRESSIVE_THRESHOLD:i=Math.max(K(this,H,"f"),this.loadMoreStep)*Math.min(K(this,F,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),q(this,H,i,"f"),q(this,F,(t=K(this,F,"f"),++t),"f")},X.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-layer-1)\n  );--kup_box_background_color_hover:var(\n    --kup-box-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_box_background_color_selected:var(\n    --kup-box-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(\n    --kup-box-border-color-drag,\n    var(--kup-border-interactive)\n  );display:block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05));--kup_box_border_radius:var(--kup-box-border-radius, var(--kup-radius-00));--kup_box_border_color:var(\n    --kup-box-border-color,\n    var(--kup-primary-color-60)\n  );--kup_box_border_width:var(--kup-box-border-width, 0);--kup_box_border_style:var(--kup-box-border-style, none)}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center;background-color:var(--kup_box_background_color);border-radius:var(--kup_box_border_radius);border-color:var(--kup_box_border_color);border-width:var(--kup_box_border_width);border-style:var(--kup_box_border_style)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-subtle);color:rgba(var(--kup-text-secondary-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 300ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-subtle);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-subtle)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{X as kup_box}
+import{r as t,c as i,f as e,h as o,H as s,d as r}from"./p-710d0a7d.js";import{k as n,A as a,g as h,s as l,a9 as c,x as p,b as d,d as b,h as u,X as f,_ as x,aH as g,a0 as k,u as m}from"./p-35c85352.js";import{f as w,p as v,s as y}from"./p-bb566248.js";import{F as _}from"./p-cce08de3.js";import{d as j}from"./p-28f8fcd1.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-91ba2e1a.js";import{p as P,r as M,F as A}from"./p-f7d84f38.js";import{F as R}from"./p-7db300e0.js";import"./p-509e2d39.js";import"./p-6742335b.js";import"./p-e3062c19.js";import"./p-31ae78d1.js";import"./p-d0fcc68a.js";import"./p-26707bb9.js";import"./p-c56195a0.js";var I,O;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(O||(O={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var E,W,D,B,T,$,L,F,H,N,G,V,K=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},q=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const X=class{constructor(e){t(this,e),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),this.kupBoxCellClick=i(this,"kup-box-cell-click",6),E.add(this),this.state=new S,D.set(this,n()),this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],B.set(this,void 0),T.set(this,[]),$.set(this,0),L.set(this,this.clickFunction.bind(this)),F.set(this,0),H.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=O.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1,this.visibleColumns=void 0}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(K(this,D,"f").debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=t.sortBy,this.globalFilterValue=t.globalFilterValue,this.selectedRowsState=t.selectedRowsState,this.pageSelected=t.pageSelected,this.rowsPerPage=t.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=K(this,E,"m",W).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(K(this,D,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){e(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}getVisibleColumns(){let t=this.getColumns().filter((t=>{const i=!K(this,D,"f").data.column.isCodVer(t);return this.visibleColumns?i&&this.visibleColumns.includes(t.name):i&&(!("visible"in t)||t.visible)}));return this.visibleColumns&&(t=t.sort(((t,i)=>this.visibleColumns.indexOf(t.name)-this.visibleColumns.indexOf(i.name)))),t}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.getColumns(),void 0,void 0,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.boxContainer&&(K(this,D,"f").scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||K(this,D,"f").scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&K(this,D,"f").scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.getVisibleColumns();let e=i.length,o=[],s=0;for(;e-- >0;)o.push({column:i[s++].name});t.content=o,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.getVisibleColumns(),t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let e=null,o=null,s=null,r=null;if(t)for(let i=t.length-1;i>=0;i--){let o=t[i];o.tagName&&(o.tagName.toUpperCase(),o.classList.contains("box-object")&&(e=o),!s&&o["data-row"]&&(s=o["data-row"]))}if(e)if(e.classList.contains("f-cell")){const t=e["kup-get-cell-props"]();o=t.cell,r=t.column,s=t.row}else o=e["data-cell"],s=e["data-row"],r=p(this.getVisibleColumns(),e.dataset.column);return{boxObject:e||null,column:r||null,cell:o||null,originalEvent:i,row:s||null}}clickHandler(t){const i=this.getEventDetails(K(this,D,"f").getEventPath(t.target,this.rootElement),t);return i.row&&(this.multiSelection?this.onSelectionCheckChange(i.row):this.selectedRows=[i.row]),i}contextMenuHandler(t){return this.getEventDetails(K(this,D,"f").getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onSelectionCheckChange(t){var i=-1;for(let e=0;e<this.selectedRows.length;e++)if(this.selectedRows[e].id===t.id){i=e;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const e=this.collapsedSection[i.id];e[t.id]=!e[t.id]||!e[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,e){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:e})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=P(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=M(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const e={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]},s=this.getVisibleColumns();for(let i=0;i<s.length;i++){const o=s[i];!1!==o.visible&&(e.cell.push(t.cells[o.name]),e.columns.push(o))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const o=t.cells[i];if(void 0!==o.cardID&&o.obj)switch(o.obj.p){case"BTN":do{e.button.push({})}while(e.button.length<o.cardID);e.button[o.cardID]={label:o.value};break;case"IMG":do{e.image.push({})}while(e.image.length<o.cardID);e.image[o.cardID]={resource:o.value};break;case"PGB":do{e.progressbar.push({})}while(e.progressbar.length<o.cardID);e.progressbar[o.cardID]={value:o.value};break;default:do{e.text.push("")}while(e.text.length<o.cardID);e.text[o.cardID]=o.value}}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<e.button.length;t++)if(!Object.keys(e.button[t]).length){e.button[t]={label:s.value},i=!0;break}i||e.button.push({label:s.value});break;case"IMG":for(let t=0;t<e.image.length;t++)if(!Object.keys(e.image[t]).length){e.image[t]={resource:s.value},i=!0;break}i||e.image.push({resource:s.value});break;case"PGB":for(let t=0;t<e.progressbar.length;t++)if(!Object.keys(e.progressbar[t]).length){e.progressbar[t]={value:s.value},i=!0;break}i||e.progressbar.push({value:s.value});break;default:for(let t=0;t<e.text.length;t++)if(""===e.text[t]){e.text[t]=s.value,i=!0;break}i||e.text.push(s.value)}}return o("kup-card",Object.assign({data:e},this.cardData))}renderRow(t){const i=[...this.getVisibleColumns()];let e=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const o=s.sections;let n=o.length,a=0;n>0&&(e=[]);const h={horizontal:r};if(null!=this.cardData&&"object"==typeof this.cardData)e.push(this.renderSectionAsCard(t));else for(;n-- >0;)e.push(this.renderSection(o[a++],h,t,i))}var n=!1;for(let i of this.selectedRows)i.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let e=null;if(t.actions){const i=t.actions.map(((i,e)=>o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,e)},o("div",{class:`icon ${i.icon}`}),o("div",{class:"text"},i.text))));e=o("ul",null,i)}h=o("div",{class:"row-actions-wrapper"},o("div",{class:"row-actions-toggler"},o("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},o("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),o("div",{class:i},e)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),o("div",{class:"box-wrapper",style:t.style||{},ref:t=>{t&&K(this,T,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,e,l),h)}renderSection(t,i,e,s){let r=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderSection(i[n++],t,e,s))}else if(t.content){const i=t.content;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderBoxObject({boxObject:i[n++],row:e,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:e,visibleColumns:s}));const n=this.isSectionExpanded(e,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.overflow="hidden",i.horizontal&&(l.flex=`0 0 ${t.dim}`,l.maxWidth=t.dim)),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:n?K(this,D,"f").language.translate(d.COLLAPSE):K(this,D,"f").language.translate(d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:i},r),o("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(e,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${b.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const i=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},i,r)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:e},s){const r={"box-object":!0};let n=null,a=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){a=i;break}a>=0?(n=e[a],e.splice(a,1)):s&&(n=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!K(this,D,"f").objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,K(this,D,"f").debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.value+";"),h.isEditable||(h.cssClass=K(this,D,"f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({},h.obj),{k:h.value}),h.cssClass))),o("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:r,style:{},title:l},h&&n?o(C,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return K(this,D,"f").debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),K(this,D,"f").language.translate(d.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let e=[];for(let t=0;t<this.kanban.columns.length;t++)try{e.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){K(this,D,"f").debug.logMessage(this,t,u.WARNING)}const o={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,r=!0;for(let t=0;t<s.length;t++)if(e[t]!==s[t]){r=!1;break}if(r){o.found=!0,o.index=i;break}}o.found?t[o.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:e,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let e=0;e<t.length;e++){const s=t[e].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});i.push(o("div",{class:"kanban-section"},o(j,Object.assign({},r)),t[e].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),K(this,D,"f").interact.on(this.boxContainer,f.TAP,(t=>{var i,e;if(this.hold)this.hold=!1;else switch(t.button){case 0:const o={};for(const i in t)o[i]=t[i];const s=this.clickHandler(o);(null===(i=null==s?void 0:s.cell)||void 0===i?void 0:i.fun)||this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:s.row,column:null===(e=s.column)||void 0===e?void 0:e.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),K(this,D,"f").interact.on(this.boxContainer,f.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],e=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),K(this,D,"f").interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:e},x.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void K(this,D,"f").debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=K(this,D,"f").getEventPath(t,this.rootElement),e=this.getEventDetails(i);return{cell:e.cell,column:e.column,id:this.rootElement.id,row:e.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),K(this,D,"f").interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:k.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),K(this,D,"f").interact.dropzone(e,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:k.BOX}))}}}componentWillLoad(){K(this,D,"f").debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),K(this,D,"f").language.register(this),K(this,D,"f").theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?q(this,$,document.querySelector(".header").clientHeight,"f"):q(this,$,0,"f"),document.querySelector(".topbar")&&q(this,$,K(this,$,"f")+document.querySelector(".topbar").clientHeight,"f"),K(this,E,"m",G).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",K(this,L,"f")),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),K(this,D,"f").debug.logLoad(this,!0)}componentWillRender(){K(this,D,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),K(this,E,"m",N).call(this),K(this,D,"f").debug.logRender(this,!0)}render(){q(this,T,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.getVisibleColumns().map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let e={label:K(this,D,"f").language.translate(d.SORT_BY),trailingIcon:!0};i=o("div",{id:"sort-panel"},o("kup-combobox",{data:{"kup-text-field":e,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let e=null;this.globalFilter&&(e=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:!0,label:K(this,D,"f").language.translate(m.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=o(A,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{K(this,E,"m",V).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},K(this,D,"f").language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,e=0;for(n=[];i-- >0;)n.push(this.renderRow(t[e++]))}return o(s,{"onKup-cell-click":t=>{this.kupBoxCellClick.emit(t.detail)}},o("style",null,K(this,D,"f").theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},i,e,r,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){K(this,D,"f").interact.unregister(this.interactableDrag.concat(this.interactableDrop).concat(this.interactableTouch)),K(this,D,"f").language.unregister(this),K(this,D,"f").theme.unregister(this),this.scrollOnHover&&K(this,D,"f").scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",K(this,L,"f")),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,$=new WeakMap,L=new WeakMap,F=new WeakMap,H=new WeakMap,E=new WeakSet,W=function(){let t=!1;K(this,D,"f").objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),K(this,D,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),K(this,D,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),K(this,D,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,e)=>t+(e>0?";":"")+i.id),"");return K(this,D,"f").objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),K(this,D,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),K(this,D,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},N=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&K(this,B,"f").observe(K(this,T,"f")[K(this,T,"f").length-1])},G=function(){const t={threshold:0,rootMargin:"-"+K(this,$,"f")+"px 0px 0px 0px"};q(this,B,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){K(this,D,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),K(this,B,"f").unobserve(t.target)}}))}),t),"f")},V=function(){var t;let i=0;switch(this.loadMoreMode){case O.CONSTANT:i=this.loadMoreStep;break;case O.CONSTANT_INCREMENT:i=this.loadMoreStep*(K(this,F,"f")+1);break;case O.PROGRESSIVE_THRESHOLD:i=Math.max(K(this,H,"f"),this.loadMoreStep)*Math.min(K(this,F,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),q(this,H,i,"f"),q(this,F,(t=K(this,F,"f"),++t),"f")},X.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-layer-1)\n  );--kup_box_background_color_hover:var(\n    --kup-box-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_box_background_color_selected:var(\n    --kup-box-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(\n    --kup-box-border-color-drag,\n    var(--kup-border-interactive)\n  );display:block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05));--kup_box_border_radius:var(--kup-box-border-radius, var(--kup-radius-00));--kup_box_border_color:var(\n    --kup-box-border-color,\n    var(--kup-primary-color-60)\n  );--kup_box_border_width:var(--kup-box-border-width, 0);--kup_box_border_style:var(--kup-box-border-style, none)}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center;background-color:var(--kup_box_background_color);border-radius:var(--kup_box_border_radius);border-color:var(--kup_box_border_color);border-width:var(--kup_box_border_width);border-style:var(--kup_box_border_style)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-subtle);color:rgba(var(--kup-text-secondary-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 300ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-subtle);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-subtle)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{X as kup_box}