@sme.up/ketchup 11.0.0-SNAPSHOT-20241022141548 → 11.0.0-SNAPSHOT-20241023082921

package/dist/ketchup/p-bbdf4a8f.js

@@ -0,0 +1,2 @@
+import{a8 as e,a9 as s,d as t,a5 as n,aa as i,ab as c,ac as a,F as l,ad as r,ae as o,af as u,ag as f,ah as p,e as d}from"./p-8c07fd42.js";import{h as k,g as b,F as h}from"./p-d7c15b0e.js";import{F as m}from"./p-5d03c077.js";import{F as v}from"./p-1754ee9b.js";import{F as g}from"./p-2b519589.js";import{F as w,c as y}from"./p-df06309a.js";import{F as $}from"./p-cc32b7a2.js";var j;(function(e){e["customStyle"]="Custom style of the component.";e["data"]="The data of the list.";e["displayMode"]="Selects how the items must display their label and how they can be filtered for.";e["filter"]="Keeps string for filtering elements when filter mode is active";e["hideText"]="Hides rows' text, ideally to display a list of icons only.";e["isMenu"]="Defines whether the list is a menu or not.";e["keyboardNavigation"]="When true, enables items' navigation through arrow keys.";e["menuVisible"]="Sets the status of the menu, when false it's hidden otherwise it's visible.";e["roleType"]="Defines the type of selection. Values accepted: listbox, radiogroup or group.";e["selectable"]="Defines whether items are selectable or not.";e["showIcons"]="Displays the icons associated to each row when set to true.";e["twoLine"]="The list elements descriptions will be arranged in two lines."})(j||(j={}));var x;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})(x||(x={}));var O;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(O||(O={}));var _;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(_||(_={}));const I=e=>{if(!e.sizing){e.sizing=_.MEDIUM}e.sizing.toLowerCase()===_.SMALL;const s={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return k("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),k("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},k("div",{class:s},k("div",{class:"switch__track"}),k("div",{class:"switch__thumb-underlay"},k("div",{class:"switch__thumb"},k("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),k("label",{onClick:e.onChange},e.label)))};const C=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let s=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""}   ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`;let t="pie";let n=undefined;if(e.isRadial){s+=" pie-wrapper is-radial"}else{s+=" progress-bar"}let i=undefined;const c={width:`${e.value}%`};if(!e.centeredLabel){i=c;if(e.value>2){s+=" text-color-on-primary"}}else if(e.value>49){s+=" text-color-on-primary"}let a=null;if(e.icon){a=z(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=k("span",{class:"label"},e.label)}else{a=k("span",{class:"label"},e.value,k("span",{class:"smaller"},"%"))}}else{if(e.label){a=e.label}else{a=e.value+"%"}}}}if(e.value>0){t+=" has-value";if(e.value>50){t+=" is-more-than-half"}else{t+=" is-less-than-half"}}if(e.isRadial){return k("div",{class:s},a,k("div",{class:t},k("div",{style:n,class:"left-side half-circle"}),k("div",{class:"right-side half-circle"})),k("div",{class:"shadow"}))}else{return k("div",{class:s},k("div",{class:"progress-bar-percentage",style:c},k("span",{style:i},a)))}};function z(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return k("span",{class:"label kup-icon is-image"},k("img",{src:e.icon}))}else{let s=`url('${b(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let t={mask:s,webkitMask:s};return k("span",{style:t,class:"label kup-icon"})}}var N;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(N||(N={}));const F=e=>{var s;const t=!!e.columns;const n=[];const i=e.type||N.RADIO;for(let t=0;t<((s=e.data)===null||s===void 0?void 0:s.length);t++){const s=e.data[t];const c={radio:true,"radio--checked":s.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};n.push(k("div",{class:`form-field \n                  ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},k("div",{class:c},i===N.RADIO?k("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,t):null,onFocus:e.onFocus}):k(h,null,s.checked?k(g,{resource:"check",sizeX:"14px",sizeY:"14px"}):k(g,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,t):null})),i===N.RADIO&&k("div",{class:"radio__background"},k("div",{class:"radio__outer-circle"}),k("div",{class:"radio__inner-circle"}))),k("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,t):null},s.label?s.label:"")))}const c={"--kup_radio_columns":t?`repeat(${e.columns}, 1fr)`:""};return k("div",{class:`f-radio radio-wrapper\n             ${t?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:c},n)};const H=e=>{if(!e.maxValue){e.maxValue=5}return k("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},D(e))};function D(e){const s=[];for(let t=1;t<=e.maxValue;t++){if(t<=e.value){s.push(k("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"★"))}else{s.push(k("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"☆"))}}return s}const T=document.documentElement;const M=(i,c)=>{var a;const l=i.cell;const r=i.column;const u=i.row;const f=i.shape?i.shape:l.shape?l.shape:r.shape?r.shape:null;const d=!T.ketchup.objects.isEmptyKupObj(l.obj);let b=false;if(l.hasOwnProperty("isEditable")){b=l.isEditable}else if(r.hasOwnProperty("isEditable")){b=r.isEditable}b=b&&i.editable;if(l.options){l.data=(a=S(l,r))!==null&&a!==void 0?a:l.data}const h=i.previousValue!==l.value?l.value:"";const m=T.ketchup.data.cell.getType(l,f);const v=Object.assign({},l.data);let w=l.cssClass?l.cssClass:r.cssClass?r.cssClass:"";if(i.component.legacyLook){w+=" monospace c-pre"}const y={"f-cell":true,[o.OBJ]:d?true:false,[m+"-cell"]:true,[i.wrapperClass]:i.wrapperClass?true:false,[i.density]:i.density&&m!==n.BAR?true:false,[w]:w?true:false};let $=h;if(!l.data){U(m,l)}if(b&&e.includes(m)){$=G(m,y,l,r,i)}else if(l.data&&s.includes(m)){if(i.setSizes){B(m,v,l)}if(!i.renderKup){const e="cell-"+m+" placeholder";$=k("span",{class:e})}else{$=L(m,y,v,l,u,r,i)}}else{if(i.setSizes){A(m,v,l,i)}$=P(m,v,$,y,l,r,i)}let j=null;if(!b&&(r.icon||l.icon)&&$){const e={color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:r.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:r.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};j=k(g,Object.assign({},e))}let x=null;if(T.ketchup.debug.isDebug()&&d){x=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){x=l.title}let O=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${t.INFO})`}if(!e.icon){e.icon="info"}const s={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};O=k(g,Object.assign({},s))}return k("div",{onKeyUp:e=>q(e,i,m,p.KEYUP),class:y,"kup-get-cell-props":()=>i,ref:e=>l.element=e,style:l.style},k("div",{class:"f-cell__content",style:l.styleContent,title:x},i.cellActionIcon&&k(g,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${m===n.NUMBER?"left":"right"}`,onClick:i.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[i.indents,O,j,$]))};const S=(e,s)=>{if(!e){return null}const t=e.options;const i=s.title;const c=e.value;const a=T.ketchup.data.cell.getType(e,e.shape);const l=new Map([[n.RADIO,E.bind(undefined)],[n.AUTOCOMPLETE,X.bind(undefined)]]);const r=l.get(a);return r?r(t,i,c,e,s.name):null};const E=(e,s,t)=>i(t,e);const X=(e,s,t)=>{const n=c(t,s,[]);n.data["kup-list"].data=R(e,t);return n};const R=(e,s)=>{const t=W.get(e.type);if(t){return t(e,s)}else{return e.map((e=>({value:e.label,id:e.id,selected:s===e.id})))}};const V=(e,s)=>e.children.map((e=>{var t;return{id:e.content.codice,value:e.content.testo,selected:s===e.content.codice,children:((t=e.children)===null||t===void 0?void 0:t.length)?V(e,s):[]}}));const Y=(e,s)=>e.children.map((e=>{var t;return{id:e.obj.k,value:e.value,selected:s===e.obj.k,children:((t=e.children)===null||t===void 0?void 0:t.length)?Y(e,s):[]}}));const K=(e,s)=>e.rows.map((e=>{var t;const n=e.fields||e.cells;const[i,c]=Object.keys(n);return{id:n[i].value,value:((t=n[c])===null||t===void 0?void 0:t.value)||n[i].value,selected:s===n[i].value}}));const W=new Map([["SmeupTreeNode",V.bind(undefined)],["SmeupDataTree",Y.bind(undefined)],["SmeupTable",K.bind(undefined)],["SmeupDataTable",K.bind(undefined)]]);function A(e,s,t,i){var c;switch(e){case n.CHECKBOX:case n.ICON:if(!s.sizeX){s.sizeX="18px"}if(!s.sizeY){s.sizeY="18px"}if(t.style){if(!t.style.height){t.style["minHeight"]=s.sizeY}}else{t.style={minHeight:s.sizeY}}break;case n.IMAGE:const e=((c=i.cell)===null||c===void 0?void 0:c.value)||"";const l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(i.component.rootElement.tagName===a.DATA_TABLE&&!l){if(!s.sizeX&&!s.sizeY){s.sizeX="100%";s.sizeY="64px";s.wrapperClass="noWidth"}else{if(!s.sizeX){s.sizeX="100%";s.wrapperClass="noWidth"}if(!s.sizeY){s.sizeY="auto"}}}if(i.component.rootElement.tagName===a.BOX){if(!s.sizeY){s.sizeY="auto"}if(s.fit===undefined){s.fit=true}}else if(!s.sizeX){s.sizeX="auto"}if(!s.sizeY){s.sizeY="64px"}break}}function B(e,s,t){switch(e){case n.BAR:if(!s.sizeY){s.sizeY="26px"}break;case n.BUTTON:let e="";if(s.label){e="36px"}if(t.style){if(!t.style.height){t.style["minHeight"]=e}}else{t.style={minHeight:e}}break;case n.CHART:if(!s.sizeX){s.sizeX="100%"}if(!s.sizeY){s.sizeY="100%"}break;case n.CHIP:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break;case n.RADIO:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break}}function G(e,s,t,i,c){var a,r;switch(e){case n.AUTOCOMPLETE:return k("kup-autocomplete",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:Z(c)?"kup-full-width":"","onkup-autocomplete-change":s=>q(s,c,e,p.UPDATE),"onkup-autocomplete-input":s=>q(s,c,e,p.INPUT),"onkup-autocomplete-iconclick":s=>q(s,c,e,p.ICON_CLICK)}));case n.CHECKBOX:if(Q(c)){s[o.C_CENTERED]=true}if(t.shape===l.INPUT_CHECKBOX){return k("input",{checked:t.value==="on"||t.value==="1"?true:false,class:"input-checkbox",onChange:s=>q(s,c,e,p.UPDATE),type:"checkbox"})}else{return k(m,Object.assign({},t.data,{onChange:s=>q(s,c,e,p.UPDATE)}))}case n.CHIP:return k("kup-chip",Object.assign({},t.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":s=>q(s,c,e,p.UPDATE)}),k("kup-text-field",Object.assign({fullWidth:true,slot:"field"},t.slotData)));case n.COLOR_PICKER:return k("kup-color-picker",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:Z(c)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":s=>q(s,c,e,p.UPDATE)}));case n.COMBOBOX:return k("kup-combobox",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:Z(c)?"kup-full-width":"","onkup-combobox-change":s=>q(s,c,e,p.UPDATE),"onkup-combobox-input":s=>q(s,c,e,p.INPUT),"onkup-combobox-iconclick":s=>q(s,c,e,p.ICON_CLICK)}));case n.DATE:return k("kup-date-picker",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:Z(c)?"kup-full-width":"","onkup-datepicker-change":s=>q(s,c,e,p.UPDATE),"onkup-datepicker-input":s=>q(s,c,e,p.INPUT)}));case n.MULTI_AUTOCOMPLETE:return k("kup-chip",Object.assign({displayId:true},t.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":s=>q(s,c,e,p.UPDATE)}),k("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:O.DESCRIPTION_AND_CODE,selectMode:O.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>q(s,c,e,p.INPUT),"onkup-autocomplete-iconclick":s=>q(s,c,e,p.ICON_CLICK),showDropDownIcon:false},t.slotData)));case n.MULTI_COMBOBOX:return k("kup-chip",Object.assign({displayId:true},t.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":s=>q(s,c,e,p.UPDATE)}),k("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:O.DESCRIPTION_AND_CODE,selectMode:O.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>q(s,c,e,p.INPUT),"onkup-combobox-iconclick":s=>q(s,c,e,p.ICON_CLICK)},t.slotData)));case n.RADIO:return k(F,Object.assign({},t.data,{disabled:false,onChange:(s,n)=>{const i=t.data.data;for(let e=0;e<i.length;e++){const t=i[e];if(e===s){t.checked=true}else{t.checked=false}}q(n,c,e,p.UPDATE)}}));case n.RATING:return k("kup-rating",Object.assign({key:i.name+c.row.id},t.data,{disabled:false,"onkup-rating-click":s=>q(s,c,e,p.UPDATE)}));case n.SWITCH:return k(I,Object.assign({},t.data,{disabled:false,onChange:s=>q(s,c,e,p.UPDATE)}));case n.TIME:return k("kup-time-picker",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:Z(c)?"kup-full-width":"","onkup-timepicker-change":s=>q(s,c,e,p.UPDATE),"onkup-timepicker-input":s=>q(s,c,e,p.INPUT)}));case n.OBJECT:return k(v,Object.assign({icon:"table"},t.data,{disabled:false,onIconClick:s=>q(s,c,e,p.ICON_CLICK)}));case n.NUMBER:s[o.C_RIGHT_ALIGNED]=true;case n.LINK:case n.STRING:const u=s=>q(s,c,e,p.UPDATE);const f=s=>q(s,c,e,p.INPUT);const d=e===n.NUMBER?"number":null;const b=e===n.NUMBER&&t.value?T.ketchup.math.numberifySafe(t.value).toString():t.value;if(t.shape===l.INPUT_FIELD){return k("input",{class:"input-field",onChange:u,onInput:f,type:d,value:b,maxLength:(r=(a=i.cellData)===null||a===void 0?void 0:a.maxLength)!==null&&r!==void 0?r:-1})}else{return k(v,Object.assign({inputType:d,fullWidth:Z(c)?true:false},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:i.icon?i.icon:null,value:b,onChange:u,onInput:f,onIconClick:s=>q(s,c,e,p.ICON_CLICK)}))}}}function P(e,s,t,i,c,a,l){switch(e){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.DATETIME:case n.TIME:if(t&&t!=""){const e=f(a,c);return k("div",{class:"f-cell__text"},e)}return t;case n.CHECKBOX:if(Q(l)){i[o.C_CENTERED]=true}return k(g,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case n.EDITOR:return k("div",{innerHTML:c.value});case n.ICON:if(Q(l)){i[o.C_CENTERED]=true}if(s.badgeData){i[o.C_PADDED]=true}return k(g,Object.assign({},s));case n.IMAGE:if(Q(l)){i[o.C_CENTERED]=true}if(s.badgeData){i[o.C_PADDED]=true}return k(g,Object.assign({},s));case n.LINK:return k("a",{href:t,target:"_blank"},c.value);case n.NUMBER:if(t&&t!=""){const e=T.ketchup.math.numberifySafe(c.value);const s=f(a,c);if(e<0){i[o.TEXT_DANGER]=true}if(Q(l)){i[o.C_RIGHT_ALIGNED]=true}return k("div",{class:"f-cell__text"},s)}return k("div",{class:"f-cell__text"},t);case n.SWITCH:if(Q(l)){i[o.C_CENTERED]=true}s["disabled"]=true;return k(I,Object.assign({},s));default:return k("div",{class:"f-cell__text"},t)}}function L(e,s,t,i,c,a,l){switch(e){case n.BAR:if(!t.data){return k("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},t))}else{const e={height:t.sizeY,width:"100%"};return k("div",{style:e},k(g,Object.assign({},t)))}case n.BUTTON:if(Q(l)){s[o.C_CENTERED]=true}return k($,Object.assign({},t,{onClick:s=>q(s,l,e,p.CLICK)}));case n.BUTTON_LIST:if(Q(l)){s[o.C_CENTERED]=true}t["data-storage"]={cell:i,row:c,column:a};return k("kup-button-list",Object.assign({key:a.name+l.row.id},t));case n.CHART:if(Q(l)){s[o.C_CENTERED]=true}return k("kup-chart",Object.assign({key:a.name+l.row.id},t));case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.CHIP:return k(y,Object.assign({},t));case n.COLOR_PICKER:return k("kup-color-picker",Object.assign({key:a.name+l.row.id},t,{class:Z(l)?"kup-full-width":"",disabled:true}));case n.GAUGE:return k("kup-gauge",Object.assign({key:a.name+l.row.id,value:T.ketchup.math.numberifySafe(i.value),"width-component":"280px"},t));case n.KNOB:case n.PROGRESS_BAR:return t.customStyle?k("kup-progress-bar",Object.assign({key:a.name+l.row.id},t)):k(C,Object.assign({},t));case n.RADIO:if(Q(l)){s[o.C_CENTERED]=true}t["disabled"]=c.readOnly;return k(F,Object.assign({},t));case n.RATING:return k(H,Object.assign({},t,{disabled:true}));case n.OBJECT:return k(v,Object.assign({icon:"table"},t,{disabled:true}))}}function U(e,s){function t(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function i(e){return e.toUpperCase().startsWith("SHAPE;")}function c(e){return e.toUpperCase().startsWith("BCOLOR;")}function a(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){if(!e){return null}const s=e.split("\\\\AND\\");const t=[];for(const e of s){const s=o(e);if(s){t.push(...s)}else{return null}}return t}function o(e){const s={};const n=e.split("\\\\");const r=[];for(const e of n){if(e){if(l(e)){return null}if(i(e)){if(!t(e)){return null}else{const t=e.split(";");if(t.length===3){const e=t[2].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}}else if(c(e));else if(a(e)){const t=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(t))){s.height=`${t}%`}}else{r.push(o(e,s))}}return r.length?r:null}function o(e,s){const t=Object.assign({},s);const n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const s=e.exec(n[0]);if(s){const[,e,n,i]=s;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(n,10))&&!isNaN(parseInt(i,10))){t.color=`rgb(${parseInt(e)},${parseInt(n)},${parseInt(i)})`}}if(n.length>=2){const e=n[1].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}return t}}s.data={};const u=()=>{var e;const t=(e=s.value)===null||e===void 0?void 0:e.split(";");if((t===null||t===void 0?void 0:t[t.length-1].trim())===""){t.pop()}if(t&&t.length){s.data.data=[];for(let e of t){s.data.data.push({id:e,value:e})}}};switch(e){case n.CHECKBOX:case n.SWITCH:s.data.checked=s.value==="1"?true:false;break;case n.BAR:if(i(s.value)){s.data.isCanvas=true;s.data.resource=s.value}else{s.data.data=r(s.value)}break;case n.BUTTON:s.data.label=s.value;break;case n.CHART:Object.assign(s.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:s.value,shape:"pie"}});break;case n.BUTTON_LIST:case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.RADIO:u();break;case n.COLOR_PICKER:s.data.initialValue=s.value;break;case n.GAUGE:case n.KNOB:case n.PROGRESS_BAR:case n.RATING:s.data.value=parseInt(s.value);break;case n.ICON:case n.IMAGE:s.data.resource=s.value;break}}function q(e,s,t,i){const c=s.cell;const a=s.column;const l=s.component;const r=s.row;if(i===p.UPDATE){let s=J(e,t);switch(t){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.TIME:if(c.data){c.data["initialValue"]=s}break;case n.CHECKBOX:case n.SWITCH:s=s==="on"?"0":"1";if(c.data){c.data.checked=s==="0"?false:true}break;case n.RADIO:break;case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:s=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=s.toString()}c.value=s.toString();c.displayedValue=null;c.displayedValue=f(a,c)}if(l&&l.rootElement){const s=new CustomEvent(i,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:r,type:t}});l.rootElement.dispatchEvent(s);if(i===p.UPDATE){try{l.refresh()}catch(e){T.ketchup.debug.logMessage(l,e,d.ERROR)}}}}function J(e,s){const t=!!(e.target.tagName==="INPUT");let i=t?e.target.value:e.detail.value;if(s===n.CHECKBOX&&t){i=e.target.checked?"off":"on"}if(s===n.NUMBER&&t){i=T.ketchup.math.formattedStringToNumberString(i,"")}return i}function Q(e){var s;return u.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}function Z(e){var s;return r.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}export{M as F,O as I,x as K,j as a,C as b,F as c,H as d,_ as e,I as f};
+//# sourceMappingURL=p-bbdf4a8f.js.map

package/dist/ketchup/p-bbdf4a8f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupListProps","KupListRole","ItemsDisplayMode","FSwitchSizing","FSwitch","props","sizing","MEDIUM","toLowerCase","SMALL","classObj","switch","checked","disabled","h","Object","assign","class","danger","info","secondary","success","warning","wrapperClass","dataSet","id","title","leadingLabel","type","role","value","onBlur","onChange","onFocus","onClick","label","FProgressBar","centeredLabel","componentClass","animated","padded","slim","striped","pieClass","radialStyle","undefined","isRadial","labelStyle","valueStyle","width","icon","createIconElement","hideLabel","style","indexOf","src","svg","getAssetPath","iconStyle","mask","webkitMask","FRadioType","FRadio","hasColumns","columns","radioList","radioType","RADIO","i","_a","data","length","radio","push","name","bind","Fragment","FImage","resource","sizeX","sizeY","htmlFor","styleObj","horizontal","FRating","maxValue","buildStars","stars","dom","document","documentElement","FCell","children","cell","column","row","shape","hasObj","ketchup","objects","isEmptyKupObj","obj","isEditable","hasOwnProperty","editable","options","mapData","valueToDisplay","previousValue","cellType","getType","subcomponentProps","cssClasses","cssClass","component","legacyLook","FCellClasses","OBJ","density","FCellTypes","BAR","content","setDefaults","editableTypes","includes","setEditableCell","kupTypes","setSizes","setCellSizeKup","renderKup","lazyClass","setKupCell","setCellSize","setCell","fProps","color","KupThemeColorValues","TEXT","placeholderResource","placeholderIcon","cellTitle","debug","isDebug","t","p","k","trim","infoEl","INFO","message","onKeyUp","e","cellEvent","FCellEvents","KEYUP","ref","el","element","styleContent","cellActionIcon","NUMBER","tabIndex","indents","col","fieldLabel","currentValue","dataAdapterMap","Map","MainRADAdapter","this","AUTOCOMPLETE","MainCMBandACPAdapter","adapter","get","_fieldLabel","RADAdapter","rawOptions","configCMandACP","CMBandACPAdapter","optionsTreeComboAdapter","optionsAdapterMap","map","option","selected","treeOptionsNodeAdapter","child","codice","testo","dataTreeOptionsChildrenAdapter","tableOptionsAdapter","rows","cells","fields","keys","CHECKBOX","ICON","height","minHeight","IMAGE","cellValue","hasExternalResource","rootElement","tagName","KupTagNames","DATA_TABLE","BOX","fit","BUTTON","CHART","CHIP","key","initialValue","isFullWidth","UPDATE","INPUT","ICON_CLICK","isAutoCentered","C_CENTERED","FCellShapes","INPUT_CHECKBOX","FCheckbox","FChipType","enableInput","fullWidth","slot","slotData","COLOR_PICKER","COMBOBOX","DATE","MULTI_AUTOCOMPLETE","displayId","displayMode","DESCRIPTION_AND_CODE","selectMode","showDropDownIcon","MULTI_COMBOBOX","radioData","index","radioEl","RATING","SWITCH","TIME","OBJECT","FTextField","onIconClick","C_RIGHT_ALIGNED","LINK","STRING","onInput","math","numberifySafe","toString","INPUT_FIELD","maxLength","_b","cellData","inputType","DATETIME","getCellValueForDisplay","EDITOR","innerHTML","badgeData","C_PADDED","href","target","cellValueNumber","TEXT_DANGER","barStyle","FButton","CLICK","BUTTON_LIST","FChip","GAUGE","KNOB","PROGRESS_BAR","customStyle","readOnly","isShapeBarMarker","toUpperCase","startsWith","isShapeMarker","isBgColorMarker","isHeightMarker","isDecoratorMarker","getData","graphicElementDefinitionArr","split","graphicElem","elementData","getElementData","commonsData","markersArray","shapesArray","vString","attr","replace","isNaN","parseFloat","substring","getShapeData","shapeData","pattern","match","exec","r","g","b","parseInt","createDataset","parts","pop","part","isCanvas","offlineMode","cellEventName","comp","getValueFromEventTaget","detail","stringifiedValues","displayedValue","CustomEvent","bubbles","cancelable","composed","event","dispatchEvent","refresh","error","logMessage","KupDebugCategory","ERROR","isInputEvent","formattedStringToNumberString","autoCenterComps","fullWidthFieldsComps"],"sources":["src/components/kup-list/kup-list-declarations.ts","src/f-components/f-switch/f-switch-declarations.ts","src/f-components/f-switch/f-switch.tsx","src/f-components/f-progress-bar/f-progress-bar.tsx","src/f-components/f-radio/f-radio-declarations.ts","src/f-components/f-radio/f-radio.tsx","src/f-components/f-rating/f-rating.tsx","src/f-components/f-cell/f-cell.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\nimport { ValueDisplayedValue as vdv } from '../../utils/filters/filters-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n/**\n * Props of the kup-list component.\n * Used to export every prop in an object.\n */\nexport enum KupListProps {\n    customStyle = 'Custom style of the component.',\n    data = 'The data of the list.',\n    displayMode = 'Selects how the items must display their label and how they can be filtered for.',\n    filter = 'Keeps string for filtering elements when filter mode is active',\n    hideText = \"Hides rows' text, ideally to display a list of icons only.\",\n    isMenu = 'Defines whether the list is a menu or not.',\n    keyboardNavigation = \"When true, enables items' navigation through arrow keys.\",\n    menuVisible = \"Sets the status of the menu, when false it's hidden otherwise it's visible.\",\n    roleType = 'Defines the type of selection. Values accepted: listbox, radiogroup or group.',\n    selectable = 'Defines whether items are selectable or not.',\n    showIcons = 'Displays the icons associated to each row when set to true.',\n    twoLine = 'The list elements descriptions will be arranged in two lines.',\n}\n/**\n * Data structure of a single list item.\n */\nexport interface KupListNode extends KupDataNode {\n    secondaryText?: string;\n    selected?: boolean;\n    separator?: boolean;\n}\n/**\n * Available types of selection.\n */\nexport enum KupListRole {\n    LISTBOX = 'listbox',\n    RADIOGROUP = 'radiogroup',\n    GROUP = 'group',\n}\n\nexport interface ValueDisplayedValue extends vdv {\n    exists: boolean;\n}\n\nexport enum ItemsDisplayMode {\n    CODE = 'code',\n    DESCRIPTION = 'description',\n    DESCRIPTION_AND_CODE = 'both',\n}\nexport interface KupListEventPayload extends KupEventPayload {\n    selected: KupListNode;\n    index?: number;\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-switch component.\n */\nexport interface FSwitchProps extends FComponent {\n    checked?: boolean;\n    disabled?: boolean;\n    label?: string;\n    leadingLabel?: boolean;\n    onBlur?: (event: FocusEvent) => void;\n    onClick?: (event: MouseEvent) => void;\n    onChange?: (event: Event) => void;\n    onFocus?: (event: FocusEvent) => void;\n    sizing?: FSwitchSizing;\n}\n\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} SMALL - Small size: height = 24px\n * @property {string} MEDIUM - Medium size: height = 32px (default)\n */\n\nexport enum FSwitchSizing { // GenericTypes to be studied because small chips goes with small button/textfield but has different sizes\n    SMALL = 'small',\n    MEDIUM = 'medium',\n}\n","import { FSwitchSizing, type FSwitchProps } from './f-switch-declarations';\nimport { FunctionalComponent, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FSwitch: FunctionalComponent<FSwitchProps> = (\n    props: FSwitchProps\n) => {\n    if (!props.sizing) {\n        props.sizing = FSwitchSizing.MEDIUM;\n    }\n    const isSmall: boolean = props.sizing.toLowerCase() === FSwitchSizing.SMALL;\n    const classObj: Record<string, boolean> = {\n        switch: true,\n        'switch--checked': props.checked,\n        'switch--disabled': props.disabled,\n        [`switch--${props.sizing}`]: props.sizing ? true : false,\n    };\n\n    return (\n        <div\n            class={`f-switch ${props.danger ? 'kup-danger' : ''} ${\n                props.info ? 'kup-info' : ''\n            } ${props.secondary ? 'kup-secondary' : ''} ${\n                props.success ? 'kup-success' : ''\n            } ${props.warning ? 'kup-warning' : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            }`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            <div\n                class={`form-field ${\n                    props.leadingLabel ? 'form-field--align-end' : ''\n                }`}\n            >\n                <div class={classObj}>\n                    <div class=\"switch__track\"></div>\n                    <div class=\"switch__thumb-underlay\">\n                        <div class=\"switch__thumb\">\n                            <input\n                                type=\"checkbox\"\n                                class=\"switch__native-control\"\n                                role=\"switch\"\n                                checked={props.checked}\n                                disabled={props.disabled}\n                                value={props.checked ? 'on' : 'off'}\n                                onBlur={props.onBlur}\n                                onChange={props.onChange}\n                                onFocus={props.onFocus}\n                            ></input>\n                        </div>\n                    </div>\n                </div>\n                <label onClick={props.onChange}>{props.label}</label>\n            </div>\n        </div>\n    );\n};\n","import type { FProgressBarProps } from './f-progress-bar-declarations';\nimport { FunctionalComponent, getAssetPath, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FProgressBar: FunctionalComponent<FProgressBarProps> = (\n    props: FProgressBarProps\n) => {\n    if (!props.centeredLabel && !props.centeredLabel !== false) {\n        props.centeredLabel = true;\n    }\n\n    let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${\n        props.animated ? 'kup-animated' : ''\n    } ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${\n        props.slim ? 'kup-slim' : ''\n    } ${props.striped ? 'kup-striped' : ''}   ${\n        props.secondary ? 'kup-secondary' : ''\n    } ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${\n        props.warning ? 'kup-warning' : ''\n    } ${props.wrapperClass ? props.wrapperClass : ''}`;\n    let pieClass: string = 'pie';\n    let radialStyle = undefined;\n    if (props.isRadial) {\n        componentClass += ' pie-wrapper is-radial';\n    } else {\n        componentClass += ' progress-bar';\n    }\n\n    let labelStyle = undefined;\n\n    const valueStyle = {\n        width: `${props.value}%`,\n    };\n\n    if (!props.centeredLabel) {\n        labelStyle = valueStyle;\n        if (props.value > 2) {\n            componentClass += ' text-color-on-primary';\n        }\n    } else if (props.value > 49) {\n        componentClass += ' text-color-on-primary';\n    }\n\n    let label = null;\n    if (props.icon) {\n        label = createIconElement(props);\n    } else {\n        if (!props.hideLabel) {\n            if (props.isRadial) {\n                if (props.label) {\n                    label = <span class=\"label\">{props.label}</span>;\n                } else {\n                    label = (\n                        <span class=\"label\">\n                            {props.value}\n                            <span class=\"smaller\">%</span>\n                        </span>\n                    );\n                }\n            } else {\n                if (props.label) {\n                    label = props.label;\n                } else {\n                    label = props.value + '%';\n                }\n            }\n        }\n    }\n\n    if (props.value > 0) {\n        pieClass += ' has-value';\n        if (props.value > 50) {\n            pieClass += ' is-more-than-half';\n        } else {\n            pieClass += ' is-less-than-half';\n        }\n    }\n\n    if (props.isRadial) {\n        return (\n            <div class={componentClass}>\n                {label}\n                <div class={pieClass}>\n                    <div\n                        style={radialStyle}\n                        class=\"left-side half-circle\"\n                    ></div>\n                    <div class=\"right-side half-circle\"></div>\n                </div>\n                <div class=\"shadow\"></div>\n            </div>\n        );\n    } else {\n        return (\n            <div class={componentClass}>\n                <div class=\"progress-bar-percentage\" style={valueStyle}>\n                    <span style={labelStyle}>{label}</span>\n                </div>\n            </div>\n        );\n    }\n};\n\nfunction createIconElement(props: FProgressBarProps) {\n    if (!props.icon) {\n        return undefined;\n    }\n\n    if (\n        props.icon.indexOf('.') > -1 ||\n        props.icon.indexOf('/') > -1 ||\n        props.icon.indexOf('\\\\') > -1\n    ) {\n        return (\n            <span class=\"label kup-icon is-image\">\n                <img src={props.icon}></img>\n            </span>\n        );\n    } else {\n        let svg: string = `url('${getAssetPath(\n            `./assets/svg/${props.icon}.svg`\n        )}') no-repeat center`;\n        let iconStyle = {\n            mask: svg,\n            webkitMask: svg,\n        };\n        return <span style={iconStyle} class=\"label kup-icon\"></span>;\n    }\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-radio component.\n */\nexport interface FRadioProps extends FComponent {\n    type?: FRadioType;\n    columns?: number;\n    data?: FRadioData[];\n    disabled?: boolean;\n    label?: string;\n    leadingLabel?: boolean;\n    onBlur?: (event: FocusEvent) => void;\n    onChange?: (i: number, event: Event) => void;\n    onFocus?: (event: FocusEvent) => void;\n    horizontal?: boolean;\n}\n/**\n * The object of a single radio.\n */\nexport interface FRadioData {\n    checked: boolean;\n    label: string;\n    value: string;\n}\n\nexport enum FRadioType {\n    RADIO = 'radio',\n    CHEVRON = 'chevron',\n}\n","import { FunctionalComponent, VNode, h, Fragment } from '@stencil/core';\nimport { GenericObject } from '../../components';\nimport {\n    FRadioType,\n    type FRadioData,\n    type FRadioProps,\n} from './f-radio-declarations';\nimport { FImage } from '../f-image/f-image';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FRadio: FunctionalComponent<FRadioProps> = (\n    props: FRadioProps\n) => {\n    const hasColumns: boolean = !!props.columns;\n    const radioList: Array<VNode> = [];\n\n    // Default to 'radio' if props.type is not specified\n    const radioType = props.type || FRadioType.RADIO;\n    for (let i = 0; i < props.data?.length; i++) {\n        const data: FRadioData = props.data[i];\n        const classObj: GenericObject = {\n            radio: true,\n            'radio--checked': data.checked ? true : false,\n            'radio--disabled': props.disabled ? true : false,\n            [`radio--${props.type}`]: props.type ? true : false,\n        };\n\n        radioList.push(\n            <div\n                class={`form-field \n                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${\n                    props.disabled ? 'radio--disabled' : ''\n                }`}\n            >\n                <div class={classObj}>\n                    {radioType === FRadioType.RADIO ? (\n                        // Radio button type rendering\n                        <input\n                            class=\"radio__native-control\"\n                            type=\"radio\"\n                            name=\"radio-element\"\n                            value={data.value}\n                            checked={data.checked}\n                            disabled={props.disabled}\n                            onBlur={props.onBlur}\n                            onChange={\n                                props.onChange\n                                    ? props.onChange.bind(props.onChange, i)\n                                    : null\n                            }\n                            onFocus={props.onFocus}\n                        ></input>\n                    ) : (\n                        // Chevron type rendering\n                        <>\n                            {data.checked ? (\n                                <FImage\n                                    resource=\"check\"\n                                    sizeX=\"14px\"\n                                    sizeY=\"14px\"\n                                ></FImage>\n                            ) : (\n                                <FImage\n                                    sizeX=\"14px\"\n                                    sizeY=\"14px\"\n                                    onClick={\n                                        props.onChange\n                                            ? props.onChange.bind(\n                                                  props.onChange,\n                                                  i\n                                              )\n                                            : null\n                                    }\n                                ></FImage>\n                            )}\n                        </>\n                    )}\n                    {radioType === FRadioType.RADIO && (\n                        <div class=\"radio__background\">\n                            <div class=\"radio__outer-circle\"></div>\n                            <div class=\"radio__inner-circle\"></div>\n                        </div>\n                    )}\n                </div>\n                <label\n                    htmlFor={'radio-element'}\n                    onClick={\n                        props.onChange\n                            ? props.onChange.bind(props.onChange, i)\n                            : null\n                    }\n                >\n                    {data.label ? data.label : ''}\n                </label>\n            </div>\n        );\n    }\n\n    const styleObj: GenericObject = {\n        '--kup_radio_columns': hasColumns\n            ? `repeat(${props.columns}, 1fr)`\n            : '',\n    };\n\n    return (\n        <div\n            class={`f-radio radio-wrapper\n             ${hasColumns ? 'radio-wrapper-grid' : ''} ${\n                props.danger ? 'kup-danger' : ''\n            } ${props.info ? 'kup-info' : ''} ${\n                props.secondary ? 'kup-secondary' : ''\n            } ${props.success ? 'kup-success' : ''} ${\n                props.warning ? 'kup-warning' : ''\n            } ${props.wrapperClass ? props.wrapperClass : ''} ${\n                props.horizontal ? 'kup-horizontal' : ''\n            }`}\n            style={styleObj}\n        >\n            {radioList}\n        </div>\n    );\n};\n","import { FunctionalComponent, VNode, h } from '@stencil/core';\nimport type { FRatingProps } from './f-rating-declarations';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FRating: FunctionalComponent<FRatingProps> = (\n    props: FRatingProps\n) => {\n    if (!props.maxValue) {\n        props.maxValue = 5;\n    }\n    return (\n        <div\n            class={`f-rating ${props.disabled ? 'disabled' : ''} ${\n                props.danger ? 'kup-danger' : ''\n            } ${props.info ? 'kup-info' : ''} ${\n                props.secondary ? 'kup-secondary' : ''\n            } ${props.success ? 'kup-success' : ''} ${\n                props.warning ? 'kup-warning' : ''\n            } ${props.wrapperClass ? props.wrapperClass : ''}`}\n        >\n            {buildStars(props)}\n        </div>\n    );\n};\n\nfunction buildStars(props: FRatingProps) {\n    const stars: VNode[] = [];\n\n    for (let i = 1; i <= props.maxValue; i++) {\n        if (i <= props.value) {\n            stars.push(\n                <span\n                    class=\"rating\"\n                    onClick={\n                        props.onClick\n                            ? props.onClick.bind(props.onClick, i)\n                            : null\n                    }\n                >\n                    &#x2605;\n                </span>\n            );\n        } else {\n            stars.push(\n                <span\n                    class=\"rating\"\n                    onClick={\n                        props.onClick\n                            ? props.onClick.bind(props.onClick, i)\n                            : null\n                    }\n                >\n                    &#x2606;\n                </span>\n            );\n        }\n    }\n\n    return stars;\n}\n","import type { FCheckboxProps } from '../f-checkbox/f-checkbox-declarations';\nimport type { FImageData, FImageProps } from '../f-image/f-image-declarations';\nimport type { FButtonProps } from '../f-button/f-button-declarations';\nimport type { KupChart } from '../../components/kup-chart/kup-chart';\nimport type { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport type { KupAutocompleteEventPayload } from '../../components/kup-autocomplete/kup-autocomplete-declarations';\nimport type { KupComboboxEventPayload } from '../../components/kup-combobox/kup-combobox-declarations';\nimport type { KupDatePickerEventPayload } from '../../components/kup-date-picker/kup-date-picker-declarations';\nimport type { KupTimePickerEventPayload } from '../../components/kup-time-picker/kup-time-picker-declarations';\nimport type { KupRatingClickEventPayload } from '../../components/kup-rating/kup-rating-declarations';\nimport type { KupColorPickerEventPayload } from '../../components/kup-color-picker/kup-color-picker-declarations';\nimport {\n    GenericObject,\n    KupComponent,\n    KupTagNames,\n} from '../../types/GenericTypes';\nimport {\n    autoCenterComps,\n    editableTypes,\n    FCellClasses,\n    FCellEventPayload,\n    FCellEvents,\n    FCellInfo,\n    FCellProps,\n    FCellShapes,\n    FCellTypes,\n    fullWidthFieldsComps,\n    kupTypes,\n} from './f-cell-declarations';\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport {\n    CMBandACPAdapter,\n    getCellValueForDisplay,\n    RADAdapter,\n} from '../../utils/cell-utils';\nimport { FCheckbox } from '../f-checkbox/f-checkbox';\nimport { FTextField } from '../f-text-field/f-text-field';\nimport { FImage } from '../f-image/f-image';\nimport { FChip } from '../f-chip/f-chip';\nimport { KupThemeColorValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataNode,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FSwitch } from '../f-switch/f-switch';\nimport { KupChipChangeEventPayload } from '../../components/kup-chip/kup-chip-declarations';\nimport { FChipsProps, FChipType } from '../f-chip/f-chip-declarations';\nimport { ItemsDisplayMode } from '../../components/kup-list/kup-list-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FProgressBar } from '../f-progress-bar/f-progress-bar';\nimport { FRadio } from '../f-radio/f-radio';\nimport { FRating } from '../f-rating/f-rating';\nimport type { KupDataTable } from '../../components/kup-data-table/kup-data-table';\nimport { FRadioProps } from '../f-radio/f-radio-declarations';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport { DataAdapterFn } from '../../components/kup-input-panel/kup-input-panel-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FCell: FunctionalComponent<FCellProps> = (\n    props: FCellProps,\n    children?: VNode[]\n) => {\n    const cell = props.cell;\n    const column = props.column;\n    const row = props.row;\n    const shape = props.shape\n        ? props.shape\n        : cell.shape\n        ? cell.shape\n        : column.shape\n        ? column.shape\n        : null;\n    const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);\n\n    let isEditable = false;\n    if (cell.hasOwnProperty('isEditable')) {\n        isEditable = cell.isEditable;\n    } else if (column.hasOwnProperty('isEditable')) {\n        isEditable = column.isEditable;\n    }\n    isEditable = isEditable && props.editable;\n\n    if (cell.options) {\n        cell.data = mapData(cell, column) ?? cell.data;\n    }\n\n    const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';\n    const cellType = dom.ketchup.data.cell.getType(cell, shape);\n    const subcomponentProps: unknown = { ...cell.data };\n    let cssClasses = cell.cssClass\n        ? cell.cssClass\n        : column.cssClass\n        ? column.cssClass\n        : '';\n    if ((props.component as KupDataTable).legacyLook) {\n        cssClasses += ' monospace c-pre';\n    }\n    const classObj: Record<string, boolean> = {\n        'f-cell': true,\n        [FCellClasses.OBJ]: hasObj ? true : false,\n        [cellType + '-cell']: true,\n        [props.wrapperClass]: props.wrapperClass ? true : false,\n        [props.density]:\n            props.density && cellType !== FCellTypes.BAR ? true : false,\n        [cssClasses]: cssClasses ? true : false,\n    };\n    let content: unknown = valueToDisplay;\n    if (!cell.data) {\n        setDefaults(cellType, cell);\n    }\n    if (isEditable && editableTypes.includes(cellType)) {\n        content = setEditableCell(cellType, classObj, cell, column, props);\n    } else if (cell.data && kupTypes.includes(cellType)) {\n        if (props.setSizes) {\n            setCellSizeKup(cellType, subcomponentProps, cell);\n        }\n        if (!props.renderKup) {\n            const lazyClass = 'cell-' + cellType + ' placeholder';\n            content = <span class={lazyClass}></span>;\n        } else {\n            content = setKupCell(\n                cellType,\n                classObj,\n                subcomponentProps,\n                cell,\n                row,\n                column,\n                props\n            );\n        }\n    } else {\n        if (props.setSizes) {\n            setCellSize(cellType, subcomponentProps, cell, props);\n        }\n        content = setCell(\n            cellType,\n            subcomponentProps,\n            content,\n            classObj,\n            cell,\n            column,\n            props\n        );\n    }\n\n    let icon: VNode = null;\n    if (!isEditable && (column.icon || cell.icon) && content) {\n        const fProps: FImageProps = {\n            color: `rgba(var(${KupThemeColorValues.TEXT}-rgb), 0.375)`,\n            resource: cell.icon ? cell.icon : column.icon,\n            placeholderResource: cell.placeholderIcon\n                ? cell.placeholderIcon\n                : column.placeholderIcon,\n            sizeX: '1.25em',\n            sizeY: '1.25em',\n            wrapperClass: 'obj-icon',\n        };\n        icon = <FImage {...fProps} />;\n    }\n\n    let cellTitle: string = null;\n    if (dom.ketchup.debug.isDebug() && hasObj) {\n        cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';\n    } else if (cell.title != null && cell.title.trim() != '') {\n        cellTitle = cell.title;\n    }\n\n    let infoEl: HTMLElement = null;\n    if (cell.info) {\n        const info: FCellInfo = { ...cell.info };\n        if (!info.color) {\n            info.color = `var(${KupThemeColorValues.INFO})`;\n        }\n        if (!info.icon) {\n            info.icon = 'info';\n        }\n        const fProps: FImageProps = {\n            color: info.color,\n            resource: info.icon,\n            placeholderResource: info.placeholderIcon,\n            sizeX: '1.25em',\n            sizeY: '1.25em',\n            title: info.message ? info.message : '',\n            wrapperClass: 'cell-info',\n        };\n        infoEl = <FImage {...fProps} />;\n    }\n\n    return (\n        <div\n            onKeyUp={(e) => cellEvent(e, props, cellType, FCellEvents.KEYUP)}\n            class={classObj}\n            kup-get-cell-props={() => {\n                return props;\n            }}\n            ref={(el) => (cell.element = el)}\n            style={cell.style}\n        >\n            <div\n                class=\"f-cell__content\"\n                style={cell.styleContent}\n                title={cellTitle}\n            >\n                {props.cellActionIcon && (\n                    <FImage\n                        resource=\"more_vert\"\n                        sizeX=\"16px\"\n                        sizeY=\"16px\"\n                        wrapperClass={`f-cell__iconfunction ${\n                            cellType === FCellTypes.NUMBER ? 'left' : 'right'\n                        }`}\n                        onClick={props.cellActionIcon.onClick}\n                        tabIndex={0}\n                    />\n                )}\n                {children && children.length > 0\n                    ? children\n                    : [props.indents, infoEl, icon, content]}\n            </div>\n        </div>\n    );\n};\n\nconst mapData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    if (!cell) {\n        return null;\n    }\n\n    const options = cell.options;\n    const fieldLabel = col.title;\n    const currentValue = cell.value;\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n        [FCellTypes.RADIO, MainRADAdapter.bind(this)],\n        [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],\n    ]);\n\n    const adapter = dataAdapterMap.get(cellType);\n\n    return adapter\n        ? adapter(options, fieldLabel, currentValue, cell, col.name)\n        : null;\n};\n\nconst MainRADAdapter = (\n    options: GenericObject,\n    _fieldLabel: string,\n    currentValue: string\n) => {\n    return RADAdapter(currentValue, options);\n};\n\nconst MainCMBandACPAdapter = (\n    rawOptions: GenericObject,\n    fieldLabel: string,\n    currentValue: string\n) => {\n    const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(\n        rawOptions,\n        currentValue\n    );\n    return configCMandACP;\n};\n\nconst optionsTreeComboAdapter = (options: any, currentValue: string) => {\n    const adapter = optionsAdapterMap.get(options.type);\n\n    if (adapter) {\n        return adapter(options, currentValue);\n    } else {\n        return options.map((option) => ({\n            value: option.label,\n            id: option.id,\n            selected: currentValue === option.id,\n        }));\n    }\n};\n\nconst treeOptionsNodeAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.content.codice,\n        value: child.content.testo,\n        selected: currentValue === child.content.codice,\n        children: child.children?.length\n            ? treeOptionsNodeAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst dataTreeOptionsChildrenAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.obj.k,\n        value: child.value,\n        selected: currentValue === child.obj.k,\n        children: child.children?.length\n            ? dataTreeOptionsChildrenAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst tableOptionsAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.rows.map((row) => {\n        const cells = row.fields || row.cells;\n        const [id, value] = Object.keys(cells);\n\n        return {\n            id: cells[id].value,\n            value: cells[value]?.value || cells[id].value,\n            selected: currentValue === cells[id].value,\n        };\n    });\n};\n\nconst optionsAdapterMap = new Map<\n    string,\n    (options: any, currentValue: string) => GenericObject[]\n>([\n    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],\n    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],\n    ['SmeupTable', tableOptionsAdapter.bind(this)],\n    ['SmeupDataTable', tableOptionsAdapter.bind(this)],\n]);\n\nfunction setCellSize(\n    cellType: string,\n    subcomponentProps: unknown,\n    cell: KupDataCell,\n    props: FCellProps\n) {\n    switch (cellType) {\n        case FCellTypes.CHECKBOX:\n        case FCellTypes.ICON:\n            if (!(subcomponentProps as FImageProps).sizeX) {\n                (subcomponentProps as FImageProps).sizeX = '18px';\n            }\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '18px';\n            }\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = (\n                        subcomponentProps as FImageProps\n                    ).sizeY;\n                }\n            } else {\n                cell.style = {\n                    minHeight: (subcomponentProps as FImageProps).sizeY,\n                };\n            }\n            break;\n        case FCellTypes.IMAGE:\n            const cellValue = props.cell?.value || '';\n            const hasExternalResource =\n                cellValue.indexOf('.') > -1 ||\n                cellValue.indexOf('/') > -1 ||\n                cellValue.indexOf('\\\\') > -1;\n            if (\n                (props.component as KupComponent).rootElement.tagName ===\n                    KupTagNames.DATA_TABLE &&\n                !hasExternalResource\n            ) {\n                if (\n                    !(subcomponentProps as FImageProps).sizeX &&\n                    !(subcomponentProps as FImageProps).sizeY\n                ) {\n                    (subcomponentProps as FImageProps).sizeX = '100%';\n                    (subcomponentProps as FImageProps).sizeY = '64px';\n                    (subcomponentProps as FImageProps).wrapperClass = 'noWidth';\n                } else {\n                    if (!(subcomponentProps as FImageProps).sizeX) {\n                        (subcomponentProps as FImageProps).sizeX = '100%';\n                        (subcomponentProps as FImageProps).wrapperClass =\n                            'noWidth';\n                    }\n                    if (!(subcomponentProps as FImageProps).sizeY) {\n                        (subcomponentProps as FImageProps).sizeY = 'auto';\n                    }\n                }\n            }\n            if (\n                (props.component as KupComponent).rootElement.tagName ===\n                KupTagNames.BOX\n            ) {\n                if (!(subcomponentProps as FImageProps).sizeY) {\n                    (subcomponentProps as FImageProps).sizeY = 'auto';\n                }\n                if ((subcomponentProps as FImageProps).fit === undefined) {\n                    (subcomponentProps as FImageProps).fit = true;\n                }\n            } else if (!(subcomponentProps as FImageProps).sizeX) {\n                (subcomponentProps as FImageProps).sizeX = 'auto';\n            }\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '64px';\n            }\n\n            break;\n    }\n}\n\nfunction setCellSizeKup(\n    cellType: string,\n    subcomponentProps: unknown,\n    cell: KupDataCell\n) {\n    switch (cellType) {\n        case FCellTypes.BAR:\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '26px';\n            }\n            break;\n        case FCellTypes.BUTTON:\n            let height: string = '';\n            if ((subcomponentProps as FButtonProps).label) {\n                height = '36px';\n            }\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = height;\n                }\n            } else {\n                cell.style = { minHeight: height };\n            }\n            break;\n        case FCellTypes.CHART:\n            if (!(subcomponentProps as KupChart).sizeX) {\n                (subcomponentProps as KupChart).sizeX = '100%';\n            }\n            if (!(subcomponentProps as KupChart).sizeY) {\n                (subcomponentProps as KupChart).sizeY = '100%';\n            }\n            break;\n        case FCellTypes.CHIP:\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = '40px';\n                }\n            } else {\n                cell.style = { minHeight: '40px' };\n            }\n            break;\n        case FCellTypes.RADIO:\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = '40px';\n                }\n            } else {\n                cell.style = { minHeight: '40px' };\n            }\n            break;\n    }\n}\n\nfunction setEditableCell(\n    cellType: string,\n    classObj: Record<string, boolean>,\n    cell: KupDataCell,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.AUTOCOMPLETE:\n            return (\n                <kup-autocomplete\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-autocomplete-change={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-autocomplete-input={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                    onkup-autocomplete-iconclick={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n                />\n            );\n        case FCellTypes.CHECKBOX:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n\n            if (cell.shape === FCellShapes.INPUT_CHECKBOX) {\n                return (\n                    <input\n                        checked={\n                            cell.value === 'on' || cell.value === '1'\n                                ? true\n                                : false\n                        }\n                        class=\"input-checkbox\"\n                        onChange={(e: InputEvent) =>\n                            cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                        }\n                        type=\"checkbox\"\n                    ></input>\n                );\n            } else {\n                return (\n                    <FCheckbox\n                        {...cell.data}\n                        onChange={(e: InputEvent) =>\n                            cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                        }\n                    />\n                );\n            }\n        case FCellTypes.CHIP:\n            return (\n                <kup-chip\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-text-field\n                        fullWidth={true}\n                        slot=\"field\"\n                        {...cell.slotData}\n                    ></kup-text-field>\n                </kup-chip>\n            );\n        case FCellTypes.COLOR_PICKER:\n            return (\n                <kup-color-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    disabled={false}\n                    onkup-colorpicker-change={(\n                        e: CustomEvent<KupColorPickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                ></kup-color-picker>\n            );\n        case FCellTypes.COMBOBOX:\n            return (\n                <kup-combobox\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-combobox-change={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-combobox-input={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                    onkup-combobox-iconclick={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n                />\n            );\n        case FCellTypes.DATE:\n            return (\n                <kup-date-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-datepicker-change={(\n                        e: CustomEvent<KupDatePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-datepicker-input={(\n                        e: CustomEvent<KupDatePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                />\n            );\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n            return (\n                <kup-chip\n                    displayId={true}\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-autocomplete\n                        class=\"kup-full-width\"\n                        slot=\"field\"\n                        displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        onkup-autocomplete-input={(\n                            e: CustomEvent<KupAutocompleteEventPayload>\n                        ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                        onkup-autocomplete-iconclick={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                        showDropDownIcon={false}\n                        {...cell.slotData}\n                    ></kup-autocomplete>\n                </kup-chip>\n            );\n        case FCellTypes.MULTI_COMBOBOX:\n            return (\n                <kup-chip\n                    displayId={true}\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-combobox\n                        class=\"kup-full-width\"\n                        slot=\"field\"\n                        displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        onkup-combobox-input={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                        onkup-combobox-iconclick={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                        {...cell.slotData}\n                    ></kup-combobox>\n                </kup-chip>\n            );\n        case FCellTypes.RADIO:\n            return (\n                <FRadio\n                    {...cell.data}\n                    disabled={false}\n                    onChange={(i: number, e: InputEvent) => {\n                        const radioData = (cell.data as FRadioProps).data;\n                        for (let index = 0; index < radioData.length; index++) {\n                            const radioEl = radioData[index];\n                            if (index === i) {\n                                radioEl.checked = true;\n                            } else {\n                                radioEl.checked = false;\n                            }\n                        }\n                        cellEvent(e, props, cellType, FCellEvents.UPDATE);\n                    }}\n                ></FRadio>\n            );\n        case FCellTypes.RATING:\n            return (\n                <kup-rating\n                    key={column.name + props.row.id}\n                    {...cell.data}\n                    disabled={false}\n                    onkup-rating-click={(\n                        e: CustomEvent<KupRatingClickEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                ></kup-rating>\n            );\n        case FCellTypes.SWITCH:\n            return (\n                <FSwitch\n                    {...cell.data}\n                    disabled={false}\n                    onChange={(e: InputEvent) =>\n                        cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                    }\n                ></FSwitch>\n            );\n        case FCellTypes.TIME:\n            return (\n                <kup-time-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-timepicker-change={(\n                        e: CustomEvent<KupTimePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-timepicker-input={(\n                        e: CustomEvent<KupTimePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                />\n            );\n        case FCellTypes.OBJECT:\n            return (\n                <FTextField\n                    icon={'table'}\n                    {...cell.data}\n                    disabled={false}\n                    onIconClick={(e) =>\n                        cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)\n                    }\n                ></FTextField>\n            );\n        case FCellTypes.NUMBER:\n            classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n        case FCellTypes.LINK:\n        case FCellTypes.STRING:\n            const onChange = (e: InputEvent) =>\n                cellEvent(e, props, cellType, FCellEvents.UPDATE);\n            const onInput = (e: InputEvent) =>\n                cellEvent(e, props, cellType, FCellEvents.INPUT);\n            const type = cellType === FCellTypes.NUMBER ? 'number' : null;\n            const value =\n                cellType === FCellTypes.NUMBER && cell.value\n                    ? dom.ketchup.math.numberifySafe(cell.value).toString()\n                    : cell.value;\n            if (cell.shape === FCellShapes.INPUT_FIELD) {\n                return (\n                    <input\n                        class={'input-field'}\n                        onChange={onChange}\n                        onInput={onInput}\n                        type={type}\n                        value={value}\n                        maxLength={column.cellData?.maxLength ?? -1}\n                    ></input>\n                );\n            } else {\n                return (\n                    <FTextField\n                        inputType={type}\n                        fullWidth={isFullWidth(props) ? true : false}\n                        {...cell.data}\n                        icon={\n                            cell.data && cell.data.icon\n                                ? cell.data.icon\n                                : cell.icon\n                                ? cell.icon\n                                : column.icon\n                                ? column.icon\n                                : null\n                        }\n                        value={value}\n                        onChange={onChange}\n                        onInput={onInput}\n                        onIconClick={(e: MouseEvent) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                    />\n                );\n            }\n    }\n}\n\nfunction setCell(\n    cellType: string,\n    subcomponentProps: GenericObject,\n    content: unknown,\n    classObj: Record<string, boolean>,\n    cell: KupDataCell,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.AUTOCOMPLETE:\n        case FCellTypes.COMBOBOX:\n        case FCellTypes.DATE:\n        case FCellTypes.DATETIME:\n        case FCellTypes.TIME:\n            if (content && content != '') {\n                const cellValue = getCellValueForDisplay(column, cell);\n                return <div class=\"f-cell__text\">{cellValue}</div>;\n            }\n            return content;\n        case FCellTypes.CHECKBOX:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <FImage\n                    resource={\n                        (subcomponentProps as FCheckboxProps).checked\n                            ? 'check_box'\n                            : 'check_box_outline_blank'\n                    }\n                    sizeX=\"18px\"\n                    sizeY=\"18px\"\n                />\n            );\n        case FCellTypes.EDITOR:\n            return <div innerHTML={cell.value}></div>;\n        case FCellTypes.ICON:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            if ((subcomponentProps as FImageProps).badgeData) {\n                classObj[FCellClasses.C_PADDED] = true;\n            }\n            return <FImage {...subcomponentProps} />;\n        case FCellTypes.IMAGE:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            if ((subcomponentProps as FImageProps).badgeData) {\n                classObj[FCellClasses.C_PADDED] = true;\n            }\n\n            return <FImage {...subcomponentProps} />;\n\n        case FCellTypes.LINK:\n            return (\n                <a href={content as string} target=\"_blank\">\n                    {cell.value}\n                </a>\n            );\n        case FCellTypes.NUMBER:\n            if (content && content != '') {\n                const cellValueNumber = dom.ketchup.math.numberifySafe(\n                    cell.value\n                );\n                const cellValue = getCellValueForDisplay(column, cell);\n                if (cellValueNumber < 0) {\n                    classObj[FCellClasses.TEXT_DANGER] = true;\n                }\n                if (isAutoCentered(props)) {\n                    classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n                }\n                return <div class=\"f-cell__text\">{cellValue}</div>;\n            }\n            return <div class=\"f-cell__text\">{content}</div>;\n        case FCellTypes.SWITCH:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['disabled'] = true;\n            return <FSwitch {...subcomponentProps}></FSwitch>;\n        default:\n            return <div class=\"f-cell__text\">{content}</div>;\n    }\n}\n\nfunction setKupCell(\n    cellType: string,\n    classObj: Record<string, boolean>,\n    subcomponentProps: GenericObject,\n    cell: KupDataCell,\n    row: KupDataRow,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.BAR:\n            if (!(subcomponentProps as FImageProps).data) {\n                return (\n                    <kup-image\n                        key={column.name + props.row.id}\n                        sizeX=\"250px\"\n                        {...subcomponentProps}\n                    />\n                );\n            } else {\n                const barStyle = {\n                    height: (subcomponentProps as FImageProps).sizeY,\n                    width: '100%',\n                };\n                return (\n                    <div style={barStyle}>\n                        <FImage {...subcomponentProps} />\n                    </div>\n                );\n            }\n        case FCellTypes.BUTTON:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <FButton\n                    {...subcomponentProps}\n                    onClick={(e) =>\n                        cellEvent(e, props, cellType, FCellEvents.CLICK)\n                    }\n                ></FButton>\n            );\n        case FCellTypes.BUTTON_LIST:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['data-storage'] = {\n                cell: cell,\n                row: row,\n                column: column,\n            };\n            return (\n                <kup-button-list\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                ></kup-button-list>\n            );\n        case FCellTypes.CHART:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <kup-chart\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                />\n            );\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n        case FCellTypes.MULTI_COMBOBOX:\n        case FCellTypes.CHIP:\n            return <FChip {...subcomponentProps} />;\n        case FCellTypes.COLOR_PICKER:\n            return (\n                <kup-color-picker\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    disabled\n                ></kup-color-picker>\n            );\n        case FCellTypes.GAUGE:\n            return (\n                <kup-gauge\n                    key={column.name + props.row.id}\n                    value={dom.ketchup.math.numberifySafe(cell.value)}\n                    width-component=\"280px\"\n                    {...subcomponentProps}\n                ></kup-gauge>\n            );\n        case FCellTypes.KNOB:\n        case FCellTypes.PROGRESS_BAR:\n            return subcomponentProps.customStyle ? (\n                <kup-progress-bar\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                ></kup-progress-bar>\n            ) : (\n                <FProgressBar {...subcomponentProps}></FProgressBar>\n            );\n        case FCellTypes.RADIO:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['disabled'] = row.readOnly;\n            return <FRadio {...subcomponentProps}></FRadio>;\n        case FCellTypes.RATING:\n            return <FRating {...subcomponentProps} disabled={true}></FRating>;\n        case FCellTypes.OBJECT:\n            return (\n                <FTextField\n                    icon={'table'}\n                    {...subcomponentProps}\n                    disabled={true}\n                ></FTextField>\n            );\n    }\n}\n\nfunction setDefaults(cellType: string, cell: KupDataCell): void {\n    function isShapeBarMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;BAR');\n    }\n\n    function isShapeMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;');\n    }\n\n    function isBgColorMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('BCOLOR;');\n    }\n\n    function isHeightMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('HEIGHT;');\n    }\n\n    function isDecoratorMarker(value: string): boolean {\n        return (\n            value.toUpperCase().startsWith('SEP;') ||\n            value.toUpperCase().startsWith('DIV;') ||\n            value.toUpperCase().startsWith('ARW;') ||\n            value.toUpperCase().startsWith('GRID;')\n        );\n    }\n    function getData(value: string): FImageData[] | null {\n        if (!value) {\n            return null;\n        }\n        const graphicElementDefinitionArr = value.split('\\\\\\\\AND\\\\');\n        const data: FImageData[] = [];\n        for (const graphicElem of graphicElementDefinitionArr) {\n            const elementData = getElementData(graphicElem);\n            if (elementData) {\n                data.push(...elementData);\n            } else {\n                return null;\n            }\n        }\n        return data;\n    }\n\n    function getElementData(value: string): FImageData[] | null {\n        const commonsData: FImageData = {};\n\n        const markersArray = value.split('\\\\\\\\');\n        const shapesArray: FImageData[] = [];\n\n        for (const vString of markersArray) {\n            if (vString) {\n                if (isDecoratorMarker(vString)) {\n                    return null;\n                }\n\n                if (isShapeMarker(vString)) {\n                    if (!isShapeBarMarker(vString)) {\n                        return null;\n                    } else {\n                        const attr = vString.split(';');\n                        if (attr.length === 3) {\n                            const width = attr[2].replace(',', '.');\n                            if (!isNaN(parseFloat(width))) {\n                                commonsData.width = `${width}%`;\n                            }\n                        }\n                    }\n                } else if (isBgColorMarker(vString)) {\n                    // Background color handling can be added here if needed\n                } else if (isHeightMarker(vString)) {\n                    const height = vString\n                        .substring('HEIGHT;'.length)\n                        .replace(',', '.');\n                    if (!isNaN(parseFloat(height))) {\n                        commonsData.height = `${height}%`;\n                    }\n                } else {\n                    shapesArray.push(getShapeData(vString, commonsData));\n                }\n            }\n            return shapesArray.length ? shapesArray : null;\n        }\n\n        function getShapeData(\n            value: string,\n            commonsData: FImageData\n        ): FImageData {\n            const shapeData: FImageData = { ...commonsData };\n            const attr = value.split(';');\n            if (attr.length >= 1) {\n                const pattern = /R(\\d+)G(\\d+)B(\\d+)/;\n                const match = pattern.exec(attr[0]);\n                if (match) {\n                    const [, r, g, b] = match;\n                    if (\n                        !isNaN(parseInt(r, 10)) &&\n                        !isNaN(parseInt(g, 10)) &&\n                        !isNaN(parseInt(b, 10))\n                    ) {\n                        shapeData.color = `rgb(${parseInt(r)},${parseInt(\n                            g\n                        )},${parseInt(b)})`;\n                    }\n                }\n                if (attr.length >= 2) {\n                    const width = attr[1].replace(',', '.');\n                    if (!isNaN(parseFloat(width))) {\n                        shapeData.width = `${width}%`;\n                    }\n                }\n            }\n            return shapeData;\n        }\n    }\n\n    cell.data = {};\n\n    const createDataset = () => {\n        const parts = cell.value?.split(';');\n        if (parts?.[parts.length - 1].trim() === '') {\n            parts.pop();\n        }\n        if (parts && parts.length) {\n            cell.data.data = [];\n            for (let part of parts) {\n                (cell.data.data as KupDataNode[]).push({\n                    id: part,\n                    value: part,\n                });\n            }\n        }\n    };\n\n    switch (cellType) {\n        case FCellTypes.CHECKBOX:\n        case FCellTypes.SWITCH:\n            cell.data.checked = cell.value === '1' ? true : false;\n            break;\n\n        case FCellTypes.BAR:\n            if (isShapeMarker(cell.value)) {\n                cell.data.isCanvas = true;\n                cell.data.resource = cell.value;\n            } else {\n                cell.data.data = getData(cell.value);\n            }\n            break;\n\n        case FCellTypes.BUTTON:\n            cell.data.label = cell.value;\n            break;\n\n        case FCellTypes.CHART:\n            Object.assign(cell.data, {\n                sizeX: '100px',\n                sizeY: '100px',\n                offlineMode: {\n                    value: cell.value,\n                    shape: 'pie',\n                },\n            });\n            break;\n\n        case FCellTypes.BUTTON_LIST:\n        case FCellTypes.CHIP:\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n        case FCellTypes.MULTI_COMBOBOX:\n        case FCellTypes.RADIO:\n            createDataset();\n            break;\n\n        case FCellTypes.COLOR_PICKER:\n            cell.data.initialValue = cell.value;\n            break;\n\n        case FCellTypes.GAUGE:\n        case FCellTypes.KNOB:\n        case FCellTypes.PROGRESS_BAR:\n        case FCellTypes.RATING:\n            cell.data.value = parseInt(cell.value);\n            break;\n\n        case FCellTypes.ICON:\n        case FCellTypes.IMAGE:\n            cell.data.resource = cell.value;\n            break;\n    }\n}\n\nfunction cellEvent(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    props: FCellProps,\n    cellType: FCellTypes,\n    cellEventName: FCellEvents\n): void {\n    const cell = props.cell;\n    const column = props.column;\n    const comp = props.component;\n    const row = props.row;\n    if (cellEventName === FCellEvents.UPDATE) {\n        let value = getValueFromEventTaget(e, cellType);\n        switch (cellType) {\n            case FCellTypes.AUTOCOMPLETE:\n            case FCellTypes.COMBOBOX:\n            case FCellTypes.DATE:\n            case FCellTypes.TIME:\n                if (cell.data) {\n                    cell.data['initialValue'] = value;\n                }\n                break;\n            case FCellTypes.CHECKBOX:\n            case FCellTypes.SWITCH:\n                value = value === 'on' ? '0' : '1';\n                if (cell.data) {\n                    (cell.data as FCheckboxProps).checked =\n                        value === '0' ? false : true;\n                }\n                break;\n            case FCellTypes.RADIO:\n                // data change handled outside this switchcase to avoid passing the index\n                break;\n            case FCellTypes.CHIP:\n            case FCellTypes.MULTI_AUTOCOMPLETE:\n            case FCellTypes.MULTI_COMBOBOX:\n                value = (e as CustomEvent<KupChipChangeEventPayload>).detail\n                    .stringifiedValues;\n                if (cell.data) {\n                    (cell.data as FChipsProps).data = (\n                        e as CustomEvent<KupChipChangeEventPayload>\n                    ).detail.comp.data;\n                }\n                break;\n        }\n        if (cell.obj) {\n            cell.obj.k = value.toString();\n        }\n        cell.value = value.toString();\n        cell.displayedValue = null;\n        cell.displayedValue = getCellValueForDisplay(column, cell);\n    }\n    if (comp && (comp as KupComponent).rootElement) {\n        const cellEvent = new CustomEvent<FCellEventPayload>(cellEventName, {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n                comp: comp,\n                id: (comp as KupComponent).rootElement.id,\n                cell: cell,\n                column: column,\n                event: e,\n                row: row,\n                type: cellType,\n            },\n        });\n        (comp as KupComponent).rootElement.dispatchEvent(cellEvent);\n        if (cellEventName === FCellEvents.UPDATE) {\n            try {\n                (comp as KupComponent).refresh();\n            } catch (error) {\n                dom.ketchup.debug.logMessage(\n                    comp,\n                    error,\n                    KupDebugCategory.ERROR\n                );\n            }\n        }\n    }\n}\n\nfunction getValueFromEventTaget(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    cellType: FCellTypes\n): string {\n    const isInputEvent = !!((e.target as HTMLElement).tagName === 'INPUT');\n    let value = isInputEvent\n        ? (e.target as HTMLInputElement).value\n        : e.detail.value;\n\n    if (cellType === FCellTypes.CHECKBOX && isInputEvent) {\n        value = (e.target as HTMLInputElement).checked ? 'off' : 'on';\n    }\n\n    if (cellType === FCellTypes.NUMBER && isInputEvent) {\n        value = dom.ketchup.math.formattedStringToNumberString(value, '');\n    }\n    return value;\n}\n\nfunction isAutoCentered(props: FCellProps) {\n    return autoCenterComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n\nfunction isFullWidth(props: FCellProps) {\n    return fullWidthFieldsComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ketchup/{p-aefb781c.entry.js → p-cdd29a6d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as c,t as h,ae as l}from"./p-1d215391.js";import{c as p}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["columnsNumber"]="Sets the number of columns.";t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the component.";t["decvalueCol"]="Sets the decimal value column.";t["descrCol"]="Sets the description column.";t["fullWidth"]="Sets whether the component occupies all available width.";t["horizontal"]="Sets whether the cards are placed horizontally or not.";t["iconCol"]="Sets the icon column.";t["iconcolorCol"]="Sets the icon color column.";t["intvalueCol"]="Sets the integer value column.";t["isClickable"]="Sets whether a single card is clickable or not.";t["layoutCol"]="Sets the layout column.";t["measureCol"]="Sets the unit of measure column.";t["textcolorCol"]="Sets the text color column.";t["valueCol"]="Sets the value column.";t["valuecolorCol"]="Sets the value color column."})(f||(f={}));const u=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";const m=u;var d=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,a){if(i==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?a:i==="a"?a.call(t):a?a.value:e.get(t)};var k;const g=class{constructor(i){t(this,i);this.kupCardListClickEvent=e(this,"kup-cardlist-click",7);k.set(this,n());this.columnsNumber=1;this.customStyle="";this.data=null;this.fullWidth=true;this.horizontal=false;this.descrCol="";this.iconCol="";this.valueCol="";this.measureCol="";this.intvalueCol="";this.decvalueCol="";this.textcolorCol="";this.valuecolorCol="";this.iconcolorCol="";this.layoutCol="";this.isClickable=false}async getProps(t){return r(this,f,t)}async refresh(){i(this)}async setProps(t){c(this,f,t)}componentWillLoad(){d(this,k,"f").debug.logLoad(this,false);d(this,k,"f").theme.register(this)}componentDidLoad(){d(this,k,"f").debug.logLoad(this,true)}componentDidRender(){d(this,k,"f").debug.logRender(this,true)}render(){if(!this.data||!this.data.columns||!this.data.columns.length){return}const t=[];let e,i,o,n,r,c,f,u,m,g;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name){switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:r=a;break;case this.layoutCol:c=a;break;case this.measureCol:f=a;break;case this.textcolorCol:u=a;break;case this.valueCol:m=a;break;case this.valuecolorCol:g=a;break}}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s];const x={color:[],image:[],text:[]};const y=c&&p.cells[c.name].value?parseInt(p.cells[c.name].value):1;const b=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:h.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{if(this.isClickable){this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})}},slot:s.toString()});const w=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=d(this,k,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a);break}}}};switch(y){case 1:w(u,"color",0);w(g,"color",1);w(i,"text",0);w(m,"text",1);break;case 2:w(n,"color",0);w(g,"color",1);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);break;case 3:w(g,"color",0);w(u,"color",1);w(m,"text",0);w(i,"text",1);break;case 4:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);w(i,"text",3);break;case 5:w(n,"color",0);w(u,"color",1);w(g,"color",2);w(o,"image",0);w(i,"text",0);w(m,"text",1);break;case 6:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 7:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 8:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break}t.push(b)}return a(s,null,a("style",null,d(this,k,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:`${this.fullWidth?"kup-full-width":""} scalable-cards`,columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){d(this,k,"f").theme.unregister(this)}get rootElement(){return o(this)}};k=new WeakMap;g.style=m;export{g as kup_card_list};
-//# sourceMappingURL=p-aefb781c.entry.js.map
+import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as c,t as h,ag as l}from"./p-8c07fd42.js";import{c as p}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["columnsNumber"]="Sets the number of columns.";t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the component.";t["decvalueCol"]="Sets the decimal value column.";t["descrCol"]="Sets the description column.";t["fullWidth"]="Sets whether the component occupies all available width.";t["horizontal"]="Sets whether the cards are placed horizontally or not.";t["iconCol"]="Sets the icon column.";t["iconcolorCol"]="Sets the icon color column.";t["intvalueCol"]="Sets the integer value column.";t["isClickable"]="Sets whether a single card is clickable or not.";t["layoutCol"]="Sets the layout column.";t["measureCol"]="Sets the unit of measure column.";t["textcolorCol"]="Sets the text color column.";t["valueCol"]="Sets the value column.";t["valuecolorCol"]="Sets the value color column."})(f||(f={}));const u=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";const m=u;var d=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,a){if(i==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?a:i==="a"?a.call(t):a?a.value:e.get(t)};var g;const k=class{constructor(i){t(this,i);this.kupCardListClickEvent=e(this,"kup-cardlist-click",7);g.set(this,n());this.columnsNumber=1;this.customStyle="";this.data=null;this.fullWidth=true;this.horizontal=false;this.descrCol="";this.iconCol="";this.valueCol="";this.measureCol="";this.intvalueCol="";this.decvalueCol="";this.textcolorCol="";this.valuecolorCol="";this.iconcolorCol="";this.layoutCol="";this.isClickable=false}async getProps(t){return r(this,f,t)}async refresh(){i(this)}async setProps(t){c(this,f,t)}componentWillLoad(){d(this,g,"f").debug.logLoad(this,false);d(this,g,"f").theme.register(this)}componentDidLoad(){d(this,g,"f").debug.logLoad(this,true)}componentDidRender(){d(this,g,"f").debug.logRender(this,true)}render(){if(!this.data||!this.data.columns||!this.data.columns.length){return}const t=[];let e,i,o,n,r,c,f,u,m,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name){switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:r=a;break;case this.layoutCol:c=a;break;case this.measureCol:f=a;break;case this.textcolorCol:u=a;break;case this.valueCol:m=a;break;case this.valuecolorCol:k=a;break}}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s];const x={color:[],image:[],text:[]};const y=c&&p.cells[c.name].value?parseInt(p.cells[c.name].value):1;const b=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:h.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{if(this.isClickable){this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})}},slot:s.toString()});const w=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=d(this,g,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a);break}}}};switch(y){case 1:w(u,"color",0);w(k,"color",1);w(i,"text",0);w(m,"text",1);break;case 2:w(n,"color",0);w(k,"color",1);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);break;case 3:w(k,"color",0);w(u,"color",1);w(m,"text",0);w(i,"text",1);break;case 4:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);w(i,"text",3);break;case 5:w(n,"color",0);w(u,"color",1);w(k,"color",2);w(o,"image",0);w(i,"text",0);w(m,"text",1);break;case 6:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 7:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 8:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break}t.push(b)}return a(s,null,a("style",null,d(this,g,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:`${this.fullWidth?"kup-full-width":""} scalable-cards`,columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){d(this,g,"f").theme.unregister(this)}get rootElement(){return o(this)}};g=new WeakMap;k.style=m;export{k as kup_card_list};
+//# sourceMappingURL=p-cdd29a6d.entry.js.map

package/dist/ketchup/{p-71c0ab9e.js → p-df06309a.js}

@@ -1,2 +1,2 @@
-import{h as c}from"./p-d7c15b0e.js";import{F as e}from"./p-2b519589.js";import{b as i,h as s}from"./p-1d215391.js";var n;(function(c){c["CHOICE"]="choice";c["FILTER"]="filter";c["INPUT"]="input";c["STANDARD"]="standard"})(n||(n={}));var t;(function(c){c["OUTLINED"]="outlined";c["RAISED"]="raised"})(t||(t={}));var l;(function(c){c["SMALL"]="small";c["MEDIUM"]="medium"})(l||(l={}));const r=document.documentElement;const o=e=>{if(!e.styling){e.styling=t.RAISED}if(!e.type){e.type=n.STANDARD}const i=e.type.toLowerCase()===n.CHOICE;const s=e.type.toLowerCase()===n.FILTER;const l=e.type.toLowerCase()===n.INPUT;const r=e.styling.toLowerCase()===t.OUTLINED;const o=!r?true:false;const a={"chip-set":true,"chip-set--choice":i?true:false,"chip-set--filter":s?true:false,"chip-set--input":l?true:false,"chip--outlined":r?true:false,"chip--raised":o?true:false,[`chip--${e.sizing}`]:e.sizing?true:false};return c("div",Object.assign({class:`f-chip ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.primary?"kup-primary":""}`},e.dataSet,{id:e.id,title:e.title}),c("div",{class:a,role:"grid"},p(e,i,s,l)))};function p(n,t,l,o){const p=[];for(let a=0;n.data&&a<n.data.length;a++){const u=[];d(n.data[a],0);p.push(c("div",{class:"chip-set__item"},...u));function d(t,l){const o=!!(t.children&&t.children.length>0);const p=!!(o&&t.isExpanded);const _={["--kup_chip_indent_offset"]:l.toString()};u.push(c("div",{class:`chip-set__wrapper ${o&&!p?"chip-set__wrapper--hidden-children":""}`},c("div",{class:"chip-set__indent",style:_}),o?c(e,{onClick:n.onExpansionClick&&n.onExpansionClick[a]?n.onExpansionClick[a].bind(n.onExpansionClick[a],t):null,resource:`${i.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?c(e,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(t)));if(p){for(let c=0;c<t.children.length;c++){if(t.children[c]){d(t.children[c],l+1)}}}}function h(s){const r=!!(s.icon&&!s.value);let p=`chip ${r?"chip--only-icon":""}`;let u=[];let d="chip__icon chip__icon--leading";if(l||t){if(s.checked){p+=" chip--selected";if(l){d+=" chip__icon--leading-hidden"}}}if(s.icon){const i={color:t&&s.checked?`var(--kup_chip_primary_color)`:`var(--kup_chip_text_color)`,resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d};u.push(c(e,Object.assign({},i)))}if(l){u.push(c("span",{class:"chip__checkmark"},c("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},c("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))))}return c("div",{class:p,"data-value":s.id,onClick:n.onClick&&n.onClick[a]?n.onClick[a].bind(n.onClick[a],s):null,role:"row",title:s.title?s.title:""},c("span",{class:"chip-set__indent"}),u,c("span",{role:"gridcell"},c("span",{role:"button",tabindex:a,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[a]?n.onBlur[a].bind(n.onBlur[a],s):null,onFocus:n.onFocus&&n.onFocus[a]?n.onFocus[a].bind(n.onFocus[a],s):null},c("span",{class:"chip__text"},n.displayId?s.id+" - "+s.value:s.value))),o?c("span",{role:"gridcell"},c("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[a]?n.onIconClick[a].bind(n.onIconClick[a],s):null})):null)}}return p}export{n as F,l as a,t as b,o as c};
-//# sourceMappingURL=p-71c0ab9e.js.map
+import{h as c}from"./p-d7c15b0e.js";import{F as e}from"./p-2b519589.js";import{b as i,h as s}from"./p-8c07fd42.js";var n;(function(c){c["CHOICE"]="choice";c["FILTER"]="filter";c["INPUT"]="input";c["STANDARD"]="standard"})(n||(n={}));var t;(function(c){c["OUTLINED"]="outlined";c["RAISED"]="raised"})(t||(t={}));var l;(function(c){c["SMALL"]="small";c["MEDIUM"]="medium"})(l||(l={}));const r=document.documentElement;const o=e=>{if(!e.styling){e.styling=t.RAISED}if(!e.type){e.type=n.STANDARD}const i=e.type.toLowerCase()===n.CHOICE;const s=e.type.toLowerCase()===n.FILTER;const l=e.type.toLowerCase()===n.INPUT;const r=e.styling.toLowerCase()===t.OUTLINED;const o=!r?true:false;const a={"chip-set":true,"chip-set--choice":i?true:false,"chip-set--filter":s?true:false,"chip-set--input":l?true:false,"chip--outlined":r?true:false,"chip--raised":o?true:false,[`chip--${e.sizing}`]:e.sizing?true:false};return c("div",Object.assign({class:`f-chip ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.primary?"kup-primary":""}`},e.dataSet,{id:e.id,title:e.title}),c("div",{class:a,role:"grid"},p(e,i,s,l)))};function p(n,t,l,o){const p=[];for(let a=0;n.data&&a<n.data.length;a++){const u=[];d(n.data[a],0);p.push(c("div",{class:"chip-set__item"},...u));function d(t,l){const o=!!(t.children&&t.children.length>0);const p=!!(o&&t.isExpanded);const _={["--kup_chip_indent_offset"]:l.toString()};u.push(c("div",{class:`chip-set__wrapper ${o&&!p?"chip-set__wrapper--hidden-children":""}`},c("div",{class:"chip-set__indent",style:_}),o?c(e,{onClick:n.onExpansionClick&&n.onExpansionClick[a]?n.onExpansionClick[a].bind(n.onExpansionClick[a],t):null,resource:`${i.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?c(e,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(t)));if(p){for(let c=0;c<t.children.length;c++){if(t.children[c]){d(t.children[c],l+1)}}}}function h(s){const r=!!(s.icon&&!s.value);let p=`chip ${r?"chip--only-icon":""}`;let u=[];let d="chip__icon chip__icon--leading";if(l||t){if(s.checked){p+=" chip--selected";if(l){d+=" chip__icon--leading-hidden"}}}if(s.icon){const i={color:t&&s.checked?`var(--kup_chip_primary_color)`:`var(--kup_chip_text_color)`,resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d};u.push(c(e,Object.assign({},i)))}if(l){u.push(c("span",{class:"chip__checkmark"},c("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},c("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))))}return c("div",{class:p,"data-value":s.id,onClick:n.onClick&&n.onClick[a]?n.onClick[a].bind(n.onClick[a],s):null,role:"row",title:s.title?s.title:""},c("span",{class:"chip-set__indent"}),u,c("span",{role:"gridcell"},c("span",{role:"button",tabindex:a,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[a]?n.onBlur[a].bind(n.onBlur[a],s):null,onFocus:n.onFocus&&n.onFocus[a]?n.onFocus[a].bind(n.onFocus[a],s):null},c("span",{class:"chip__text"},n.displayId?s.id+" - "+s.value:s.value))),o?c("span",{role:"gridcell"},c("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[a]?n.onIconClick[a].bind(n.onIconClick[a],s):null})):null)}}return p}export{n as F,l as a,t as b,o as c};
+//# sourceMappingURL=p-df06309a.js.map

package/dist/ketchup/{p-0bbc107a.entry.js → p-e01cb12b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as o,H as s,d as n}from"./p-d7c15b0e.js";import{k as r,y as a,g as l,s as h,a1 as c,v as p,h as u,b as d,e as f,N as b,R as x,ar as g,V as m,E as k}from"./p-1d215391.js";import{f as w,p as v,s as y}from"./p-3c73ab2d.js";import{F as _}from"./p-2b519589.js";import{c as j}from"./p-71c0ab9e.js";import{c as C}from"./p-635bb4b3.js";import{F as z}from"./p-b4c093c6.js";import{p as P,r as M,F as R}from"./p-81406670.js";import{F as A}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-d46f8700.js";import"./p-cc32b7a2.js";import"./p-e3062c19.js";import"./p-d4a879fc.js";var I;(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={}));var E;(function(t){t["CONSTANT"]="constant";t["CONSTANT_INCREMENT"]="constant_increment";t["PROGRESSIVE_THRESHOLD"]="progressive_threshold"})(E||(E={}));class S{constructor(){this.globalFilterValue="";this.sortBy="";this.selectedRowsState="";this.pageSelected=1;this.rowsPerPage=0;this.load=false;this.loadMoreLimit=1e3;this.showLoadMore=false}toDebugString(){return"box state"}}const O=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(--kup-box-background-color, var(--kup-layer-1));--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(--kup-box-border-color-drag, var(--kup-border-interactive))\n  display: block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05))}.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-radius-00)}#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)}";const D=O;var W=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,s){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var T,$,L,F,H,N,G,V,q;const K=class{constructor(i){t(this,i);this.kupBoxClick=e(this,"kup-box-click",6);this.kupBoxSelected=e(this,"kup-box-selected",6);this.kupAutoBoxSelect=e(this,"kup-box-autoselect",6);this.kupRowActionMenuClick=e(this,"kup-box-rowactionmenuclick",6);this.kupRowActionClick=e(this,"kup-box-rowactionclick",6);this.kupDidLoad=e(this,"kup-box-didload",6);this.kupDidUnload=e(this,"kup-box-didunload",6);this.kupBoxContextMenu=e(this,"kup-box-contextmenu",6);this.kupLoadMoreClick=e(this,"kup-box-loadmoreclick",6);T.add(this);this.state=new S;this.kupManager=r();this.visibleColumns=[];this.rows=[];this.filteredRows=[];this.sectionRef=null;this.rowsRefs=[];this.hold=false;this.interactableDrag=[];this.interactableDrop=[];this.interactableTouch=[];$.set(this,undefined);L.set(this,[]);F.set(this,0);H.set(this,0);N.set(this,0);this.collapsedSection={};this.selectedRows=[];this.rowActionMenuOpened=undefined;this.currentPage=1;this.currentRowsPerPage=10;this.cardData=null;this.columns=1;this.customStyle="";this.data=null;this.dragEnabled=false;this.dropEnabled=false;this.dropOnSection=false;this.editableData=false;this.enableRowActions=false;this.globalFilter=false;this.globalFilterValue="";this.kanban=null;this.layout=undefined;this.lazyLoadRows=false;this.loadMoreLimit=1e3;this.loadMoreMode=E.PROGRESSIVE_THRESHOLD;this.loadMoreStep=60;this.multiSelection=false;this.pageSelected=1;this.pagination=false;this.rowsPerPage=undefined;this.scrollOnHover=false;this.selectBox=undefined;this.selectedRowsState=undefined;this.showLoadMore=false;this.showSelection=true;this.sortBy=undefined;this.sortEnabled=false;this.stateId="";this.store=undefined;this.swipeDisabled=false}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t);this.sortBy=this.state.sortBy;this.globalFilterValue=this.state.globalFilterValue;this.selectedRowsState=this.state.selectedRowsState;this.pageSelected=this.state.pageSelected;this.rowsPerPage=this.state.rowsPerPage;this.loadMoreLimit=t.loadMoreLimit;this.showLoadMore=t.showLoadMore}}}persistState(){if(this.store&&this.stateId){let t=false;if(!this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)){this.state.sortBy=this.sortBy;t=true}if(!this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)){this.state.pageSelected=this.currentPage;t=true}if(!this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)){this.state.rowsPerPage=this.currentRowsPerPage;t=true}const e=this.selectedRows.reduce(((t,e,i)=>{const o=i>0?";":"";return t+o+e.id}),"");if(!this.kupManager.objects.deepEqual(this.state.selectedRowsState,e)){this.state.selectedRowsState=e;t=true}if(!this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)){this.state.loadMoreLimit=this.loadMoreLimit;t=true}if(!this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)){this.state.showLoadMore=this.showLoadMore;t=true}if(!this.state.load){this.state.load=true;return}if(t){this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state);this.store.persistState(this.stateId,this.state)}}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows());this.initVisibleColumns();this.initRows();this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return l(this,I,t)}async loadRowActions(t,e){t.actions=e;this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){h(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:undefined}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>{if(t.hasOwnProperty("visible")){return t.visible}return true}))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows();if(this.globalFilter&&this.globalFilterValue){this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)}this.rows=this.sortRows(this.filteredRows);if(this.pagination){this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,false)}}sortRows(t){let e=t;if(this.sortBy){e=y(e,this.toSortObjectList())}return e}toSortObjectList(){const t=this.sortBy.split("|").map((t=>{const e=t.split(",");const i={column:e[0],sortMode:e.length>1?c[e[1]]:c.A};return i}));return t}checkScrollOnHover(){if(this.boxContainer){if(!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)){if(this.scrollOnHover){this.kupManager.scrollOnHover.register(this.boxContainer)}}else{if(!this.scrollOnHover){this.kupManager.scrollOnHover.unregister(this.boxContainer)}}}}checkLayout(){if(this.layout){this.boxLayout=this.layout;return}const t={horizontal:false,sections:[]};const e=this.visibleColumns;let i=e.length;let o=[];let s=0;while(i-- >0){o.push({column:e[s++].name})}t.content=o;this.boxLayout={sections:[t]}}onSortChange(t){let e=p(this.visibleColumns,t.detail.value);this.sortBy=e.name}onGlobalFilterChange({detail:t}){let e="";if(t&&t.value){e=t.value}this.globalFilterValue=e}isSectionExpanded(t,e){if(!t.id||!e.id){return false}return this.collapsedSection[e.id]&&this.collapsedSection[e.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,e){let i=null;let o=null;let s=null;let n=null;if(t){for(let e=t.length-1;e>=0;e--){let o=t[e];if(!o.tagName){continue}switch(o.tagName.toUpperCase()){default:{if(o.classList.contains("box-object")){i=o}if(!s&&o["data-row"]){s=o["data-row"]}break}}}}if(i){if(i.classList.contains("f-cell")){const t=i["kup-get-cell-props"]();o=t.cell;n=t.column;s=t.row}else{o=i["data-cell"];s=i["data-row"];n=p(this.visibleColumns,i.dataset.column)}}return{boxObject:i?i:null,column:n?n:null,cell:o?o:null,originalEvent:e,row:s?s:null}}clickHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);if(e.row){if(this.multiSelection){this.onSelectionCheckChange(e.row)}else{this.selectedRows=[e.row]}}return e}contextMenuHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);return e}checkIfElementIsActionMenuIcon(t){if(t.tagName&&t.parentElement){return t.tagName==="svg"&&t.parentElement.classList.contains("row-actions-toggler")}return false}onSelectionCheckChange(t){var e=-1;for(let i=0;i<this.selectedRows.length;i++){const o=this.selectedRows[i];if(o.id===t.id){e=i;break}}if(e>=0){this.selectedRows.splice(e,1);this.selectedRows=[...this.selectedRows]}else{this.selectedRows=[...this.selectedRows,t]}this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,e){if(!e.id){console.error("cannot expand / collapse a section withoun an ID");return}if(!t.id){console.error("cannot expand / collapse a section of a row without ad id");return}if(!this.collapsedSection[e.id]){this.collapsedSection[e.id]={};this.collapsedSection[e.id][t.id]=true}else{const i=this.collapsedSection[e.id];if(!i[t.id]){i[t.id]=true}else{i[t.id]=!i[t.id]}}this.collapsedSection=Object.assign({},this.collapsedSection)}onRowAction(t){if(!t){return}if(t===this.rowActionMenuOpened){this.rowActionMenuOpened=null;return}if(t.actions){this.rowActionMenuOpened=t}else{this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t})}}onRowActionClick(t,e,i){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:e,index:i})}clickFunction(t){try{const e=t.composedPath();for(let t of e){if(this.checkIfElementIsActionMenuIcon(t)){return}}}catch(e){if(this.checkIfElementIsActionMenuIcon(t.target)){return}}this.rowActionMenuOpened=null}handlePageChange(t){const e=P(t,this.filteredRows.length,this.currentRowsPerPage);if(e){this.currentPage=e}}handleRowsPerPageChange(t){const e=M(t,this.filteredRows.length);if(e){this.currentRowsPerPage=e;this.adjustPaginator()}}adjustPaginator(){const t=this.rows.length;const e=Math.ceil(t/this.currentRowsPerPage);if(this.currentPage>e){this.currentPage=1}}renderSectionAsCard(t){let e=false;const i={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let e=0;e<this.data.columns.length;e++){const o=this.data.columns[e];if(o.visible!==false){i.cell.push(t.cells[o.name]);i.columns.push(o)}}for(const e in t.cells){if(t.cells.hasOwnProperty(e)){const o=t.cells[e];if(o.cardID!==undefined&&o.obj){switch(o.obj.p){case"BTN":do{i.button.push({})}while(i.button.length<o.cardID);i.button[o.cardID]={label:o.value};break;case"IMG":do{i.image.push({})}while(i.image.length<o.cardID);i.image[o.cardID]={resource:o.value};break;case"PGB":do{i.progressbar.push({})}while(i.progressbar.length<o.cardID);i.progressbar[o.cardID]={value:o.value};break;default:do{i.text.push("")}while(i.text.length<o.cardID);i.text[o.cardID]=o.value;break}}}}for(const o in t.cells){if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(s.cardID===undefined&&s.obj){e=false;switch(s.obj.p){case"BTN":for(let t=0;t<i.button.length;t++){if(!Object.keys(i.button[t]).length){i.button[t]={label:s.value};e=true;break}}if(!e){i.button.push({label:s.value})}break;case"IMG":for(let t=0;t<i.image.length;t++){if(!Object.keys(i.image[t]).length){i.image[t]={resource:s.value};e=true;break}}if(!e){i.image.push({resource:s.value})}break;case"PGB":for(let t=0;t<i.progressbar.length;t++){if(!Object.keys(i.progressbar[t]).length){i.progressbar[t]={value:s.value};e=true;break}}if(!e){i.progressbar.push({value:s.value})}break;default:for(let t=0;t<i.text.length;t++){if(i.text[t]===""){i.text[t]=s.value;e=true;break}}if(!e){i.text.push(s.value)}break}}}}return o("kup-card",Object.assign({data:i},this.cardData))}renderRow(t){const e=[...this.visibleColumns];let i=null;let s=t.layout;if(!s){s=this.boxLayout}let n=false;if(s){if(s.horizontal){n=true}const o=s.sections;let r=o.length;let a=0;if(r>0){i=[]}const l={horizontal:n};while(r-- >0){if(this.cardData!==null&&this.cardData!==undefined&&typeof this.cardData==="object"){i.push(this.renderSectionAsCard(t))}else{i.push(this.renderSection(o[a++],l,t,e))}}}var r=false;for(let e of this.selectedRows){if(e.id===t.id){r=true}}let a=null;if(this.multiSelection){a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:r}))}let l=null;if(this.enableRowActions&&!this.swipeDisabled){const e={"row-action-menu":true,open:t===this.rowActionMenuOpened};let i=null;if(t.actions){const e=t.actions.map(((e,i)=>{const s=`icon ${e.icon}`;return o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,e,i)},o("div",{class:s}),o("div",{class:"text"},e.text))}));i=o("ul",null,e)}l=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:e},i)))}let h=null;if(t.badgeData&&t.badgeData.length>0){h=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t["className"]?`centered ${t["className"]}`:"centered",imageData:t.imageData})))}const c={box:true,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n};const p=t.style||{};return o("div",{class:"box-wrapper",style:p,ref:t=>{if(t){W(this,L,"f").push(t)}}},o("div",{class:c,"data-row":t,ref:t=>this.rowsRefs.push(t)},a,i,h),l)}renderSection(t,e,i,s){let n=null;if(t.sections&&t.sections.length>0){const e=t.sections;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderSection(e[r++],t,i,s))}}else if(t.content){const e=t.content;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderBoxObject({boxObject:e[r++],row:i,visibleColumns:s},true))}}else if(s.length>0){const t=s[0];n=this.renderBoxObject({boxObject:{column:t.name},row:i,visibleColumns:s})}const r=this.isSectionExpanded(i,t);const a=!!t.columns;const l={"box-section":true,open:r,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||t.sections.length===0};const h=t.style||{};if(t.dim&&e){h.flex=`0 0 ${t.dim}`;h.overflow="hidden";if(e.horizontal){h.maxWidth=t.dim}else{h.maxHeight=t.dim}}if(a){h["grid-template-columns"]=`repeat(${t.columns}, 1fr)`}let c=null;if(t.collapsible){l["collapse-section"]=true;const e={content:true};let s="";if(t.title){s=t.title}else if(r){s=this.kupManager.language.translate(u.COLLAPSE)}else{s=this.kupManager.language.translate(u.EXPAND)}c=o("div",{class:l,style:h},o("div",{class:e},n),o("div",{class:"header",role:"button",onClick:e=>{e.stopPropagation();this.toggleSectionExpand(i,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:r?"toggled":""}))))}else{const e=t.title?o("h3",null,t.title):null;c=o("div",{class:l,style:h},e,n)}return c}renderBoxObject({boxObject:t,row:e,visibleColumns:i},s){const n={"box-object":true};const r={};let a=null;let l=-1;for(let e=0;e<i.length;e++){const o=i[e];if(o.name===t.column){l=e;break}}if(l>=0){a=i[l];i.splice(l,1)}else if(s){a=this.data.columns.find((e=>e.name===t.column))}const h=e.cells[t.column];let c=undefined;if(h&&!this.kupManager.objects.isEmptyKupObj(h.obj)){n["is-obj"]=true;if(this.kupManager.debug.isDebug()){c=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";"}}const p={cell:h,column:a,component:this,editable:this.editableData,renderKup:true,row:e,setSizes:true,shape:t.shape};return o("div",{"data-cell":h,"data-row":e,"data-column":t.column,class:n,style:r,title:c},h&&a?o(z,Object.assign({},p)):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||this.kanban.columns.length===0){this.kupManager.debug.logMessage(this,"No columns to group by detected.",f.ERROR);return{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(u.EMPTY_DATA)),style:{"grid-template-columns":`repeat(1, 1fr)`}}}const t=[];if(this.kanban.labels){for(let e=0;e<this.kanban.labels.length;e++){const i=this.kanban.labels[e];t.push({labels:i,nodes:[]})}}for(let e=0;e<this.rows.length;e++){let i=[];for(let t=0;t<this.kanban.columns.length;t++){try{i.push(this.rows[e].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,f.WARNING)}}const o={found:false,index:null};for(let e=0;e<t.length;e++){let s=t[e].labels;let n=true;for(let t=0;t<s.length;t++){if(i[t]!==s[t]){n=false;break}}if(n){o.found=true;o.index=e;break}}if(o.found){t[o.index].nodes.push(this.renderRow(this.rows[e]))}else{t.push({labels:i,nodes:[this.renderRow(this.rows[e])]})}}const e=[];for(let i=0;i<t.length;i++){const s=t[i].labels;const n={data:[]};for(let t=0;t<s.length;t++){n.data.push({value:s[t],id:s[t]})}e.push(o("div",{class:"kanban-section"},o(j,Object.assign({},n)),t[i].nodes))}return{jsx:e,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);const t=t=>{var e;if(this.hold){this.hold=false;return}switch(t.button){case 0:const i={};for(const e in t){i[e]=t[e]}const o=this.clickHandler(i);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:(e=o.column)===null||e===void 0?void 0:e.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)});break}};const e=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){this.hold=true;this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}};this.kupManager.interact.on(this.boxContainer,b.TAP,t);this.kupManager.interact.on(this.boxContainer,b.HOLD,e)}didRenderInteractables(){if(this.dragEnabled){for(let t=0;t<this.rowsRefs.length;t++){const e=this.rowsRefs[t];const i=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.visibleColumns,t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};if(e&&!this.interactableDrag.includes(e)){this.interactableDrag.push(e);this.kupManager.interact.draggable(e,{allowFrom:".box-object",cursorChecker(){return null}},{callback:i},x.BADGE)}}}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t){this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",f.WARNING);return}const e=this.kupManager.getEventPath(t,this.rootElement);const i=this.getEventDetails(e);return{cell:i.cell,column:i.column,id:this.rootElement.id,row:i.row}};if(!this.interactableDrop.includes(this.sectionRef)){this.interactableDrop.push(this.sectionRef);this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:m.BOX})}for(let e=0;e<this.rowsRefs.length;e++){const i=this.rowsRefs[e];if(i&&!this.interactableDrop.includes(i)){this.interactableDrop.push(i);this.kupManager.interact.dropzone(i,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX})}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);if(this.rowsPerPage){this.currentRowsPerPage=this.rowsPerPage}if(this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length){this.currentRowsPerPage=this.data.rows.length}this.kupManager.language.register(this);this.kupManager.theme.register(this);this.onDataChanged();this.adjustPaginator();if(document.querySelector(".header")){B(this,F,document.querySelector(".header").clientHeight,"f")}else{B(this,F,0,"f")}if(document.querySelector(".topbar")){B(this,F,W(this,F,"f")+document.querySelector(".topbar").clientHeight,"f")}W(this,T,"m",V).call(this)}componentDidLoad(){this.handleAutomaticBoxSelection();document.addEventListener("click",this.clickFunction.bind(this));this.currentPage=this.pageSelected;if(this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((e=>t.indexOf(e.id)>=0))}this.didLoadInteractables();this.kupDidLoad.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){A(e[t])}}this.checkScrollOnHover();this.persistState();this.didRenderInteractables();W(this,T,"m",G).call(this);this.kupManager.debug.logRender(this,true)}render(){B(this,L,[],"f");const t=!!(typeof this.kanban==="object"&&this.kanban!==null);let e=null;if(this.sortEnabled){const t=this.visibleColumns.map((t=>{const e={value:t.title,id:t.name,selected:t.name===this.sortBy};return e}));const i=[{value:"",id:""},...t];let s={label:this.kupManager.language.translate(u.SORT_BY),trailingIcon:true};let n={data:i,selectable:true};let r={"kup-text-field":s,"kup-list":n};e=o("div",{id:"sort-panel"},o("kup-combobox",{data:r,initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let i=null;if(this.globalFilter){i=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:true,label:this.kupManager.language.translate(k.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout);this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))}let n=null;if(this.showLoadMore||!this.lazyLoadRows&&this.pagination){n=o(R,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{W(this,T,"m",q).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 r=null;let a={};if(this.rows.length===0){r=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(u.EMPTY_DATA)));a={"grid-template-columns":`repeat(1, 1fr)`}}else if(t){const t=this.kanbanMode();r=t.jsx;a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let e=t.length;let i=0;r=[];while(e-- >0){r.push(this.renderRow(t[i++]))}}return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:C},o("div",{class:"box-component",ref:t=>this.sectionRef=t},e,i,n,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},r))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop));this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this);if(this.scrollOnHover){this.kupManager.scrollOnHover.unregister(this.boxContainer)}document.removeEventListener("click",this.clickFunction.bind(this));this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};$=new WeakMap,L=new WeakMap,F=new WeakMap,H=new WeakMap,N=new WeakMap,T=new WeakSet,G=function t(){if(this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length){W(this,$,"f").observe(W(this,L,"f")[W(this,L,"f").length-1])}},V=function t(){const e=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const e=this.data.rows.length-this.currentRowsPerPage;if(e<this.loadMoreStep){this.currentRowsPerPage+=e}else{this.currentRowsPerPage+=this.loadMoreStep}t.target.classList.remove("last-row");W(this,$,"f").unobserve(t.target)}}))};const i={threshold:0,rootMargin:"-"+W(this,F,"f")+"px 0px 0px 0px"};B(this,$,new IntersectionObserver(e,i),"f")},q=function t(){var e;let i=0;switch(this.loadMoreMode){case E.CONSTANT:i=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:i=this.loadMoreStep*(W(this,H,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:i=Math.max(W(this,N,"f"),this.loadMoreStep)*Math.min(W(this,H,"f")+1,2);break}if(i>this.loadMoreLimit){i=this.loadMoreLimit}this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i});B(this,N,i,"f");B(this,H,(e=W(this,H,"f"),e++,e),"f")};K.style=D;export{K as kup_box};
-//# sourceMappingURL=p-0bbc107a.entry.js.map
+import{r as t,c as e,f as i,h as o,H as s,d as n}from"./p-d7c15b0e.js";import{k as r,y as a,g as l,s as h,a1 as c,v as p,h as u,b as d,e as f,N as b,R as x,ar as g,V as m,E as k}from"./p-8c07fd42.js";import{f as w,p as v,s as y}from"./p-802a4e44.js";import{F as _}from"./p-2b519589.js";import{c as j}from"./p-df06309a.js";import{c as C}from"./p-635bb4b3.js";import{F as z}from"./p-bbdf4a8f.js";import{p as P,r as M,F as R}from"./p-544eca9d.js";import{F as A}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-1754ee9b.js";import"./p-cc32b7a2.js";import"./p-e3062c19.js";import"./p-d4a879fc.js";var I;(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={}));var E;(function(t){t["CONSTANT"]="constant";t["CONSTANT_INCREMENT"]="constant_increment";t["PROGRESSIVE_THRESHOLD"]="progressive_threshold"})(E||(E={}));class S{constructor(){this.globalFilterValue="";this.sortBy="";this.selectedRowsState="";this.pageSelected=1;this.rowsPerPage=0;this.load=false;this.loadMoreLimit=1e3;this.showLoadMore=false}toDebugString(){return"box state"}}const O=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(--kup-box-background-color, var(--kup-layer-1));--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(--kup-box-border-color-drag, var(--kup-border-interactive))\n  display: block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05))}.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-radius-00)}#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)}";const D=O;var W=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,s){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var T,$,L,F,H,N,G,V,q;const K=class{constructor(i){t(this,i);this.kupBoxClick=e(this,"kup-box-click",6);this.kupBoxSelected=e(this,"kup-box-selected",6);this.kupAutoBoxSelect=e(this,"kup-box-autoselect",6);this.kupRowActionMenuClick=e(this,"kup-box-rowactionmenuclick",6);this.kupRowActionClick=e(this,"kup-box-rowactionclick",6);this.kupDidLoad=e(this,"kup-box-didload",6);this.kupDidUnload=e(this,"kup-box-didunload",6);this.kupBoxContextMenu=e(this,"kup-box-contextmenu",6);this.kupLoadMoreClick=e(this,"kup-box-loadmoreclick",6);T.add(this);this.state=new S;this.kupManager=r();this.visibleColumns=[];this.rows=[];this.filteredRows=[];this.sectionRef=null;this.rowsRefs=[];this.hold=false;this.interactableDrag=[];this.interactableDrop=[];this.interactableTouch=[];$.set(this,undefined);L.set(this,[]);F.set(this,0);H.set(this,0);N.set(this,0);this.collapsedSection={};this.selectedRows=[];this.rowActionMenuOpened=undefined;this.currentPage=1;this.currentRowsPerPage=10;this.cardData=null;this.columns=1;this.customStyle="";this.data=null;this.dragEnabled=false;this.dropEnabled=false;this.dropOnSection=false;this.editableData=false;this.enableRowActions=false;this.globalFilter=false;this.globalFilterValue="";this.kanban=null;this.layout=undefined;this.lazyLoadRows=false;this.loadMoreLimit=1e3;this.loadMoreMode=E.PROGRESSIVE_THRESHOLD;this.loadMoreStep=60;this.multiSelection=false;this.pageSelected=1;this.pagination=false;this.rowsPerPage=undefined;this.scrollOnHover=false;this.selectBox=undefined;this.selectedRowsState=undefined;this.showLoadMore=false;this.showSelection=true;this.sortBy=undefined;this.sortEnabled=false;this.stateId="";this.store=undefined;this.swipeDisabled=false}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t);this.sortBy=this.state.sortBy;this.globalFilterValue=this.state.globalFilterValue;this.selectedRowsState=this.state.selectedRowsState;this.pageSelected=this.state.pageSelected;this.rowsPerPage=this.state.rowsPerPage;this.loadMoreLimit=t.loadMoreLimit;this.showLoadMore=t.showLoadMore}}}persistState(){if(this.store&&this.stateId){let t=false;if(!this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)){this.state.sortBy=this.sortBy;t=true}if(!this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)){this.state.pageSelected=this.currentPage;t=true}if(!this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)){this.state.rowsPerPage=this.currentRowsPerPage;t=true}const e=this.selectedRows.reduce(((t,e,i)=>{const o=i>0?";":"";return t+o+e.id}),"");if(!this.kupManager.objects.deepEqual(this.state.selectedRowsState,e)){this.state.selectedRowsState=e;t=true}if(!this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)){this.state.loadMoreLimit=this.loadMoreLimit;t=true}if(!this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)){this.state.showLoadMore=this.showLoadMore;t=true}if(!this.state.load){this.state.load=true;return}if(t){this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state);this.store.persistState(this.stateId,this.state)}}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows());this.initVisibleColumns();this.initRows();this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return l(this,I,t)}async loadRowActions(t,e){t.actions=e;this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){h(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:undefined}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>{if(t.hasOwnProperty("visible")){return t.visible}return true}))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows();if(this.globalFilter&&this.globalFilterValue){this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)}this.rows=this.sortRows(this.filteredRows);if(this.pagination){this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,false)}}sortRows(t){let e=t;if(this.sortBy){e=y(e,this.toSortObjectList())}return e}toSortObjectList(){const t=this.sortBy.split("|").map((t=>{const e=t.split(",");const i={column:e[0],sortMode:e.length>1?c[e[1]]:c.A};return i}));return t}checkScrollOnHover(){if(this.boxContainer){if(!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)){if(this.scrollOnHover){this.kupManager.scrollOnHover.register(this.boxContainer)}}else{if(!this.scrollOnHover){this.kupManager.scrollOnHover.unregister(this.boxContainer)}}}}checkLayout(){if(this.layout){this.boxLayout=this.layout;return}const t={horizontal:false,sections:[]};const e=this.visibleColumns;let i=e.length;let o=[];let s=0;while(i-- >0){o.push({column:e[s++].name})}t.content=o;this.boxLayout={sections:[t]}}onSortChange(t){let e=p(this.visibleColumns,t.detail.value);this.sortBy=e.name}onGlobalFilterChange({detail:t}){let e="";if(t&&t.value){e=t.value}this.globalFilterValue=e}isSectionExpanded(t,e){if(!t.id||!e.id){return false}return this.collapsedSection[e.id]&&this.collapsedSection[e.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,e){let i=null;let o=null;let s=null;let n=null;if(t){for(let e=t.length-1;e>=0;e--){let o=t[e];if(!o.tagName){continue}switch(o.tagName.toUpperCase()){default:{if(o.classList.contains("box-object")){i=o}if(!s&&o["data-row"]){s=o["data-row"]}break}}}}if(i){if(i.classList.contains("f-cell")){const t=i["kup-get-cell-props"]();o=t.cell;n=t.column;s=t.row}else{o=i["data-cell"];s=i["data-row"];n=p(this.visibleColumns,i.dataset.column)}}return{boxObject:i?i:null,column:n?n:null,cell:o?o:null,originalEvent:e,row:s?s:null}}clickHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);if(e.row){if(this.multiSelection){this.onSelectionCheckChange(e.row)}else{this.selectedRows=[e.row]}}return e}contextMenuHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);return e}checkIfElementIsActionMenuIcon(t){if(t.tagName&&t.parentElement){return t.tagName==="svg"&&t.parentElement.classList.contains("row-actions-toggler")}return false}onSelectionCheckChange(t){var e=-1;for(let i=0;i<this.selectedRows.length;i++){const o=this.selectedRows[i];if(o.id===t.id){e=i;break}}if(e>=0){this.selectedRows.splice(e,1);this.selectedRows=[...this.selectedRows]}else{this.selectedRows=[...this.selectedRows,t]}this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,e){if(!e.id){console.error("cannot expand / collapse a section withoun an ID");return}if(!t.id){console.error("cannot expand / collapse a section of a row without ad id");return}if(!this.collapsedSection[e.id]){this.collapsedSection[e.id]={};this.collapsedSection[e.id][t.id]=true}else{const i=this.collapsedSection[e.id];if(!i[t.id]){i[t.id]=true}else{i[t.id]=!i[t.id]}}this.collapsedSection=Object.assign({},this.collapsedSection)}onRowAction(t){if(!t){return}if(t===this.rowActionMenuOpened){this.rowActionMenuOpened=null;return}if(t.actions){this.rowActionMenuOpened=t}else{this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t})}}onRowActionClick(t,e,i){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:e,index:i})}clickFunction(t){try{const e=t.composedPath();for(let t of e){if(this.checkIfElementIsActionMenuIcon(t)){return}}}catch(e){if(this.checkIfElementIsActionMenuIcon(t.target)){return}}this.rowActionMenuOpened=null}handlePageChange(t){const e=P(t,this.filteredRows.length,this.currentRowsPerPage);if(e){this.currentPage=e}}handleRowsPerPageChange(t){const e=M(t,this.filteredRows.length);if(e){this.currentRowsPerPage=e;this.adjustPaginator()}}adjustPaginator(){const t=this.rows.length;const e=Math.ceil(t/this.currentRowsPerPage);if(this.currentPage>e){this.currentPage=1}}renderSectionAsCard(t){let e=false;const i={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let e=0;e<this.data.columns.length;e++){const o=this.data.columns[e];if(o.visible!==false){i.cell.push(t.cells[o.name]);i.columns.push(o)}}for(const e in t.cells){if(t.cells.hasOwnProperty(e)){const o=t.cells[e];if(o.cardID!==undefined&&o.obj){switch(o.obj.p){case"BTN":do{i.button.push({})}while(i.button.length<o.cardID);i.button[o.cardID]={label:o.value};break;case"IMG":do{i.image.push({})}while(i.image.length<o.cardID);i.image[o.cardID]={resource:o.value};break;case"PGB":do{i.progressbar.push({})}while(i.progressbar.length<o.cardID);i.progressbar[o.cardID]={value:o.value};break;default:do{i.text.push("")}while(i.text.length<o.cardID);i.text[o.cardID]=o.value;break}}}}for(const o in t.cells){if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(s.cardID===undefined&&s.obj){e=false;switch(s.obj.p){case"BTN":for(let t=0;t<i.button.length;t++){if(!Object.keys(i.button[t]).length){i.button[t]={label:s.value};e=true;break}}if(!e){i.button.push({label:s.value})}break;case"IMG":for(let t=0;t<i.image.length;t++){if(!Object.keys(i.image[t]).length){i.image[t]={resource:s.value};e=true;break}}if(!e){i.image.push({resource:s.value})}break;case"PGB":for(let t=0;t<i.progressbar.length;t++){if(!Object.keys(i.progressbar[t]).length){i.progressbar[t]={value:s.value};e=true;break}}if(!e){i.progressbar.push({value:s.value})}break;default:for(let t=0;t<i.text.length;t++){if(i.text[t]===""){i.text[t]=s.value;e=true;break}}if(!e){i.text.push(s.value)}break}}}}return o("kup-card",Object.assign({data:i},this.cardData))}renderRow(t){const e=[...this.visibleColumns];let i=null;let s=t.layout;if(!s){s=this.boxLayout}let n=false;if(s){if(s.horizontal){n=true}const o=s.sections;let r=o.length;let a=0;if(r>0){i=[]}const l={horizontal:n};while(r-- >0){if(this.cardData!==null&&this.cardData!==undefined&&typeof this.cardData==="object"){i.push(this.renderSectionAsCard(t))}else{i.push(this.renderSection(o[a++],l,t,e))}}}var r=false;for(let e of this.selectedRows){if(e.id===t.id){r=true}}let a=null;if(this.multiSelection){a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:r}))}let l=null;if(this.enableRowActions&&!this.swipeDisabled){const e={"row-action-menu":true,open:t===this.rowActionMenuOpened};let i=null;if(t.actions){const e=t.actions.map(((e,i)=>{const s=`icon ${e.icon}`;return o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,e,i)},o("div",{class:s}),o("div",{class:"text"},e.text))}));i=o("ul",null,e)}l=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:e},i)))}let h=null;if(t.badgeData&&t.badgeData.length>0){h=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t["className"]?`centered ${t["className"]}`:"centered",imageData:t.imageData})))}const c={box:true,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n};const p=t.style||{};return o("div",{class:"box-wrapper",style:p,ref:t=>{if(t){W(this,L,"f").push(t)}}},o("div",{class:c,"data-row":t,ref:t=>this.rowsRefs.push(t)},a,i,h),l)}renderSection(t,e,i,s){let n=null;if(t.sections&&t.sections.length>0){const e=t.sections;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderSection(e[r++],t,i,s))}}else if(t.content){const e=t.content;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderBoxObject({boxObject:e[r++],row:i,visibleColumns:s},true))}}else if(s.length>0){const t=s[0];n=this.renderBoxObject({boxObject:{column:t.name},row:i,visibleColumns:s})}const r=this.isSectionExpanded(i,t);const a=!!t.columns;const l={"box-section":true,open:r,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||t.sections.length===0};const h=t.style||{};if(t.dim&&e){h.flex=`0 0 ${t.dim}`;h.overflow="hidden";if(e.horizontal){h.maxWidth=t.dim}else{h.maxHeight=t.dim}}if(a){h["grid-template-columns"]=`repeat(${t.columns}, 1fr)`}let c=null;if(t.collapsible){l["collapse-section"]=true;const e={content:true};let s="";if(t.title){s=t.title}else if(r){s=this.kupManager.language.translate(u.COLLAPSE)}else{s=this.kupManager.language.translate(u.EXPAND)}c=o("div",{class:l,style:h},o("div",{class:e},n),o("div",{class:"header",role:"button",onClick:e=>{e.stopPropagation();this.toggleSectionExpand(i,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:r?"toggled":""}))))}else{const e=t.title?o("h3",null,t.title):null;c=o("div",{class:l,style:h},e,n)}return c}renderBoxObject({boxObject:t,row:e,visibleColumns:i},s){const n={"box-object":true};const r={};let a=null;let l=-1;for(let e=0;e<i.length;e++){const o=i[e];if(o.name===t.column){l=e;break}}if(l>=0){a=i[l];i.splice(l,1)}else if(s){a=this.data.columns.find((e=>e.name===t.column))}const h=e.cells[t.column];let c=undefined;if(h&&!this.kupManager.objects.isEmptyKupObj(h.obj)){n["is-obj"]=true;if(this.kupManager.debug.isDebug()){c=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";"}}const p={cell:h,column:a,component:this,editable:this.editableData,renderKup:true,row:e,setSizes:true,shape:t.shape};return o("div",{"data-cell":h,"data-row":e,"data-column":t.column,class:n,style:r,title:c},h&&a?o(z,Object.assign({},p)):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||this.kanban.columns.length===0){this.kupManager.debug.logMessage(this,"No columns to group by detected.",f.ERROR);return{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(u.EMPTY_DATA)),style:{"grid-template-columns":`repeat(1, 1fr)`}}}const t=[];if(this.kanban.labels){for(let e=0;e<this.kanban.labels.length;e++){const i=this.kanban.labels[e];t.push({labels:i,nodes:[]})}}for(let e=0;e<this.rows.length;e++){let i=[];for(let t=0;t<this.kanban.columns.length;t++){try{i.push(this.rows[e].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,f.WARNING)}}const o={found:false,index:null};for(let e=0;e<t.length;e++){let s=t[e].labels;let n=true;for(let t=0;t<s.length;t++){if(i[t]!==s[t]){n=false;break}}if(n){o.found=true;o.index=e;break}}if(o.found){t[o.index].nodes.push(this.renderRow(this.rows[e]))}else{t.push({labels:i,nodes:[this.renderRow(this.rows[e])]})}}const e=[];for(let i=0;i<t.length;i++){const s=t[i].labels;const n={data:[]};for(let t=0;t<s.length;t++){n.data.push({value:s[t],id:s[t]})}e.push(o("div",{class:"kanban-section"},o(j,Object.assign({},n)),t[i].nodes))}return{jsx:e,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);const t=t=>{var e;if(this.hold){this.hold=false;return}switch(t.button){case 0:const i={};for(const e in t){i[e]=t[e]}const o=this.clickHandler(i);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:(e=o.column)===null||e===void 0?void 0:e.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)});break}};const e=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){this.hold=true;this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}};this.kupManager.interact.on(this.boxContainer,b.TAP,t);this.kupManager.interact.on(this.boxContainer,b.HOLD,e)}didRenderInteractables(){if(this.dragEnabled){for(let t=0;t<this.rowsRefs.length;t++){const e=this.rowsRefs[t];const i=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.visibleColumns,t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};if(e&&!this.interactableDrag.includes(e)){this.interactableDrag.push(e);this.kupManager.interact.draggable(e,{allowFrom:".box-object",cursorChecker(){return null}},{callback:i},x.BADGE)}}}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t){this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",f.WARNING);return}const e=this.kupManager.getEventPath(t,this.rootElement);const i=this.getEventDetails(e);return{cell:i.cell,column:i.column,id:this.rootElement.id,row:i.row}};if(!this.interactableDrop.includes(this.sectionRef)){this.interactableDrop.push(this.sectionRef);this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:m.BOX})}for(let e=0;e<this.rowsRefs.length;e++){const i=this.rowsRefs[e];if(i&&!this.interactableDrop.includes(i)){this.interactableDrop.push(i);this.kupManager.interact.dropzone(i,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX})}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);if(this.rowsPerPage){this.currentRowsPerPage=this.rowsPerPage}if(this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length){this.currentRowsPerPage=this.data.rows.length}this.kupManager.language.register(this);this.kupManager.theme.register(this);this.onDataChanged();this.adjustPaginator();if(document.querySelector(".header")){B(this,F,document.querySelector(".header").clientHeight,"f")}else{B(this,F,0,"f")}if(document.querySelector(".topbar")){B(this,F,W(this,F,"f")+document.querySelector(".topbar").clientHeight,"f")}W(this,T,"m",V).call(this)}componentDidLoad(){this.handleAutomaticBoxSelection();document.addEventListener("click",this.clickFunction.bind(this));this.currentPage=this.pageSelected;if(this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((e=>t.indexOf(e.id)>=0))}this.didLoadInteractables();this.kupDidLoad.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){A(e[t])}}this.checkScrollOnHover();this.persistState();this.didRenderInteractables();W(this,T,"m",G).call(this);this.kupManager.debug.logRender(this,true)}render(){B(this,L,[],"f");const t=!!(typeof this.kanban==="object"&&this.kanban!==null);let e=null;if(this.sortEnabled){const t=this.visibleColumns.map((t=>{const e={value:t.title,id:t.name,selected:t.name===this.sortBy};return e}));const i=[{value:"",id:""},...t];let s={label:this.kupManager.language.translate(u.SORT_BY),trailingIcon:true};let n={data:i,selectable:true};let r={"kup-text-field":s,"kup-list":n};e=o("div",{id:"sort-panel"},o("kup-combobox",{data:r,initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let i=null;if(this.globalFilter){i=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:true,label:this.kupManager.language.translate(k.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout);this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))}let n=null;if(this.showLoadMore||!this.lazyLoadRows&&this.pagination){n=o(R,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{W(this,T,"m",q).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 r=null;let a={};if(this.rows.length===0){r=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(u.EMPTY_DATA)));a={"grid-template-columns":`repeat(1, 1fr)`}}else if(t){const t=this.kanbanMode();r=t.jsx;a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let e=t.length;let i=0;r=[];while(e-- >0){r.push(this.renderRow(t[i++]))}}return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:C},o("div",{class:"box-component",ref:t=>this.sectionRef=t},e,i,n,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},r))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop));this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this);if(this.scrollOnHover){this.kupManager.scrollOnHover.unregister(this.boxContainer)}document.removeEventListener("click",this.clickFunction.bind(this));this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};$=new WeakMap,L=new WeakMap,F=new WeakMap,H=new WeakMap,N=new WeakMap,T=new WeakSet,G=function t(){if(this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length){W(this,$,"f").observe(W(this,L,"f")[W(this,L,"f").length-1])}},V=function t(){const e=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const e=this.data.rows.length-this.currentRowsPerPage;if(e<this.loadMoreStep){this.currentRowsPerPage+=e}else{this.currentRowsPerPage+=this.loadMoreStep}t.target.classList.remove("last-row");W(this,$,"f").unobserve(t.target)}}))};const i={threshold:0,rootMargin:"-"+W(this,F,"f")+"px 0px 0px 0px"};B(this,$,new IntersectionObserver(e,i),"f")},q=function t(){var e;let i=0;switch(this.loadMoreMode){case E.CONSTANT:i=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:i=this.loadMoreStep*(W(this,H,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:i=Math.max(W(this,N,"f"),this.loadMoreStep)*Math.min(W(this,H,"f")+1,2);break}if(i>this.loadMoreLimit){i=this.loadMoreLimit}this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i});B(this,N,i,"f");B(this,H,(e=W(this,H,"f"),e++,e),"f")};K.style=D;export{K as kup_box};
+//# sourceMappingURL=p-e01cb12b.entry.js.map

package/dist/ketchup/{p-41a62cd8.entry.js → p-e32ad7e4.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-1d215391.js";import{c as o}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"996ddafe0d4e6423ce2479b9cac0ae323939cb71"},s?i("style",null,s):null,i("div",{key:"39eae7739d080800145c30fa1ce713d131d3352f",id:o},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{c as kup_probe};
-//# sourceMappingURL=p-41a62cd8.entry.js.map
+import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-8c07fd42.js";import{c as o}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"996ddafe0d4e6423ce2479b9cac0ae323939cb71"},s?i("style",null,s):null,i("div",{key:"39eae7739d080800145c30fa1ce713d131d3352f",id:o},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{c as kup_probe};
+//# sourceMappingURL=p-e32ad7e4.entry.js.map