@sme.up/ketchup 11.0.0-SNAPSHOT-20241023092659 → 11.0.0-SNAPSHOT-20241023124603

package/dist/ketchup/{p-3edff8e7.entry.js → p-0d20ebc4.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as l,h as p,N as c,f as h}from"./p-8c07fd42.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as u}from"./p-cc32b7a2.js";import{a as g}from"./p-e3062c19.js";import{F as d}from"./p-bbdf4a8f.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-1754ee9b.js";import"./p-df06309a.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow"})(k||(k={}));class b{constructor(){this.load=false}toDebugString(){return"image-list state"}}const v=".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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n    --kup-imagelist-background-color,\n    transparent\n  );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n    --kup-imagelist-image-min-height,\n    var(--kup-space-09)\n  );--kup_imagelist_item_border_radius:var(\n    --kup-imagelist-item-border-radius,\n    var(--kup-radius-00)\n  );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n    --kup-imagelist-label-margin,\n    0 auto 1em auto\n  );--kup_imagelist_navbar_background_color:var(\n    --kup-imagelist-navbar-background-color,\n    transparent\n  );--kup_imagelist_primary_color:var(\n    --kup-imagelist-primary-color,\n    var(--kup-primary-color)\n  );--kup_imagelist_primary_color_rgb:var(\n    --kup-imagelist-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_imagelist_text_color:var(\n    --kup-imagelist-text-color,\n    var(--kup-text-secondary)\n  );--kup_imagelist_item_background_color:var(\n    --kup-imagelist-item-background-color,\n    var(--kup-layer-1)\n  );--kup_imagelist_item_background_color_hover:var(\n    --kup-imagelist-item-background-color-hover,\n    var(--kup-layer-1-hover)\n  );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=v;var x=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var y=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new b;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=x(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:g.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:g.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=x(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!x(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=x(this,C,"f").data.node.find(this.data,i)}async getProps(i){return r(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){x(this,C,"f").debug.logLoad(this,false);x(this,C,"f").language.register(this);x(this,C,"f").theme.register(this)}componentDidLoad(){x(this,j,"m",S).call(this);x(this,C,"f").debug.logLoad(this,true)}componentWillRender(){x(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();x(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}return a(s,{key:"81da022bca5cec8e7a25ae5854126fc8d1df1949"},a("style",{key:"e7ca04de4d67ec2bfd6b069f560c9cf5f131a235"},x(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"bb9852654bdef8112a36d4fe096a39e4b925cd0c",id:m,ref:i=>{y(this,M,i,"f")}},a("div",{key:"3547692cbbe395329b3f9ee5f6c5a9c35171e7a6",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(u,Object.assign({},x(this,W,"f"),{label:x(this,C,"f").language.translate(p.BACK)})),a(u,Object.assign({},x(this,$,"f"),{label:x(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"60eb2ce4d81bfdaf39310d9276edfab440200ab6",class:"image-list",style:e},...x(this,j,"m",P).call(this))))}disconnectedCallback(){x(this,C,"f").interact.unregister(x(this,O,"f"));x(this,C,"f").language.unregister(this);x(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},x(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){x(this,O,"f").push(x(this,M,"f"));const t=i=>{if(x(this,E,"f")){y(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}x(this,z,"f").push(setTimeout((()=>{var i;const e=x(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<x(this,z,"f").length;i++){clearTimeout(x(this,z,"f")[i]);x(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+x(this,z,"f")[i]+").")}y(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){y(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)})}};x(this,C,"f").interact.on(x(this,M,"f"),c.HOLD,a);x(this,C,"f").interact.on(x(this,M,"f"),c.TAP,t);x(this,C,"f").interact.on(x(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
-//# sourceMappingURL=p-3edff8e7.entry.js.map
+import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as l,h as p,N as c,f as h}from"./p-8c07fd42.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as u}from"./p-cc32b7a2.js";import{a as g}from"./p-e3062c19.js";import{F as d}from"./p-11f7e98b.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-1754ee9b.js";import"./p-df06309a.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow"})(k||(k={}));class b{constructor(){this.load=false}toDebugString(){return"image-list state"}}const v=".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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n    --kup-imagelist-background-color,\n    transparent\n  );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n    --kup-imagelist-image-min-height,\n    var(--kup-space-09)\n  );--kup_imagelist_item_border_radius:var(\n    --kup-imagelist-item-border-radius,\n    var(--kup-radius-00)\n  );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n    --kup-imagelist-label-margin,\n    0 auto 1em auto\n  );--kup_imagelist_navbar_background_color:var(\n    --kup-imagelist-navbar-background-color,\n    transparent\n  );--kup_imagelist_primary_color:var(\n    --kup-imagelist-primary-color,\n    var(--kup-primary-color)\n  );--kup_imagelist_primary_color_rgb:var(\n    --kup-imagelist-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_imagelist_text_color:var(\n    --kup-imagelist-text-color,\n    var(--kup-text-secondary)\n  );--kup_imagelist_item_background_color:var(\n    --kup-imagelist-item-background-color,\n    var(--kup-layer-1)\n  );--kup_imagelist_item_background_color_hover:var(\n    --kup-imagelist-item-background-color-hover,\n    var(--kup-layer-1-hover)\n  );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=v;var x=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var y=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new b;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=x(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:g.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:g.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=x(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!x(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=x(this,C,"f").data.node.find(this.data,i)}async getProps(i){return r(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){x(this,C,"f").debug.logLoad(this,false);x(this,C,"f").language.register(this);x(this,C,"f").theme.register(this)}componentDidLoad(){x(this,j,"m",S).call(this);x(this,C,"f").debug.logLoad(this,true)}componentWillRender(){x(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();x(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}return a(s,{key:"81da022bca5cec8e7a25ae5854126fc8d1df1949"},a("style",{key:"e7ca04de4d67ec2bfd6b069f560c9cf5f131a235"},x(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"bb9852654bdef8112a36d4fe096a39e4b925cd0c",id:m,ref:i=>{y(this,M,i,"f")}},a("div",{key:"3547692cbbe395329b3f9ee5f6c5a9c35171e7a6",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(u,Object.assign({},x(this,W,"f"),{label:x(this,C,"f").language.translate(p.BACK)})),a(u,Object.assign({},x(this,$,"f"),{label:x(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"60eb2ce4d81bfdaf39310d9276edfab440200ab6",class:"image-list",style:e},...x(this,j,"m",P).call(this))))}disconnectedCallback(){x(this,C,"f").interact.unregister(x(this,O,"f"));x(this,C,"f").language.unregister(this);x(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},x(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){x(this,O,"f").push(x(this,M,"f"));const t=i=>{if(x(this,E,"f")){y(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}x(this,z,"f").push(setTimeout((()=>{var i;const e=x(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<x(this,z,"f").length;i++){clearTimeout(x(this,z,"f")[i]);x(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+x(this,z,"f")[i]+").")}y(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){y(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)})}};x(this,C,"f").interact.on(x(this,M,"f"),c.HOLD,a);x(this,C,"f").interact.on(x(this,M,"f"),c.TAP,t);x(this,C,"f").interact.on(x(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
+//# sourceMappingURL=p-0d20ebc4.entry.js.map

package/dist/ketchup/p-11f7e98b.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 d,e as p}from"./p-8c07fd42.js";import{h as k,g as b,F as h}from"./p-d7c15b0e.js";import{F as v}from"./p-5d03c077.js";import{F as m}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 p=!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 v=T.ketchup.data.cell.getType(l,f);const m=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]:p?true:false,[v+"-cell"]:true,[i.wrapperClass]:i.wrapperClass?true:false,[i.density]:i.density&&v!==n.BAR?true:false,[w]:w?true:false};let $=h;if(!l.data){q(v,l)}if(b&&e.includes(v)){$=P(v,y,l,r,i)}else if(l.data&&s.includes(v)){if(i.setSizes){G(v,m,l)}if(!i.renderKup){const e="cell-"+v+" placeholder";$=k("span",{class:e})}else{$=U(v,y,m,l,u,r,i)}}else{if(i.setSizes){B(v,m,l,i)}$=L(v,m,$,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()&&p){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=>J(e,i,v,d.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 ${v===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.BUTTON_LIST,A.bind(undefined)],[n.RADIO,E.bind(undefined)],[n.AUTOCOMPLETE,X.bind(undefined)],[n.COMBOBOX,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)]]);const A=(e,s,t,n)=>{var i,c;return{data:((i=n.options)===null||i===void 0?void 0:i.length)?(c=n.options)===null||c===void 0?void 0:c.map((e=>({icon:e.icon,value:e.value}))):[]}};function B(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 G(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 P(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:ee(c)?"kup-full-width":"","onkup-autocomplete-change":s=>J(s,c,e,d.UPDATE),"onkup-autocomplete-input":s=>J(s,c,e,d.INPUT),"onkup-autocomplete-iconclick":s=>J(s,c,e,d.ICON_CLICK)}));case n.CHECKBOX:if(Z(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=>J(s,c,e,d.UPDATE),type:"checkbox"})}else{return k(v,Object.assign({},t.data,{onChange:s=>J(s,c,e,d.UPDATE)}))}case n.CHIP:return k("kup-chip",Object.assign({},t.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":s=>J(s,c,e,d.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:ee(c)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":s=>J(s,c,e,d.UPDATE)}));case n.COMBOBOX:return k("kup-combobox",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:ee(c)?"kup-full-width":"","onkup-combobox-change":s=>J(s,c,e,d.UPDATE),"onkup-combobox-input":s=>J(s,c,e,d.INPUT),"onkup-combobox-iconclick":s=>J(s,c,e,d.ICON_CLICK)}));case n.DATE:return k("kup-date-picker",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:ee(c)?"kup-full-width":"","onkup-datepicker-change":s=>J(s,c,e,d.UPDATE),"onkup-datepicker-input":s=>J(s,c,e,d.INPUT)}));case n.MULTI_AUTOCOMPLETE:return k("kup-chip",Object.assign({displayId:true},t.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":s=>J(s,c,e,d.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=>J(s,c,e,d.INPUT),"onkup-autocomplete-iconclick":s=>J(s,c,e,d.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=>J(s,c,e,d.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=>J(s,c,e,d.INPUT),"onkup-combobox-iconclick":s=>J(s,c,e,d.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}}J(n,c,e,d.UPDATE)}}));case n.RATING:return k("kup-rating",Object.assign({key:i.name+c.row.id},t.data,{disabled:false,"onkup-rating-click":s=>J(s,c,e,d.UPDATE)}));case n.SWITCH:return k(I,Object.assign({},t.data,{disabled:false,onChange:s=>J(s,c,e,d.UPDATE)}));case n.TIME:return k("kup-time-picker",Object.assign({key:i.name+c.row.id,initialValue:t.value},t.data,{class:ee(c)?"kup-full-width":"","onkup-timepicker-change":s=>J(s,c,e,d.UPDATE),"onkup-timepicker-input":s=>J(s,c,e,d.INPUT)}));case n.OBJECT:return k(m,Object.assign({icon:"table"},t.data,{disabled:false,onIconClick:s=>J(s,c,e,d.ICON_CLICK)}));case n.NUMBER:s[o.C_RIGHT_ALIGNED]=true;case n.LINK:case n.STRING:const u=s=>J(s,c,e,d.UPDATE);const f=s=>J(s,c,e,d.INPUT);const p=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:p,value:b,maxLength:(r=(a=i.cellData)===null||a===void 0?void 0:a.maxLength)!==null&&r!==void 0?r:-1})}else{return k(m,Object.assign({inputType:p,fullWidth:ee(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=>J(s,c,e,d.ICON_CLICK)}))}}}function L(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(Z(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(Z(l)){i[o.C_CENTERED]=true}if(s.badgeData){i[o.C_PADDED]=true}return k(g,Object.assign({},s));case n.IMAGE:if(Z(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(Z(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(Z(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 U(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(Z(l)){s[o.C_CENTERED]=true}return k($,Object.assign({},t,{onClick:s=>J(s,l,e,d.CLICK)}));case n.BUTTON_LIST:if(Z(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(Z(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:ee(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(Z(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(m,Object.assign({icon:"table"},t,{disabled:true}))}}function q(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 J(e,s,t,i){const c=s.cell;const a=s.column;const l=s.component;const r=s.row;if(i===d.UPDATE){let s=Q(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===d.UPDATE){try{l.refresh()}catch(e){T.ketchup.debug.logMessage(l,e,p.ERROR)}}}}function Q(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 Z(e){var s;return u.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}function ee(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-11f7e98b.js.map

package/dist/ketchup/p-11f7e98b.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","BUTTON_LIST","MainBTNAdapter","this","MainRADAdapter","AUTOCOMPLETE","MainCMBandACPAdapter","COMBOBOX","adapter","get","_fieldLabel","RADAdapter","rawOptions","configCMandACP","CMBandACPAdapter","optionsTreeComboAdapter","optionsAdapterMap","map","option","selected","treeOptionsNodeAdapter","child","codice","testo","dataTreeOptionsChildrenAdapter","tableOptionsAdapter","rows","cells","fields","keys","_options","_currentValue","_b","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","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","cellData","inputType","DATETIME","getCellValueForDisplay","EDITOR","innerHTML","badgeData","C_PADDED","href","target","cellValueNumber","TEXT_DANGER","barStyle","FButton","CLICK","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.BUTTON_LIST, MainBTNAdapter.bind(this)],\n\n        [FCellTypes.RADIO, MainRADAdapter.bind(this)],\n        [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],\n        [FCellTypes.COMBOBOX, 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\nconst MainBTNAdapter = (\n    _options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string,\n    cell: KupDataCellOptions\n) => {\n    return {\n        data: cell.options?.length\n            ? cell.options?.map((option) => ({\n                  icon: option.icon,\n                  value: option.value,\n              }))\n            : [],\n    };\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-414148a2.entry.js

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as i,f as n,H as s,d as o}from"./p-d7c15b0e.js";import{a5 as a,F as f,ab as l,k as r,f as c,g as h,s as p,R as u,h as m}from"./p-8c07fd42.js";import{c as d}from"./p-635bb4b3.js";import{F as g}from"./p-11f7e98b.js";import{F as b}from"./p-cc32b7a2.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2b519589.js";import"./p-1754ee9b.js";import"./p-df06309a.js";import"./p-e3062c19.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the cell.";t["density"]="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.";t["dragEnabled"]="When set to true, the component is draggable."})(y||(y={}));var k;(function(t){t["top"]="column-reverse";t["bottom"]="column";t["left"]="row-reverse";t["right"]="row"})(k||(k={}));var x=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};const w=document.documentElement;const v=e=>{const i=e.cell?Object.assign(Object.assign({},e.cell),{data:C(e.cell,e.column),slotData:z(e.cell,e.column),isEditable:true}):null;const n=Object.assign(Object.assign({},e),{editable:true,cell:i,column:j(i.data),row:O(i.data)});if(e.cell.shape===f.TEXT_FIELD){n.cell.value=n.cell.data.value}return t(g,Object.assign({},n))};const j=t=>{const e=t&&t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:"KUPCELL";const i=t&&t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:"genericEmptyObject";return{name:e,title:i}};const O=t=>{const e=j(t);const i={cells:{}};i.cells[e.name]=t.cell;return i};const z=(t,e)=>{const i=w.ketchup.data.cell.getType(t,t.shape);if(!t.isEditable){return null}if(i===a.MULTI_AUTOCOMPLETE||i===a.MULTI_COMBOBOX){return Object.assign(Object.assign({},l(null,e.title,t.options)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!t.isEditable,id:e.name})}return null};const C=(t,e)=>{const i=Object.assign(Object.assign({},L(t,e)),{disabled:!t.isEditable,id:e.name});const n=w.ketchup.data.cell.getType(t,t.shape);const s=t.data||{},o=x(s,["data"]);return n!==a.MULTI_AUTOCOMPLETE&&n!==a.MULTI_COMBOBOX?E(i,Object.assign({},t.data)):Object.assign(Object.assign({},i),o)};const E=(t,e)=>{for(const i in e){if(e[i]instanceof Object&&!Array.isArray(e[i])&&i in t){t[i]=E(t[i],e[i])}else{t[i]=e[i]}}return t};const L=(t,e)=>{if(!t){return null}const i=t.options;const n=e.title;const s=t.value;const o=w.ketchup.data.cell.getType(t,t.shape);const f=new Map([[a.STRING,R.bind(undefined)]]);const l=f.get(o);return l?l(i,n,s,t,e.name):null};const R=(t,e,i,n)=>{if(t===null||t===void 0?void 0:t[0]){return{value:t[0].label}}};const D=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const P=D;var T=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var W;const F=class{constructor(t){e(this,t);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);W.set(this,r());this.customStyle="";this.data=null;this.density=c.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=k.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)<0){this.data.cssClass+=` ${i}`}}}this.refresh()}async getProps(t){return h(this,y,t)}async refresh(){n(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),"")}}}this.refresh()}async setProps(t){p(this,y,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});T(this,W,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+d),{cursorChecker(){return null}},{callback:t},u.BADGE)}}generateColumn(){const t=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL";const e=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:T(this,W,"f").language.translate(m.EMPTY_OBJECT);return{name:t,title:e}}generateRow(){const t=this.generateColumn();const e={cells:{}};e.cells[t.name]=this.data;return e}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){T(this,W,"f").dates.register(this);T(this,W,"f").debug.logLoad(this,false);T(this,W,"f").language.register(this);T(this,W,"f").theme.register(this)}componentDidLoad(){T(this,W,"f").debug.logLoad(this,true)}componentWillRender(){T(this,W,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();T(this,W,"f").debug.logRender(this,true)}render(){const e={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return t(s,{key:"a4505e4d7ffa3784c6f5762f2b5a53e50cc5a627"},t("style",{key:"83795fa9a931b49588e77d60b32bc27c0c11b203"},T(this,W,"f").theme.setKupStyle(this.rootElement)),t("div",{key:"5fb3f00c4c3b543442084ab8231b232188296473",id:d,style:this.showSubmit?{display:"flex","flex-direction":this.submitPosition,"align-items":"center",gap:"0.5rem"}:{}},t(v,Object.assign({key:"5875cef585519fef471a0566cb448bf4d96d26ed"},e)),this.showSubmit?t(b,{buttonType:"submit",label:T(this,W,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){T(this,W,"f").dates.unregister(this);T(this,W,"f").language.unregister(this);T(this,W,"f").theme.unregister(this)}get rootElement(){return o(this)}};W=new WeakMap;F.style=P;export{F as kup_cell};
+//# sourceMappingURL=p-414148a2.entry.js.map

package/dist/ketchup/p-414148a2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupCellProps","KupCellSubmitButtonPosition","dom","document","documentElement","FCellOptions","props","mappedCell","cell","data","setProps","column","slotData","isEditable","mappedProps","Object","assign","editable","generateColumn","row","generateRow","shape","FCellShapes","TEXT_FIELD","value","h","FCell","colname","obj","t","p","coltitle","name","title","col","cells","cellType","ketchup","getType","FCellTypes","MULTI_AUTOCOMPLETE","MULTI_COMBOBOX","CMBandACPAdapter","options","showDropDownIcon","class","style","width","disabled","id","defaultProps","mapData","_a","noDataProps","__rest","deepObjectsMerge","target","source","key","Array","isArray","fieldLabel","currentValue","dataAdapterMap","Map","STRING","MainITXAdapter","bind","this","adapter","get","_fieldLabel","_currentValue","_cell","label","kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","kupManagerInstance","FCellPadding","NONE","right","addCssClasses","classes","cssClass","index","length","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","didRenderInteractables","dragEnabled","dataCb","rootElement","multiple","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","language","translate","KupLanguageGeneric","EMPTY_OBJECT","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","renderKup","Host","setKupStyle","showSubmit","display","submitPosition","gap","FButton","buttonType","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/f-components/f-cell-options.tsx/f-cell-options.tsx","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["import { KupDataCell, KupEventPayload } from '../../components';\nimport { KupDataCellOptions } from '../../managers/kup-data/kup-data-declarations';\n\n/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n    customStyle = 'Custom style of the component.',\n    data = 'The data of the cell.',\n    density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n    dragEnabled = 'When set to true, the component is draggable.',\n}\n\nexport enum KupCellSubmitButtonPosition {\n    top = 'column-reverse',\n    bottom = 'column',\n    left = 'row-reverse',\n    right = 'row',\n}\n\nexport interface KupCellSubmitClickEventPayload extends KupEventPayload {\n    cell: KupDataCellOptions;\n}\n","import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { GenericObject, KupDataColumn } from '../../components';\nimport { CMBandACPAdapter } from '../../utils/cell-utils';\nimport {\n    FCellOptionsProps,\n    FCellProps,\n    FCellShapes,\n    FCellTypes,\n} from '../f-cell/f-cell-declarations';\nimport { DataAdapterFn } from '../../components/kup-input-panel/kup-input-panel-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCell } from '../f-cell/f-cell';\n\nconst dom: KupDom = document.documentElement as KupDom;\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\nexport const FCellOptions: FunctionalComponent<FCellOptionsProps> = (\n    props: FCellOptionsProps\n) => {\n    const mappedCell = props.cell\n        ? {\n              ...props.cell,\n              data: setProps(props.cell, props.column),\n              slotData: slotData(props.cell, props.column),\n              isEditable: true,\n          }\n        : null;\n\n    const mappedProps: FCellProps = {\n        ...props,\n        editable: true,\n        cell: mappedCell as KupDataCell,\n        column: generateColumn(mappedCell.data),\n        row: generateRow(mappedCell.data),\n    };\n\n    if (props.cell.shape === FCellShapes.TEXT_FIELD) {\n        mappedProps.cell.value = mappedProps.cell.data.value;\n    }\n\n    return <FCell {...mappedProps}></FCell>;\n};\n\nconst generateColumn = (data: GenericObject): KupDataColumn => {\n    const colname: string =\n        data && data.obj && data.obj.t\n            ? data.obj.t + ';' + data.obj.p\n            : 'KUPCELL';\n    const coltitle: string =\n        data && data.obj && data.obj.t\n            ? data.obj.t + ';' + data.obj.p\n            : 'genericEmptyObject';\n    return {\n        name: colname,\n        title: coltitle,\n    };\n};\n\nconst generateRow = (data: GenericObject): KupDataRow => {\n    const col: KupDataColumn = generateColumn(data);\n    const row: KupDataRow = { cells: {} };\n    row.cells[col.name] = data.cell;\n    return row;\n};\n\nconst slotData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n    if (!cell.isEditable) {\n        return null;\n    }\n\n    if (\n        cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n        cellType === FCellTypes.MULTI_COMBOBOX\n    ) {\n        return {\n            ...CMBandACPAdapter(\n                null,\n                col.title,\n                cell.options\n                // cell,\n                // col.name\n            ),\n            showDropDownIcon: true,\n            class: '',\n            style: { width: '100%' },\n            disabled: !cell.isEditable,\n            id: col.name,\n        };\n    }\n\n    return null;\n};\n\nconst setProps = (cell: KupDataCellOptions, column: KupDataColumn) => {\n    const defaultProps = {\n        ...mapData(cell, column),\n        disabled: !cell.isEditable,\n        id: column.name,\n    };\n\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const { data, ...noDataProps } = cell.data || {};\n    return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n        cellType !== FCellTypes.MULTI_COMBOBOX\n        ? deepObjectsMerge(defaultProps, {\n              ...cell.data,\n          })\n        : // Add and ovverride defaultProps of Chip host component except data\n          {\n              ...defaultProps,\n              ...noDataProps,\n          };\n};\n\nconst deepObjectsMerge = (target: GenericObject, source: GenericObject) => {\n    for (const key in source) {\n        if (\n            source[key] instanceof Object &&\n            !Array.isArray(source[key]) &&\n            key in target\n        ) {\n            target[key] = deepObjectsMerge(target[key], source[key]);\n        } else {\n            target[key] = source[key];\n        }\n    }\n    return target;\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.STRING, MainITXAdapter.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 MainITXAdapter = (\n    options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string,\n    _cell: KupDataCellOptions\n) => {\n    if (options?.[0]) {\n        return {\n            value: options[0].label,\n        };\n    }\n};\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n#kup-component {\n  height: 100%;\n  width: 100%;\n}\n","import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    Event,\n    EventEmitter,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    KupCellProps,\n    KupCellSubmitButtonPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n    FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n    tag: 'kup-cell',\n    styleUrl: 'kup-cell.scss',\n    shadow: true,\n})\nexport class KupCell {\n    /**\n     * References the root HTML element of the component (<kup-text-field>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * The data of the cell.\n     * @default false\n     */\n    @Prop() data: KupDataCell = null;\n    /**\n     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n     */\n    @Prop() density: FCellPadding = FCellPadding.NONE;\n    /**\n     * When set to true, the component is draggable.\n     * @default false\n     */\n    @Prop() dragEnabled: boolean = false;\n\n    /**\n     * Show submit button\n     */\n    @Prop() showSubmit: boolean = false;\n\n    /**\n     * Submit button position, default is right\n     */\n    @Prop() submitPosition: KupCellSubmitButtonPosition =\n        KupCellSubmitButtonPosition.right;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-cell-submit-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.#kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const colname: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : 'KUPCELL';\n        const coltitle: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : this.#kupManager.language.translate(\n                      KupLanguageGeneric.EMPTY_OBJECT\n                  );\n        return {\n            name: colname,\n            title: coltitle,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    private submitClick(e: MouseEvent): void {\n        e.stopPropagation();\n        this.kupCellSubmitClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            cell: this.data as KupDataCellOptions,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.dates.register(this);\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.didRenderInteractables();\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FCellOptionsProps = {\n            cell: this.data as KupDataCellOptions,\n            column: this.generateColumn(),\n            component: this,\n            density: this.density,\n            editable: this.data.isEditable,\n            renderKup: true,\n            row: this.generateRow(),\n        };\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    style={\n                        this.showSubmit\n                            ? {\n                                  display: 'flex',\n                                  'flex-direction': this.submitPosition,\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <FCellOptions {...props} />\n                    {this.showSubmit ? (\n                        <FButton\n                            buttonType=\"submit\"\n                            label={this.#kupManager.language.translate(\n                                KupLanguageGeneric.CONFIRM\n                            )}\n                            wrapperClass=\"form__submit\"\n                            onClick={(e) => {\n                                this.submitClick(e);\n                            }}\n                        ></FButton>\n                    ) : null}\n                </div>\n            </Host>\n        );\n    }\n\n    disconnectedCallback() {\n        this.#kupManager.dates.unregister(this);\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n}\n"],"mappings":"iaAOA,IAAYA,GAAZ,SAAYA,GACRA,EAAA,gDACAA,EAAA,gCACAA,EAAA,qGACAA,EAAA,8DACH,EALD,CAAYA,MAAY,KAOxB,IAAYC,GAAZ,SAAYA,GACRA,EAAA,wBACAA,EAAA,mBACAA,EAAA,sBACAA,EAAA,cACH,EALD,CAAYA,MAA2B,K,8WCIvC,MAAMC,EAAcC,SAASC,gBA8BtB,MAAMC,EACTC,IAEA,MAAMC,EAAaD,EAAME,K,+BAEZF,EAAME,MAAI,CACbC,KAAMC,EAASJ,EAAME,KAAMF,EAAMK,QACjCC,SAAUA,EAASN,EAAME,KAAMF,EAAMK,QACrCE,WAAY,OAEhB,KAEN,MAAMC,EAAWC,OAAAC,OAAAD,OAAAC,OAAA,GACVV,GAAK,CACRW,SAAU,KACVT,KAAMD,EACNI,OAAQO,EAAeX,EAAWE,MAClCU,IAAKC,EAAYb,EAAWE,QAGhC,GAAIH,EAAME,KAAKa,QAAUC,EAAYC,WAAY,CAC7CT,EAAYN,KAAKgB,MAAQV,EAAYN,KAAKC,KAAKe,K,CAGnD,OAAOC,EAACC,EAAKX,OAAAC,OAAA,GAAKF,GAAqB,EAG3C,MAAMI,EAAkBT,IACpB,MAAMkB,EACFlB,GAAQA,EAAKmB,KAAOnB,EAAKmB,IAAIC,EACvBpB,EAAKmB,IAAIC,EAAI,IAAMpB,EAAKmB,IAAIE,EAC5B,UACV,MAAMC,EACFtB,GAAQA,EAAKmB,KAAOnB,EAAKmB,IAAIC,EACvBpB,EAAKmB,IAAIC,EAAI,IAAMpB,EAAKmB,IAAIE,EAC5B,qBACV,MAAO,CACHE,KAAML,EACNM,MAAOF,EACV,EAGL,MAAMX,EAAeX,IACjB,MAAMyB,EAAqBhB,EAAeT,GAC1C,MAAMU,EAAkB,CAAEgB,MAAO,IACjChB,EAAIgB,MAAMD,EAAIF,MAAQvB,EAAKD,KAC3B,OAAOW,CAAG,EAGd,MAAMP,EAAW,CAACJ,EAA0B0B,KACxC,MAAME,EAAWlC,EAAImC,QAAQ5B,KAAKD,KAAK8B,QAAQ9B,EAAMA,EAAKa,OAE1D,IAAKb,EAAKK,WAAY,CAClB,OAAO,I,CAGX,GACIuB,IAAaG,EAAWC,oBACxBJ,IAAaG,EAAWE,eAC1B,CACE,OAAA1B,OAAAC,OAAAD,OAAAC,OAAA,GACO0B,EACC,KACAR,EAAID,MACJzB,EAAKmC,UAGR,CACDC,iBAAkB,KAClBC,MAAO,GACPC,MAAO,CAAEC,MAAO,QAChBC,UAAWxC,EAAKK,WAChBoC,GAAIf,EAAIF,M,CAIhB,OAAO,IAAI,EAGf,MAAMtB,EAAW,CAACF,EAA0BG,KACxC,MAAMuC,EAAYnC,OAAAC,OAAAD,OAAAC,OAAA,GACXmC,EAAQ3C,EAAMG,IAAO,CACxBqC,UAAWxC,EAAKK,WAChBoC,GAAItC,EAAOqB,OAGf,MAAMI,EAAWlC,EAAImC,QAAQ5B,KAAKD,KAAK8B,QAAQ9B,EAAMA,EAAKa,O,MACpD+B,EAA2B5C,EAAKC,MAAQ,GAA7B4C,EAAWC,EAAAF,EAAtB,UACN,OAAOhB,IAAaG,EAAWC,oBAC3BJ,IAAaG,EAAWE,eACtBc,EAAiBL,EAAYnC,OAAAC,OAAA,GACtBR,EAAKC,O,+BAILyC,GACAG,EACN,EAGX,MAAME,EAAmB,CAACC,EAAuBC,KAC7C,IAAK,MAAMC,KAAOD,EAAQ,CACtB,GACIA,EAAOC,aAAgB3C,SACtB4C,MAAMC,QAAQH,EAAOC,KACtBA,KAAOF,EACT,CACEA,EAAOE,GAAOH,EAAiBC,EAAOE,GAAMD,EAAOC,G,KAChD,CACHF,EAAOE,GAAOD,EAAOC,E,EAG7B,OAAOF,CAAM,EAGjB,MAAML,EAAU,CAAC3C,EAA0B0B,KACvC,IAAK1B,EAAM,CACP,OAAO,I,CAGX,MAAMmC,EAAUnC,EAAKmC,QACrB,MAAMkB,EAAa3B,EAAID,MACvB,MAAM6B,EAAetD,EAAKgB,MAC1B,MAAMY,EAAWlC,EAAImC,QAAQ5B,KAAKD,KAAK8B,QAAQ9B,EAAMA,EAAKa,OAC1D,MAAM0C,EAAiB,IAAIC,IAA+B,CACtD,CAACzB,EAAW0B,OAAQC,EAAeC,KAAKC,cAG5C,MAAMC,EAAUN,EAAeO,IAAIlC,GAEnC,OAAOiC,EACDA,EAAQ1B,EAASkB,EAAYC,EAActD,EAAM0B,EAAIF,MACrD,IAAI,EAGd,MAAMkC,EAAiB,CACnBvB,EACA4B,EACAC,EACAC,KAEA,GAAI9B,IAAO,MAAPA,SAAO,SAAPA,EAAU,GAAI,CACd,MAAO,CACHnB,MAAOmB,EAAQ,GAAG+B,M,GC/L9B,MAAMC,EAAa,6gEACnB,MAAAC,EAAeD,E,yWC8CFE,EAAO,M,mFAiDhBC,EAAAC,IAAAX,KAA0BY,K,iBAlCI,G,UAKF,K,aAIIC,EAAaC,K,iBAKd,M,gBAKD,M,oBAM1BjF,EAA4BkF,K,CA4BhC,mBAAMC,CAAcC,GAChB,IAAKjB,KAAK3D,KAAK6E,SAAU,CACrBlB,KAAK3D,KAAK6E,SAAW,E,CAEzB,GAAID,EAAS,CACT,IAAK,IAAIE,EAAQ,EAAGA,EAAQF,EAAQG,OAAQD,IAAS,CACjD,MAAMD,EAAWD,EAAQE,GACzB,GAAInB,KAAK3D,KAAK6E,SAASG,QAAQH,GAAY,EAAG,CAC1ClB,KAAK3D,KAAK6E,UAAY,IAAIA,G,GAItClB,KAAKsB,S,CAQT,cAAMC,CAASC,GACX,OAAOD,EAASvB,KAAMpE,EAAc4F,E,CAMxC,aAAMF,GACFG,EAAYzB,K,CAOhB,sBAAM0B,CAAiBT,GACnB,IAAKjB,KAAK3D,KAAK6E,SAAU,CACrB,M,CAEJ,GAAID,EAAS,CACT,IAAK,IAAIE,EAAQ,EAAGA,EAAQF,EAAQG,OAAQD,IAAS,CACjD,MAAMD,EAAWD,EAAQE,GACzB,GAAInB,KAAK3D,KAAK6E,SAASG,QAAQH,GAAY,EAAG,CAC1ClB,KAAK3D,KAAK6E,SAAWlB,KAAK3D,KAAK6E,SAASS,QACpC,IAAIC,OAAOV,EAAU,KACrB,G,GAKhBlB,KAAKsB,S,CAOT,cAAMhF,CAASJ,GACXI,EAAS0D,KAAMpE,EAAcM,E,CAOzB,sBAAA2F,GACJ,GAAI7B,KAAK8B,YAAa,CAClB,MAAMC,EAAsC,KACjC,CACH3F,KAAM4D,KAAK3D,KACXE,OAAQyD,KAAKlD,iBACb+B,GAAImB,KAAKgC,YAAYnD,GACrBoD,SAAU,MACVlF,IAAKiD,KAAKhD,gBAIlBkF,EAAAlC,KAAIU,EAAA,KAAayB,SAASC,UACtBpC,KAAKgC,YAAYK,WAAWC,cACxB,IAAMC,GAEV,CACI,aAAAC,GACI,OAAO,I,GAGf,CACIC,SAAUV,GAEdW,EAAcC,M,EAKlB,cAAA7F,GACJ,MAAMS,EACFyC,KAAK3D,MAAQ2D,KAAK3D,KAAKmB,KAAOwC,KAAK3D,KAAKmB,IAAIC,EACtCuC,KAAK3D,KAAKmB,IAAIC,EAAI,IAAMuC,KAAK3D,KAAKmB,IAAIE,EACtC,UACV,MAAMC,EACFqC,KAAK3D,MAAQ2D,KAAK3D,KAAKmB,KAAOwC,KAAK3D,KAAKmB,IAAIC,EACtCuC,KAAK3D,KAAKmB,IAAIC,EAAI,IAAMuC,KAAK3D,KAAKmB,IAAIE,EACtCwE,EAAAlC,KAAIU,EAAA,KAAakC,SAASC,UACtBC,EAAmBC,cAEjC,MAAO,CACHnF,KAAML,EACNM,MAAOF,E,CAIP,WAAAX,GACJ,MAAMc,EAAqBkC,KAAKlD,iBAChC,MAAMC,EAAkB,CAAEgB,MAAO,IACjChB,EAAIgB,MAAMD,EAAIF,MAAQoC,KAAK3D,KAC3B,OAAOU,C,CAGH,WAAAiG,CAAYC,GAChBA,EAAEC,kBACFlD,KAAKmD,mBAAmBC,KAAK,CACzBC,KAAMrD,KACNnB,GAAImB,KAAKgC,YAAYnD,GACrBzC,KAAM4D,KAAK3D,M,CAQnB,iBAAAiH,GACIpB,EAAAlC,KAAIU,EAAA,KAAa6C,MAAMC,SAASxD,MAChCkC,EAAAlC,KAAIU,EAAA,KAAa+C,MAAMC,QAAQ1D,KAAM,OACrCkC,EAAAlC,KAAIU,EAAA,KAAakC,SAASY,SAASxD,MACnCkC,EAAAlC,KAAIU,EAAA,KAAaiD,MAAMH,SAASxD,K,CAGpC,gBAAA4D,GACI1B,EAAAlC,KAAIU,EAAA,KAAa+C,MAAMC,QAAQ1D,KAAM,K,CAGzC,mBAAA6D,GACI3B,EAAAlC,KAAIU,EAAA,KAAa+C,MAAMK,UAAU9D,KAAM,M,CAG3C,kBAAA+D,GACI/D,KAAK6B,yBACLK,EAAAlC,KAAIU,EAAA,KAAa+C,MAAMK,UAAU9D,KAAM,K,CAG3C,MAAAgE,GACI,MAAM9H,EAA2B,CAC7BE,KAAM4D,KAAK3D,KACXE,OAAQyD,KAAKlD,iBACbmH,UAAWjE,KACXkE,QAASlE,KAAKkE,QACdrH,SAAUmD,KAAK3D,KAAKI,WACpB0H,UAAW,KACXpH,IAAKiD,KAAKhD,eAGd,OACIK,EAAC+G,EAAI,CAAA9E,IAAA,4CACDjC,EAAA,SAAAiC,IAAA,4CACK4C,EAAAlC,KAAIU,EAAA,KAAaiD,MAAMU,YACpBrE,KAAKgC,cAGb3E,EAAA,OAAAiC,IAAA,2CACIT,GAAI0D,EACJ7D,MACIsB,KAAKsE,WACC,CACIC,QAAS,OACT,iBAAkBvE,KAAKwE,eACvB,cAAe,SACfC,IAAK,UAET,IAGVpH,EAACpB,EAAYU,OAAAC,OAAA,CAAA0C,IAAA,4CAAKpD,IACjB8D,KAAKsE,WACFjH,EAACqH,EAAO,CACJC,WAAW,SACXrE,MAAO4B,EAAAlC,KAAIU,EAAA,KAAakC,SAASC,UAC7BC,EAAmB8B,SAEvBC,aAAa,eACbC,QAAU7B,IACNjD,KAAKgD,YAAYC,EAAE,IAG3B,M,CAMpB,oBAAA8B,GACI7C,EAAAlC,KAAIU,EAAA,KAAa6C,MAAMyB,WAAWhF,MAClCkC,EAAAlC,KAAIU,EAAA,KAAakC,SAASoC,WAAWhF,MACrCkC,EAAAlC,KAAIU,EAAA,KAAaiD,MAAMqB,WAAWhF,K","ignoreList":[]}