@sme.up/ketchup 11.0.0-SNAPSHOT-20241118161105 → 11.0.0-SNAPSHOT-20241118171002

package/dist/ketchup/{p-b2a20978.entry.js → p-befa2827.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 l,s as r,h as p,N as c,f as m}from"./p-e1cf074e.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-cc32b7a2.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-c398ed83.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.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";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".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.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.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=b;var y=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 x=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 v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.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;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(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(!y(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=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(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();y(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)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",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(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(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:m.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},y(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=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(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:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
-//# sourceMappingURL=p-b2a20978.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 l,s as r,h as p,N as c,f as m}from"./p-e1cf074e.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-e3032f6d.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-d138aa2d.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.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";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".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.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.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=b;var y=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 x=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 v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.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;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(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(!y(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=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(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();y(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)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",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(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(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:m.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},y(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=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(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:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
+//# sourceMappingURL=p-befa2827.entry.js.map

package/dist/ketchup/{p-f1d7efa6.entry.js → p-c22e720d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{F as a}from"./p-cc32b7a2.js";import{F as r}from"./p-5d03c077.js";import{F as l}from"./p-5403ec7d.js";import{F as h}from"./p-c4054aba.js";import{k as c,g as f,s as p,ar as d,h as u,R as m,e as g}from"./p-e1cf074e.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-d4a879fc.js";import"./p-029c7cbe.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the component.";t["enableDesign"]="When set to true, the component is in design mode and it is draggable."})(y||(y={}));const b=".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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";const k=b;const v=class{constructor(i){t(this,i);this.kupSave=e(this,"kup-dashboard-save",6);this.kupManager=c();this.internalData=null;this.internalDataBackup=null;this.resetInternalData=false;this.customStyle="";this.data=null;this.enableDesign=false}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return f(this,y,t)}async refresh(){i(this)}async setProps(t){p(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=Math.random()*16|0,i=t==="x"?e:e&3|8;return i.toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(d.RESET),secondary:true,onClick:()=>{this.resetData()}};const e={icon:"save",label:this.kupManager.language.translate(d.SAVE),onClick:()=>this.onKupSave()};return n("div",{class:"header"},this.enableDesign?n(a,Object.assign({},t)):undefined,this.enableDesign?n(a,Object.assign({},e)):undefined)}buildForm(t,e){const i={form:true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row","form-dropzone":this.enableDesign&&t&&t.sections!=null&&t.sections.length>0};return t?n("div",{class:i,style:this.getGridStyle(t),ref:i=>{if(!i)return;const n=i;n.kupData={parent:e,form:t}}},t.sections.map((e=>this.buildSection(e,t)))):n("div",null,this.kupManager.language.translate(u.EMPTY_DATA))}buildSectionHeader(t,e){const i={value:t.dim,label:this.kupManager.language.translate(d.DIMENSION),onChange:e=>{const{target:i}=e;t.dim=i.value;this.refresh()}};const o={icon:"add",slim:true,onClick:()=>{if(!t.sections){t.sections=[]}const e={id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout};t.sections.push(e);this.resetData(this.internalData)}};const s={icon:"remove",slim:true,secondary:true,onClick:()=>{const i=e.sections.indexOf(t);e.sections.splice(i,1);this.resetData(this.internalData)}};const h={checked:t.loaded,label:this.kupManager.language.translate(d.LOADED),onChange:()=>{t.loaded=!t.loaded;this.refresh()}};const c={checked:t.layout=="column",label:this.kupManager.language.translate(d.VERTICAL),onChange:()=>{t.layout=t.layout=="column"?"row":"column";this.refresh()}};return n("div",{class:"section-header"},n("div",null,t.id," - ",t.layout),n("div",null,n("div",{class:"section-header-actions"},n(l,Object.assign({},i)),n(r,Object.assign({},h)),n(r,Object.assign({},c)),n(a,Object.assign({},o)),n(a,Object.assign({},s)))))}buildSection(t,e){const i={section:true,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign};const o={"section-body":true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row"};return n("div",{class:i,ref:i=>{if(!i)return;const n=i;n.kupData={parent:e,section:t}}},this.enableDesign?this.buildSectionHeader(t,e):undefined,n("div",{class:o,style:this.getGridStyle(t)},!this.enableDesign&&t.loaded&&(!t.sections||t.sections.length==0)?n("slot",{name:t.id}):undefined,t.sections&&(t.loaded||this.enableDesign)?t.sections.map((e=>this.buildSection(e,t))):undefined))}calcSectionPosition(t,e,i,n,o){let s=n;for(let n=0;n<o.length;n++){const a=o[n];const r=a.getBoundingClientRect();if(i&&t<r.y){s=n;break}else if(!i&&e<r.x){s=n;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((e=>t.push(e)));t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,m.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((e=>t.push(e)));this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((e=>t.push(e)));t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder();this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,e,i){if(i.kupData.form){const n=this.calcSectionPosition(t,e,i.kupData.form.layout=="column",i.kupData.form.sections.length,i.children);this.setSectionPlaceHolder(i,n)}else if(i.kupData.section){const n=this.calcSectionPosition(t,e,i.kupData.section.layout=="column",i.kupData.section.sections.length,i.lastElementChild.children);this.setSectionPlaceHolder(i.lastElementChild,n)}}dropped(t,e,i){const n=i.kupData.parent.sections.indexOf(i.kupData.section);i.kupData.parent.sections.splice(n,1);if(e.kupData.form){if(!e.kupData.form.sections)e.kupData.form.sections=[];const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,e.kupData.form.layout=="column",e.kupData.form.sections.length,e.children);e.kupData.form.sections.splice(n,0,i.kupData.section);i.kupData.parent=e.kupData.form}else if(e.kupData.section){if(!e.kupData.section.sections||e.kupData.section.sections.length==0){const t=JSON.parse(JSON.stringify(e.kupData.section));t.dim=null;i.kupData.section.dim=null;e.kupData.section.id=this.buildGuid();e.kupData.section.sections=[];e.kupData.section.sections.push(t)}const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,e.kupData.section.layout=="column",e.kupData.section.sections.length,e.lastElementChild.children);e.kupData.section.sections.splice(n,0,i.kupData.section);i.kupData.parent=e.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let e={};if(t.sections){let i="";t.sections.forEach((t=>{if(this.enableDesign||!t.dim)i+=" 1fr";else i+=t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim}));if(t.layout=="column")e["gridTemplateRows"]=i;if(t.layout=="row")e["gridTemplateColumns"]=i}return e}setSectionPlaceHolder(t,e){const i=document.createElement("div");i.className="section-placeholder";t.insertBefore(i,t.childNodes[e])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");if(t)t.parentElement.removeChild(t)}resetData(t=null){if(t)this.internalDataBackup=t;this.resetInternalData=true;setTimeout((()=>{if(this.internalDataBackup){this.internalData=this.internalDataBackup;this.internalDataBackup=null}this.resetInternalData=false}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.resetInternalData){this.internalData=null;this.unregisterInteractables()}else if(!this.internalData)this.internalData=JSON.parse(JSON.stringify(this.data))}componentDidRender(){this.kupManager.debug.logRender(this,true);const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");if(e)e.forEach((t=>{h(t)}))}this.didRenderInteractables()}render(){return n(o,{key:"2a5f7d91b832041e5c68460409f8723bcae04c25"},n("style",{key:"00165eccb43eb45e9519e50ae383b6f237b6d293"},this.kupManager.theme.setKupStyle(this.rootElement)),n("div",{key:"66a90a4032f46aec89e48e2e8c3c95d948dee416",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables();this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};v.style=k;export{v as kup_dashboard};
-//# sourceMappingURL=p-f1d7efa6.entry.js.map
+import{r as t,c as e,f as i,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{F as a}from"./p-e3032f6d.js";import{F as r}from"./p-5d03c077.js";import{F as l}from"./p-5403ec7d.js";import{F as h}from"./p-c4054aba.js";import{k as c,g as f,s as p,ar as d,h as u,R as m,e as g}from"./p-e1cf074e.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-d4a879fc.js";import"./p-029c7cbe.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the component.";t["enableDesign"]="When set to true, the component is in design mode and it is draggable."})(y||(y={}));const b=".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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";const k=b;const v=class{constructor(i){t(this,i);this.kupSave=e(this,"kup-dashboard-save",6);this.kupManager=c();this.internalData=null;this.internalDataBackup=null;this.resetInternalData=false;this.customStyle="";this.data=null;this.enableDesign=false}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return f(this,y,t)}async refresh(){i(this)}async setProps(t){p(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=Math.random()*16|0,i=t==="x"?e:e&3|8;return i.toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(d.RESET),secondary:true,onClick:()=>{this.resetData()}};const e={icon:"save",label:this.kupManager.language.translate(d.SAVE),onClick:()=>this.onKupSave()};return n("div",{class:"header"},this.enableDesign?n(a,Object.assign({},t)):undefined,this.enableDesign?n(a,Object.assign({},e)):undefined)}buildForm(t,e){const i={form:true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row","form-dropzone":this.enableDesign&&t&&t.sections!=null&&t.sections.length>0};return t?n("div",{class:i,style:this.getGridStyle(t),ref:i=>{if(!i)return;const n=i;n.kupData={parent:e,form:t}}},t.sections.map((e=>this.buildSection(e,t)))):n("div",null,this.kupManager.language.translate(u.EMPTY_DATA))}buildSectionHeader(t,e){const i={value:t.dim,label:this.kupManager.language.translate(d.DIMENSION),onChange:e=>{const{target:i}=e;t.dim=i.value;this.refresh()}};const o={icon:"add",slim:true,onClick:()=>{if(!t.sections){t.sections=[]}const e={id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout};t.sections.push(e);this.resetData(this.internalData)}};const s={icon:"remove",slim:true,secondary:true,onClick:()=>{const i=e.sections.indexOf(t);e.sections.splice(i,1);this.resetData(this.internalData)}};const h={checked:t.loaded,label:this.kupManager.language.translate(d.LOADED),onChange:()=>{t.loaded=!t.loaded;this.refresh()}};const c={checked:t.layout=="column",label:this.kupManager.language.translate(d.VERTICAL),onChange:()=>{t.layout=t.layout=="column"?"row":"column";this.refresh()}};return n("div",{class:"section-header"},n("div",null,t.id," - ",t.layout),n("div",null,n("div",{class:"section-header-actions"},n(l,Object.assign({},i)),n(r,Object.assign({},h)),n(r,Object.assign({},c)),n(a,Object.assign({},o)),n(a,Object.assign({},s)))))}buildSection(t,e){const i={section:true,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign};const o={"section-body":true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row"};return n("div",{class:i,ref:i=>{if(!i)return;const n=i;n.kupData={parent:e,section:t}}},this.enableDesign?this.buildSectionHeader(t,e):undefined,n("div",{class:o,style:this.getGridStyle(t)},!this.enableDesign&&t.loaded&&(!t.sections||t.sections.length==0)?n("slot",{name:t.id}):undefined,t.sections&&(t.loaded||this.enableDesign)?t.sections.map((e=>this.buildSection(e,t))):undefined))}calcSectionPosition(t,e,i,n,o){let s=n;for(let n=0;n<o.length;n++){const a=o[n];const r=a.getBoundingClientRect();if(i&&t<r.y){s=n;break}else if(!i&&e<r.x){s=n;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((e=>t.push(e)));t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,m.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((e=>t.push(e)));this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((e=>t.push(e)));t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder();this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,e,i){if(i.kupData.form){const n=this.calcSectionPosition(t,e,i.kupData.form.layout=="column",i.kupData.form.sections.length,i.children);this.setSectionPlaceHolder(i,n)}else if(i.kupData.section){const n=this.calcSectionPosition(t,e,i.kupData.section.layout=="column",i.kupData.section.sections.length,i.lastElementChild.children);this.setSectionPlaceHolder(i.lastElementChild,n)}}dropped(t,e,i){const n=i.kupData.parent.sections.indexOf(i.kupData.section);i.kupData.parent.sections.splice(n,1);if(e.kupData.form){if(!e.kupData.form.sections)e.kupData.form.sections=[];const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,e.kupData.form.layout=="column",e.kupData.form.sections.length,e.children);e.kupData.form.sections.splice(n,0,i.kupData.section);i.kupData.parent=e.kupData.form}else if(e.kupData.section){if(!e.kupData.section.sections||e.kupData.section.sections.length==0){const t=JSON.parse(JSON.stringify(e.kupData.section));t.dim=null;i.kupData.section.dim=null;e.kupData.section.id=this.buildGuid();e.kupData.section.sections=[];e.kupData.section.sections.push(t)}const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,e.kupData.section.layout=="column",e.kupData.section.sections.length,e.lastElementChild.children);e.kupData.section.sections.splice(n,0,i.kupData.section);i.kupData.parent=e.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let e={};if(t.sections){let i="";t.sections.forEach((t=>{if(this.enableDesign||!t.dim)i+=" 1fr";else i+=t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim}));if(t.layout=="column")e["gridTemplateRows"]=i;if(t.layout=="row")e["gridTemplateColumns"]=i}return e}setSectionPlaceHolder(t,e){const i=document.createElement("div");i.className="section-placeholder";t.insertBefore(i,t.childNodes[e])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");if(t)t.parentElement.removeChild(t)}resetData(t=null){if(t)this.internalDataBackup=t;this.resetInternalData=true;setTimeout((()=>{if(this.internalDataBackup){this.internalData=this.internalDataBackup;this.internalDataBackup=null}this.resetInternalData=false}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.resetInternalData){this.internalData=null;this.unregisterInteractables()}else if(!this.internalData)this.internalData=JSON.parse(JSON.stringify(this.data))}componentDidRender(){this.kupManager.debug.logRender(this,true);const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");if(e)e.forEach((t=>{h(t)}))}this.didRenderInteractables()}render(){return n(o,{key:"2a5f7d91b832041e5c68460409f8723bcae04c25"},n("style",{key:"00165eccb43eb45e9519e50ae383b6f237b6d293"},this.kupManager.theme.setKupStyle(this.rootElement)),n("div",{key:"66a90a4032f46aec89e48e2e8c3c95d948dee416",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables();this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};v.style=k;export{v as kup_dashboard};
+//# sourceMappingURL=p-c22e720d.entry.js.map

package/dist/ketchup/{p-c398ed83.js → p-d138aa2d.js}

@@ -1,2 +1,2 @@
-import{a8 as e,a9 as t,d as s,a5 as n,aa as i,ab as c,ac as a,F as l,ad as o,ae as r,af as u,ag as d,ah as f,e as p}from"./p-e1cf074e.js";import{h as b,g as k,F as h}from"./p-d7c15b0e.js";import{F as v}from"./p-5d03c077.js";import{F as m}from"./p-5403ec7d.js";import{F as g}from"./p-2b519589.js";import{F as w,c as j}from"./p-c618c6fd.js";import{F as O}from"./p-cc32b7a2.js";var y;(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."})(y||(y={}));var $;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})($||($={}));var x;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(x||(x={}));var _;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(_||(_={}));const I=e=>{if(!e.sizing){e.sizing=_.MEDIUM}e.sizing.toLowerCase()===_.SMALL;const t={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return b("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}),b("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},b("div",{class:t},b("div",{class:"switch__track"}),b("div",{class:"switch__thumb-underlay"},b("div",{class:"switch__thumb"},b("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})))),b("label",{onClick:e.onChange},e.label)))};const C=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let t=`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 s="pie";let n=undefined;if(e.isRadial){t+=" pie-wrapper is-radial"}else{t+=" progress-bar"}let i=undefined;const c={width:`${e.value}%`};if(!e.centeredLabel){i=c;if(e.value>2){t+=" text-color-on-primary"}}else if(e.value>49){t+=" text-color-on-primary"}let a=null;if(e.icon){a=z(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=b("span",{class:"label"},e.label)}else{a=b("span",{class:"label"},e.value,b("span",{class:"smaller"},"%"))}}else{if(e.label){a=e.label}else{a=e.value+"%"}}}}if(e.value>0){s+=" has-value";if(e.value>50){s+=" is-more-than-half"}else{s+=" is-less-than-half"}}if(e.isRadial){return b("div",{class:t},a,b("div",{class:s},b("div",{style:n,class:"left-side half-circle"}),b("div",{class:"right-side half-circle"})),b("div",{class:"shadow"}))}else{return b("div",{class:t},b("div",{class:"progress-bar-percentage",style:c},b("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 b("span",{class:"label kup-icon is-image"},b("img",{src:e.icon}))}else{let t=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let s={mask:t,webkitMask:t};return b("span",{style:s,class:"label kup-icon"})}}var N;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(N||(N={}));const F=e=>{var t;const s=!!e.columns;const n=[];const i=e.type||N.RADIO;for(let s=0;s<((t=e.data)===null||t===void 0?void 0:t.length);s++){const t=e.data[s];const c={radio:true,"radio--checked":t.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};n.push(b("div",{class:`form-field \n                  ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},b("div",{class:c},i===N.RADIO?b("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:t.value,checked:t.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,s):null,onFocus:e.onFocus}):b(h,null,t.checked?b(g,{resource:"check",sizeX:"14px",sizeY:"14px"}):b(g,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),i===N.RADIO&&b("div",{class:"radio__background"},b("div",{class:"radio__outer-circle"}),b("div",{class:"radio__inner-circle"}))),b("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,s):null},t.label?t.label:"")))}const c={"--kup_radio_columns":s?`repeat(${e.columns}, 1fr)`:""};return b("div",{class:`f-radio radio-wrapper\n             ${s?"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 b("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 t=[];for(let s=1;s<=e.maxValue;s++){if(s<=e.value){t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"★"))}else{t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"☆"))}}return t}const T=document.documentElement;const M=(i,c)=>{var a;const l=i.cell;const o=i.column;const u=i.row;const d=i.shape?i.shape:l.shape?l.shape:o.shape?o.shape:null;const p=!T.ketchup.objects.isEmptyKupObj(l.obj);let k=false;if(l.hasOwnProperty("isEditable")){k=l.isEditable}else if(o.hasOwnProperty("isEditable")){k=o.isEditable}k=k&&i.editable;if(l.options){l.data=(a=S(l,o))!==null&&a!==void 0?a:l.data}const h=i.previousValue!==l.value?l.value:"";const v=T.ketchup.data.cell.getType(l,d);const m=Object.assign({},l.data);let w=l.cssClass?l.cssClass:(o===null||o===void 0?void 0:o.cssClass)?o===null||o===void 0?void 0:o.cssClass:"";if(i.component.legacyLook){w+=" monospace c-pre"}const j={"f-cell":true,[r.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 O=h;if(!l.data){ee(v,l)}if(k&&e.includes(v)){O=J(v,j,l,o,i)}else if(l.data&&t.includes(v)){if(i.setSizes){q(v,m,l)}if(!i.renderKup){const e="cell-"+v+" placeholder";O=b("span",{class:e})}else{O=Z(v,j,m,l,u,o,i)}}else{if(i.setSizes){U(v,m,l,i)}O=Q(v,m,O,j,l,o,i)}let y=null;if(!k&&(o.icon||l.icon)&&O){const e={color:`rgba(var(${s.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:o.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:o.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};y=b(g,Object.assign({},e))}let $=null;if(T.ketchup.debug.isDebug()&&p){$=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){$=l.title}let x=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${s.INFO})`}if(!e.icon){e.icon="info"}const t={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};x=b(g,Object.assign({},t))}return b("div",{onKeyUp:e=>te(e,i,v,f.KEYUP),class:j,"kup-get-cell-props":()=>i,ref:e=>l.element=e,style:l.style},b("div",{class:"f-cell__content",style:l.styleContent,title:$},i.cellActionIcon&&b(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,x,y,O]))};const S=(e,t)=>{if(!e){return null}const s=e.options;const i=t.title;const c=e.value;const a=T.ketchup.data.cell.getType(e,e.shape);const l=new Map([[n.BUTTON_LIST,R.bind(undefined)],[n.STRING,Y.bind(undefined)],[n.RADIO,K.bind(undefined)],[n.AUTOCOMPLETE,W.bind(undefined)],[n.COMBOBOX,W.bind(undefined)],[n.CHECKBOX,X.bind(undefined)],[n.OBJECT,V.bind(undefined)],[n.CHIP,E.bind(undefined)]]);const o=l.get(a);return o?o(s,i,c,e):null};const E=(e,t,s,n)=>{const i={data:(e===null||e===void 0?void 0:e.length)?e===null||e===void 0?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),i)};const V=(e,t,s,n,i)=>({data:{initialValue:s||"",label:t||"",value:s||""}});const X=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{checked:s==="on"||s==="1",label:t});const R=(e,t,s,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:s})]});const Y=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{label:t});const K=(e,t,s,n)=>{const c=i(s,e);n.data=Object.assign(Object.assign({},n.data),c)};const W=(e,t,s,n,i)=>{var a;if(!((a=n.data)===null||a===void 0?void 0:a.data)&&e){const n=c(s,t,[]);n.data["kup-list"].data=A(e,s);return n}};const A=(e,t)=>{const s=L.get(e.type);if(s){return s(e,t)}else{return e.map((e=>({value:e.label,id:e.id,selected:t===e.id})))}};const B=(e,t)=>e.children.map((e=>{var s;return{id:e.content.codice,value:e.content.testo,selected:t===e.content.codice,children:((s=e.children)===null||s===void 0?void 0:s.length)?B(e,t):[]}}));const G=(e,t)=>e.children.map((e=>{var s;return{id:e.obj.k,value:e.value,selected:t===e.obj.k,children:((s=e.children)===null||s===void 0?void 0:s.length)?G(e,t):[]}}));const P=(e,t)=>e.rows.map((e=>{var s;const n=e.fields||e.cells;const[i,c]=Object.keys(n);return{id:n[i].value,value:((s=n[c])===null||s===void 0?void 0:s.value)||n[i].value,selected:t===n[i].value}}));const L=new Map([["SmeupTreeNode",B.bind(undefined)],["SmeupDataTree",G.bind(undefined)],["SmeupTable",P.bind(undefined)],["SmeupDataTable",P.bind(undefined)]]);function U(e,t,s,i){var c;switch(e){case n.CHECKBOX:case n.ICON:if(!t.sizeX){t.sizeX="18px"}if(!t.sizeY){t.sizeY="18px"}if(s.style){if(!s.style.height){s.style["minHeight"]=t.sizeY}}else{s.style={minHeight:t.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(!t.sizeX&&!t.sizeY){t.sizeX="100%";t.sizeY="64px";t.wrapperClass="noWidth"}else{if(!t.sizeX){t.sizeX="100%";t.wrapperClass="noWidth"}if(!t.sizeY){t.sizeY="auto"}}}if(i.component.rootElement.tagName===a.BOX){if(!t.sizeY){t.sizeY="auto"}if(t.fit===undefined){t.fit=true}}else if(!t.sizeX){t.sizeX="auto"}if(!t.sizeY){t.sizeY="64px"}break}}function q(e,t,s){switch(e){case n.BAR:if(!t.sizeY){t.sizeY="26px"}break;case n.BUTTON:let e="";if(t.label){e="36px"}if(s.style){if(!s.style.height){s.style["minHeight"]=e}}else{s.style={minHeight:e}}break;case n.CHART:if(!t.sizeX){t.sizeX="100%"}if(!t.sizeY){t.sizeY="100%"}break;case n.CHIP:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break;case n.RADIO:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break}}function J(e,t,s,i,c){var a,o;switch(e){case n.AUTOCOMPLETE:return b("kup-autocomplete",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-autocomplete-change":t=>te(t,c,e,f.UPDATE),"onkup-autocomplete-input":t=>te(t,c,e,f.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,f.ICON_CLICK)}));case n.CHECKBOX:if(ne(c)){t[r.C_CENTERED]=true}if(s.shape===l.INPUT_CHECKBOX){return b("input",{checked:s.value==="on"||s.value==="1"?true:false,class:"input-checkbox",onChange:t=>te(t,c,e,f.UPDATE),type:"checkbox"})}else{return b(v,Object.assign({},s.data,{onChange:t=>te(t,c,e,f.UPDATE)}))}case n.CHIP:return b("kup-chip",Object.assign({},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-text-field",Object.assign({fullWidth:true,slot:"field"},s.slotData,{error:s.data.error})));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":t=>te(t,c,e,f.UPDATE)}));case n.COMBOBOX:return b("kup-combobox",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-combobox-change":t=>te(t,c,e,f.UPDATE),"onkup-combobox-input":t=>te(t,c,e,f.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,f.ICON_CLICK)}));case n.DATE:return b("kup-date-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-datepicker-change":t=>te(t,c,e,f.UPDATE),"onkup-datepicker-input":t=>te(t,c,e,f.INPUT)}));case n.MULTI_AUTOCOMPLETE:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":t=>te(t,c,e,f.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,f.ICON_CLICK),showDropDownIcon:false},s.slotData,{error:s.data.error})));case n.MULTI_COMBOBOX:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-combobox-input":t=>te(t,c,e,f.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,f.ICON_CLICK)},s.slotData,{error:s.data.error})));case n.RADIO:return b(F,Object.assign({},s.data,{disabled:false,onChange:(t,n)=>{const i=s.data.data;for(let e=0;e<i.length;e++){const s=i[e];if(e===t){s.checked=true}else{s.checked=false}}te(n,c,e,f.UPDATE)}}));case n.RATING:return b("kup-rating",Object.assign({key:i.name+c.row.id},s.data,{disabled:false,"onkup-rating-click":t=>te(t,c,e,f.UPDATE)}));case n.SWITCH:return b(I,Object.assign({},s.data,{disabled:false,onChange:t=>te(t,c,e,f.UPDATE)}));case n.TIME:return b("kup-time-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-timepicker-change":t=>te(t,c,e,f.UPDATE),"onkup-timepicker-input":t=>te(t,c,e,f.INPUT)}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s.data,{disabled:false,onIconClick:t=>te(t,c,e,f.ICON_CLICK)}));case n.NUMBER:t[r.C_RIGHT_ALIGNED]=true;case n.LINK:case n.STRING:const u=t=>te(t,c,e,f.UPDATE);const d=t=>te(t,c,e,f.INPUT);const p=e===n.NUMBER?"number":null;const k=e===n.NUMBER&&s.value?T.ketchup.math.numberifySafe(s.value).toString():s.value;if(s.shape===l.INPUT_FIELD){return b("input",{class:"input-field",onChange:u,onInput:d,type:p,value:k,maxLength:(o=(a=i.cellData)===null||a===void 0?void 0:a.maxLength)!==null&&o!==void 0?o:-1})}else{return b(m,Object.assign({inputType:p,fullWidth:ie(c)?true:false},s.data,{icon:s.data&&s.data.icon?s.data.icon:s.icon?s.icon:i.icon?i.icon:null,value:k,onChange:u,onInput:d,onIconClick:t=>te(t,c,e,f.ICON_CLICK)}))}}}function Q(e,t,s,i,c,a,l){switch(e){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.DATETIME:case n.TIME:if(s&&s!=""){const e=d(a,c);return b("div",{class:"f-cell__text"},e)}return s;case n.CHECKBOX:if(ne(l)){i[r.C_CENTERED]=true}return b(g,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case n.EDITOR:return b("div",{innerHTML:c.value});case n.ICON:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.IMAGE:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.LINK:return b("a",{href:s,target:"_blank"},c.value);case n.NUMBER:if(s&&s!=""){const e=T.ketchup.math.numberifySafe(c.value);const t=d(a,c);if(e<0){i[r.TEXT_DANGER]=true}if(ne(l)){i[r.C_RIGHT_ALIGNED]=true}return b("div",{class:"f-cell__text"},t)}return b("div",{class:"f-cell__text"},s);case n.SWITCH:if(ne(l)){i[r.C_CENTERED]=true}t["disabled"]=true;return b(I,Object.assign({},t));default:return b("div",{class:"f-cell__text"},s)}}function Z(e,t,s,i,c,a,l){switch(e){case n.BAR:if(!s.data){return b("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},s))}else{const e={height:s.sizeY,width:"100%"};return b("div",{style:e},b(g,Object.assign({},s)))}case n.BUTTON:if(ne(l)){t[r.C_CENTERED]=true}return b(O,Object.assign({},s,{onClick:t=>te(t,l,e,f.CLICK)}));case n.BUTTON_LIST:if(ne(l)){t[r.C_CENTERED]=true}s["data-storage"]={cell:i,row:c,column:a};return b("kup-button-list",Object.assign({key:a.name+l.row.id},s));case n.CHART:if(ne(l)){t[r.C_CENTERED]=true}return b("kup-chart",Object.assign({key:a.name+l.row.id},s));case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.CHIP:return b(j,Object.assign({},s));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:a.name+l.row.id},s,{class:ie(l)?"kup-full-width":"",disabled:true}));case n.GAUGE:return b("kup-gauge",Object.assign({key:a.name+l.row.id,value:T.ketchup.math.numberifySafe(i.value),"width-component":"280px"},s));case n.KNOB:case n.PROGRESS_BAR:return s.customStyle?b("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):b(C,Object.assign({},s));case n.RADIO:if(ne(l)){t[r.C_CENTERED]=true}s["disabled"]=c.readOnly;return b(F,Object.assign({},s));case n.RATING:return b(H,Object.assign({},s,{disabled:true}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s,{disabled:true}))}}function ee(e,t){function s(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 o(e){if(!e){return null}const t=e.split("\\\\AND\\");const s=[];for(const e of t){const t=r(e);if(t){s.push(...t)}else{return null}}return s}function r(e){const t={};const n=e.split("\\\\");const o=[];for(const e of n){if(e){if(l(e)){return null}if(i(e)){if(!s(e)){return null}else{const s=e.split(";");if(s.length===3){const e=s[2].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}}else if(c(e));else if(a(e)){const s=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(s))){t.height=`${s}%`}}else{o.push(r(e,t))}}return o.length?o:null}function r(e,t){const s=Object.assign({},t);const n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const t=e.exec(n[0]);if(t){const[,e,n,i]=t;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(n,10))&&!isNaN(parseInt(i,10))){s.color=`rgb(${parseInt(e)},${parseInt(n)},${parseInt(i)})`}}if(n.length>=2){const e=n[1].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}return s}}t.data={};const u=()=>{var e;const s=(e=t.value)===null||e===void 0?void 0:e.split(";");if((s===null||s===void 0?void 0:s[s.length-1].trim())===""){s.pop()}if(s&&s.length){t.data.data=[];for(let e of s){t.data.data.push({id:e,value:e})}}};switch(e){case n.CHECKBOX:case n.SWITCH:t.data.checked=t.value==="1"?true:false;break;case n.BAR:if(i(t.value)){t.data.isCanvas=true;t.data.resource=t.value}else{t.data.data=o(t.value)}break;case n.BUTTON:t.data.label=t.value;break;case n.CHART:Object.assign(t.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:t.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:t.data.initialValue=t.value;break;case n.GAUGE:case n.KNOB:case n.PROGRESS_BAR:case n.RATING:t.data.value=parseInt(t.value);break;case n.ICON:case n.IMAGE:t.data.resource=t.value;break}}function te(e,t,s,i){const c=t.cell;const a=t.column;const l=t.component;const o=t.row;if(i===f.UPDATE){let t=se(e,s);switch(s){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.TIME:if(c.data){c.data["initialValue"]=t}break;case n.CHECKBOX:case n.SWITCH:t=t==="on"?"0":"1";if(c.data){c.data.checked=t==="0"?false:true}break;case n.RADIO:if(c.data.data){const e=c.data.data;const s=e.find((e=>e.checked));if(s){t=s.value}}break;case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:t=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=t===null||t===void 0?void 0:t.toString()}c.value=t===null||t===void 0?void 0:t.toString();c.displayedValue=null;c.displayedValue=d(a,c)}if(l&&l.rootElement){const t=new CustomEvent(i,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:o,type:s}});l.rootElement.dispatchEvent(t);if(i===f.UPDATE){try{l.refresh()}catch(e){T.ketchup.debug.logMessage(l,e,p.ERROR)}}}}function se(e,t){const s=!!(e.target.tagName==="INPUT");let i=s?e.target.value:e.detail.value;if(t===n.CHECKBOX&&s){i=e.target.checked?"off":"on"}if(t===n.NUMBER&&s){i=T.ketchup.math.formattedStringToNumberString(i,"")}return i}function ne(e){var t;return u.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function ie(e){var t;return o.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{M as F,x as I,$ as K,y as a,C as b,F as c,H as d,_ as e,I as f};
-//# sourceMappingURL=p-c398ed83.js.map
+import{a8 as e,a9 as t,d as s,a5 as n,aa as i,ab as c,ac as a,F as l,ad as o,ae as r,af as u,ag as d,ah as f,e as p}from"./p-e1cf074e.js";import{h as b,g as k,F as h}from"./p-d7c15b0e.js";import{F as v}from"./p-5d03c077.js";import{F as m}from"./p-5403ec7d.js";import{F as g}from"./p-2b519589.js";import{F as w,c as j}from"./p-c618c6fd.js";import{F as O}from"./p-e3032f6d.js";var y;(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."})(y||(y={}));var $;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})($||($={}));var x;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(x||(x={}));var _;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(_||(_={}));const I=e=>{if(!e.sizing){e.sizing=_.MEDIUM}e.sizing.toLowerCase()===_.SMALL;const t={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return b("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}),b("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},b("div",{class:t},b("div",{class:"switch__track"}),b("div",{class:"switch__thumb-underlay"},b("div",{class:"switch__thumb"},b("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})))),b("label",{onClick:e.onChange},e.label)))};const C=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let t=`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 s="pie";let n=undefined;if(e.isRadial){t+=" pie-wrapper is-radial"}else{t+=" progress-bar"}let i=undefined;const c={width:`${e.value}%`};if(!e.centeredLabel){i=c;if(e.value>2){t+=" text-color-on-primary"}}else if(e.value>49){t+=" text-color-on-primary"}let a=null;if(e.icon){a=z(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=b("span",{class:"label"},e.label)}else{a=b("span",{class:"label"},e.value,b("span",{class:"smaller"},"%"))}}else{if(e.label){a=e.label}else{a=e.value+"%"}}}}if(e.value>0){s+=" has-value";if(e.value>50){s+=" is-more-than-half"}else{s+=" is-less-than-half"}}if(e.isRadial){return b("div",{class:t},a,b("div",{class:s},b("div",{style:n,class:"left-side half-circle"}),b("div",{class:"right-side half-circle"})),b("div",{class:"shadow"}))}else{return b("div",{class:t},b("div",{class:"progress-bar-percentage",style:c},b("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 b("span",{class:"label kup-icon is-image"},b("img",{src:e.icon}))}else{let t=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let s={mask:t,webkitMask:t};return b("span",{style:s,class:"label kup-icon"})}}var N;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(N||(N={}));const F=e=>{var t;const s=!!e.columns;const n=[];const i=e.type||N.RADIO;for(let s=0;s<((t=e.data)===null||t===void 0?void 0:t.length);s++){const t=e.data[s];const c={radio:true,"radio--checked":t.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};n.push(b("div",{class:`form-field \n                  ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},b("div",{class:c},i===N.RADIO?b("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:t.value,checked:t.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,s):null,onFocus:e.onFocus}):b(h,null,t.checked?b(g,{resource:"check",sizeX:"14px",sizeY:"14px"}):b(g,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),i===N.RADIO&&b("div",{class:"radio__background"},b("div",{class:"radio__outer-circle"}),b("div",{class:"radio__inner-circle"}))),b("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,s):null},t.label?t.label:"")))}const c={"--kup_radio_columns":s?`repeat(${e.columns}, 1fr)`:""};return b("div",{class:`f-radio radio-wrapper\n             ${s?"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 b("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 t=[];for(let s=1;s<=e.maxValue;s++){if(s<=e.value){t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"★"))}else{t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"☆"))}}return t}const T=document.documentElement;const M=(i,c)=>{var a;const l=i.cell;const o=i.column;const u=i.row;const d=i.shape?i.shape:l.shape?l.shape:o.shape?o.shape:null;const p=!T.ketchup.objects.isEmptyKupObj(l.obj);let k=false;if(l.hasOwnProperty("isEditable")){k=l.isEditable}else if(o.hasOwnProperty("isEditable")){k=o.isEditable}k=k&&i.editable;if(l.options){l.data=(a=S(l,o))!==null&&a!==void 0?a:l.data}const h=i.previousValue!==l.value?l.value:"";const v=T.ketchup.data.cell.getType(l,d);const m=Object.assign({},l.data);let w=l.cssClass?l.cssClass:(o===null||o===void 0?void 0:o.cssClass)?o===null||o===void 0?void 0:o.cssClass:"";if(i.component.legacyLook){w+=" monospace c-pre"}const j={"f-cell":true,[r.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 O=h;if(!l.data){ee(v,l)}if(k&&e.includes(v)){O=J(v,j,l,o,i)}else if(l.data&&t.includes(v)){if(i.setSizes){q(v,m,l)}if(!i.renderKup){const e="cell-"+v+" placeholder";O=b("span",{class:e})}else{O=Z(v,j,m,l,u,o,i)}}else{if(i.setSizes){U(v,m,l,i)}O=Q(v,m,O,j,l,o,i)}let y=null;if(!k&&(o.icon||l.icon)&&O){const e={color:`rgba(var(${s.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:o.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:o.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};y=b(g,Object.assign({},e))}let $=null;if(T.ketchup.debug.isDebug()&&p){$=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){$=l.title}let x=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${s.INFO})`}if(!e.icon){e.icon="info"}const t={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};x=b(g,Object.assign({},t))}return b("div",{onKeyUp:e=>te(e,i,v,f.KEYUP),class:j,"kup-get-cell-props":()=>i,ref:e=>l.element=e,style:l.style},b("div",{class:"f-cell__content",style:l.styleContent,title:$},i.cellActionIcon&&b(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,x,y,O]))};const S=(e,t)=>{if(!e){return null}const s=e.options;const i=t.title;const c=e.value;const a=T.ketchup.data.cell.getType(e,e.shape);const l=new Map([[n.BUTTON_LIST,R.bind(undefined)],[n.STRING,Y.bind(undefined)],[n.RADIO,K.bind(undefined)],[n.AUTOCOMPLETE,W.bind(undefined)],[n.COMBOBOX,W.bind(undefined)],[n.CHECKBOX,X.bind(undefined)],[n.OBJECT,V.bind(undefined)],[n.CHIP,E.bind(undefined)]]);const o=l.get(a);return o?o(s,i,c,e):null};const E=(e,t,s,n)=>{const i={data:(e===null||e===void 0?void 0:e.length)?e===null||e===void 0?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),i)};const V=(e,t,s,n,i)=>({data:{initialValue:s||"",label:t||"",value:s||""}});const X=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{checked:s==="on"||s==="1",label:t});const R=(e,t,s,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:s})]});const Y=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{label:t});const K=(e,t,s,n)=>{const c=i(s,e);n.data=Object.assign(Object.assign({},n.data),c)};const W=(e,t,s,n,i)=>{var a;if(!((a=n.data)===null||a===void 0?void 0:a.data)&&e){const n=c(s,t,[]);n.data["kup-list"].data=A(e,s);return n}};const A=(e,t)=>{const s=L.get(e.type);if(s){return s(e,t)}else{return e.map((e=>({value:e.label,id:e.id,selected:t===e.id})))}};const B=(e,t)=>e.children.map((e=>{var s;return{id:e.content.codice,value:e.content.testo,selected:t===e.content.codice,children:((s=e.children)===null||s===void 0?void 0:s.length)?B(e,t):[]}}));const G=(e,t)=>e.children.map((e=>{var s;return{id:e.obj.k,value:e.value,selected:t===e.obj.k,children:((s=e.children)===null||s===void 0?void 0:s.length)?G(e,t):[]}}));const P=(e,t)=>e.rows.map((e=>{var s;const n=e.fields||e.cells;const[i,c]=Object.keys(n);return{id:n[i].value,value:((s=n[c])===null||s===void 0?void 0:s.value)||n[i].value,selected:t===n[i].value}}));const L=new Map([["SmeupTreeNode",B.bind(undefined)],["SmeupDataTree",G.bind(undefined)],["SmeupTable",P.bind(undefined)],["SmeupDataTable",P.bind(undefined)]]);function U(e,t,s,i){var c;switch(e){case n.CHECKBOX:case n.ICON:if(!t.sizeX){t.sizeX="18px"}if(!t.sizeY){t.sizeY="18px"}if(s.style){if(!s.style.height){s.style["minHeight"]=t.sizeY}}else{s.style={minHeight:t.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(!t.sizeX&&!t.sizeY){t.sizeX="100%";t.sizeY="64px";t.wrapperClass="noWidth"}else{if(!t.sizeX){t.sizeX="100%";t.wrapperClass="noWidth"}if(!t.sizeY){t.sizeY="auto"}}}if(i.component.rootElement.tagName===a.BOX){if(!t.sizeY){t.sizeY="auto"}if(t.fit===undefined){t.fit=true}}else if(!t.sizeX){t.sizeX="auto"}if(!t.sizeY){t.sizeY="64px"}break}}function q(e,t,s){switch(e){case n.BAR:if(!t.sizeY){t.sizeY="26px"}break;case n.BUTTON:let e="";if(t.label){e="36px"}if(s.style){if(!s.style.height){s.style["minHeight"]=e}}else{s.style={minHeight:e}}break;case n.CHART:if(!t.sizeX){t.sizeX="100%"}if(!t.sizeY){t.sizeY="100%"}break;case n.CHIP:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break;case n.RADIO:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break}}function J(e,t,s,i,c){var a,o;switch(e){case n.AUTOCOMPLETE:return b("kup-autocomplete",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-autocomplete-change":t=>te(t,c,e,f.UPDATE),"onkup-autocomplete-input":t=>te(t,c,e,f.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,f.ICON_CLICK)}));case n.CHECKBOX:if(ne(c)){t[r.C_CENTERED]=true}if(s.shape===l.INPUT_CHECKBOX){return b("input",{checked:s.value==="on"||s.value==="1"?true:false,class:"input-checkbox",onChange:t=>te(t,c,e,f.UPDATE),type:"checkbox"})}else{return b(v,Object.assign({},s.data,{onChange:t=>te(t,c,e,f.UPDATE)}))}case n.CHIP:return b("kup-chip",Object.assign({},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-text-field",Object.assign({fullWidth:true,slot:"field"},s.slotData,{error:s.data.error})));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":t=>te(t,c,e,f.UPDATE)}));case n.COMBOBOX:return b("kup-combobox",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-combobox-change":t=>te(t,c,e,f.UPDATE),"onkup-combobox-input":t=>te(t,c,e,f.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,f.ICON_CLICK)}));case n.DATE:return b("kup-date-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-datepicker-change":t=>te(t,c,e,f.UPDATE),"onkup-datepicker-input":t=>te(t,c,e,f.INPUT)}));case n.MULTI_AUTOCOMPLETE:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":t=>te(t,c,e,f.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,f.ICON_CLICK),showDropDownIcon:false},s.slotData,{error:s.data.error})));case n.MULTI_COMBOBOX:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-combobox-input":t=>te(t,c,e,f.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,f.ICON_CLICK)},s.slotData,{error:s.data.error})));case n.RADIO:return b(F,Object.assign({},s.data,{disabled:false,onChange:(t,n)=>{const i=s.data.data;for(let e=0;e<i.length;e++){const s=i[e];if(e===t){s.checked=true}else{s.checked=false}}te(n,c,e,f.UPDATE)}}));case n.RATING:return b("kup-rating",Object.assign({key:i.name+c.row.id},s.data,{disabled:false,"onkup-rating-click":t=>te(t,c,e,f.UPDATE)}));case n.SWITCH:return b(I,Object.assign({},s.data,{disabled:false,onChange:t=>te(t,c,e,f.UPDATE)}));case n.TIME:return b("kup-time-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-timepicker-change":t=>te(t,c,e,f.UPDATE),"onkup-timepicker-input":t=>te(t,c,e,f.INPUT)}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s.data,{disabled:false,onIconClick:t=>te(t,c,e,f.ICON_CLICK)}));case n.NUMBER:t[r.C_RIGHT_ALIGNED]=true;case n.LINK:case n.STRING:const u=t=>te(t,c,e,f.UPDATE);const d=t=>te(t,c,e,f.INPUT);const p=e===n.NUMBER?"number":null;const k=e===n.NUMBER&&s.value?T.ketchup.math.numberifySafe(s.value).toString():s.value;if(s.shape===l.INPUT_FIELD){return b("input",{class:"input-field",onChange:u,onInput:d,type:p,value:k,maxLength:(o=(a=i.cellData)===null||a===void 0?void 0:a.maxLength)!==null&&o!==void 0?o:-1})}else{return b(m,Object.assign({inputType:p,fullWidth:ie(c)?true:false},s.data,{icon:s.data&&s.data.icon?s.data.icon:s.icon?s.icon:i.icon?i.icon:null,value:k,onChange:u,onInput:d,onIconClick:t=>te(t,c,e,f.ICON_CLICK)}))}}}function Q(e,t,s,i,c,a,l){switch(e){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.DATETIME:case n.TIME:if(s&&s!=""){const e=d(a,c);return b("div",{class:"f-cell__text"},e)}return s;case n.CHECKBOX:if(ne(l)){i[r.C_CENTERED]=true}return b(g,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case n.EDITOR:return b("div",{innerHTML:c.value});case n.ICON:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.IMAGE:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.LINK:return b("a",{href:s,target:"_blank"},c.value);case n.NUMBER:if(s&&s!=""){const e=T.ketchup.math.numberifySafe(c.value);const t=d(a,c);if(e<0){i[r.TEXT_DANGER]=true}if(ne(l)){i[r.C_RIGHT_ALIGNED]=true}return b("div",{class:"f-cell__text"},t)}return b("div",{class:"f-cell__text"},s);case n.SWITCH:if(ne(l)){i[r.C_CENTERED]=true}t["disabled"]=true;return b(I,Object.assign({},t));default:return b("div",{class:"f-cell__text"},s)}}function Z(e,t,s,i,c,a,l){switch(e){case n.BAR:if(!s.data){return b("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},s))}else{const e={height:s.sizeY,width:"100%"};return b("div",{style:e},b(g,Object.assign({},s)))}case n.BUTTON:if(ne(l)){t[r.C_CENTERED]=true}return b(O,Object.assign({},s,{onClick:t=>te(t,l,e,f.CLICK)}));case n.BUTTON_LIST:if(ne(l)){t[r.C_CENTERED]=true}s["data-storage"]={cell:i,row:c,column:a};return b("kup-button-list",Object.assign({key:a.name+l.row.id},s));case n.CHART:if(ne(l)){t[r.C_CENTERED]=true}return b("kup-chart",Object.assign({key:a.name+l.row.id},s));case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.CHIP:return b(j,Object.assign({},s));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:a.name+l.row.id},s,{class:ie(l)?"kup-full-width":"",disabled:true}));case n.GAUGE:return b("kup-gauge",Object.assign({key:a.name+l.row.id,value:T.ketchup.math.numberifySafe(i.value),"width-component":"280px"},s));case n.KNOB:case n.PROGRESS_BAR:return s.customStyle?b("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):b(C,Object.assign({},s));case n.RADIO:if(ne(l)){t[r.C_CENTERED]=true}s["disabled"]=c.readOnly;return b(F,Object.assign({},s));case n.RATING:return b(H,Object.assign({},s,{disabled:true}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s,{disabled:true}))}}function ee(e,t){function s(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 o(e){if(!e){return null}const t=e.split("\\\\AND\\");const s=[];for(const e of t){const t=r(e);if(t){s.push(...t)}else{return null}}return s}function r(e){const t={};const n=e.split("\\\\");const o=[];for(const e of n){if(e){if(l(e)){return null}if(i(e)){if(!s(e)){return null}else{const s=e.split(";");if(s.length===3){const e=s[2].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}}else if(c(e));else if(a(e)){const s=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(s))){t.height=`${s}%`}}else{o.push(r(e,t))}}return o.length?o:null}function r(e,t){const s=Object.assign({},t);const n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const t=e.exec(n[0]);if(t){const[,e,n,i]=t;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(n,10))&&!isNaN(parseInt(i,10))){s.color=`rgb(${parseInt(e)},${parseInt(n)},${parseInt(i)})`}}if(n.length>=2){const e=n[1].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}return s}}t.data={};const u=()=>{var e;const s=(e=t.value)===null||e===void 0?void 0:e.split(";");if((s===null||s===void 0?void 0:s[s.length-1].trim())===""){s.pop()}if(s&&s.length){t.data.data=[];for(let e of s){t.data.data.push({id:e,value:e})}}};switch(e){case n.CHECKBOX:case n.SWITCH:t.data.checked=t.value==="1"?true:false;break;case n.BAR:if(i(t.value)){t.data.isCanvas=true;t.data.resource=t.value}else{t.data.data=o(t.value)}break;case n.BUTTON:t.data.label=t.value;break;case n.CHART:Object.assign(t.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:t.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:t.data.initialValue=t.value;break;case n.GAUGE:case n.KNOB:case n.PROGRESS_BAR:case n.RATING:t.data.value=parseInt(t.value);break;case n.ICON:case n.IMAGE:t.data.resource=t.value;break}}function te(e,t,s,i){const c=t.cell;const a=t.column;const l=t.component;const o=t.row;if(i===f.UPDATE){let t=se(e,s);switch(s){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.TIME:if(c.data){c.data["initialValue"]=t}break;case n.CHECKBOX:case n.SWITCH:t=t==="on"?"0":"1";if(c.data){c.data.checked=t==="0"?false:true}break;case n.RADIO:if(c.data.data){const e=c.data.data;const s=e.find((e=>e.checked));if(s){t=s.value}}break;case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:t=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=t===null||t===void 0?void 0:t.toString()}c.value=t===null||t===void 0?void 0:t.toString();c.displayedValue=null;c.displayedValue=d(a,c)}if(l&&l.rootElement){const t=new CustomEvent(i,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:o,type:s}});l.rootElement.dispatchEvent(t);if(i===f.UPDATE){try{l.refresh()}catch(e){T.ketchup.debug.logMessage(l,e,p.ERROR)}}}}function se(e,t){const s=!!(e.target.tagName==="INPUT");let i=s?e.target.value:e.detail.value;if(t===n.CHECKBOX&&s){i=e.target.checked?"off":"on"}if(t===n.NUMBER&&s){i=T.ketchup.math.formattedStringToNumberString(i,"")}return i}function ne(e){var t;return u.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function ie(e){var t;return o.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{M as F,x as I,$ as K,y as a,C as b,F as c,H as d,_ as e,I as f};
+//# sourceMappingURL=p-d138aa2d.js.map

package/dist/ketchup/{p-6b510eea.entry.js → p-dfae63d8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-e1cf074e.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-cc32b7a2.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n    --kup-snackbar-border-left-color,\n    var(--kup-border-interactive)\n  );--kup_snackbar_background_color:var(\n    --kup-snackbar-background-color,\n    var(--kup-layer-0-inverted)\n  );--kup_snackbar_text_color:var(\n    --kup-snackbar-text-color,\n    var(--kup-text-primary-inverted)\n  );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;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}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const u=k;const d=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"425ff290429f0ac399306ad7737d5df519a9518a","kup-visible":this.visible},a("style",{key:"0e1bc10e2884f4943c0bc4fe96bed9805f7358e6"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"a66cdfc2a2fb2098a8959949b2b117c24e99cef3",id:l},a("div",{key:"d3bf872e84369ef05dbd1343e8264e3b3f03a0f2",class:f},a("div",{key:"a2ad63fe4b3146826a77312edeac063dd4e31f08",class:"snackbar__text__block"},a("div",{key:"a45f6f870c6ca3e2dbc825a820bd6a1f2c1a210f",class:`${f}__header`},this.header),a("div",{key:"f866bd88c6f4aa1b0c25debd96dd7ac46c47e4f6",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};d.style=u;export{d as kup_snackbar};
-//# sourceMappingURL=p-6b510eea.entry.js.map
+import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-e1cf074e.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-e3032f6d.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n    --kup-snackbar-border-left-color,\n    var(--kup-border-interactive)\n  );--kup_snackbar_background_color:var(\n    --kup-snackbar-background-color,\n    var(--kup-layer-0-inverted)\n  );--kup_snackbar_text_color:var(\n    --kup-snackbar-text-color,\n    var(--kup-text-primary-inverted)\n  );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;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}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const u=k;const d=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"425ff290429f0ac399306ad7737d5df519a9518a","kup-visible":this.visible},a("style",{key:"0e1bc10e2884f4943c0bc4fe96bed9805f7358e6"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"a66cdfc2a2fb2098a8959949b2b117c24e99cef3",id:l},a("div",{key:"d3bf872e84369ef05dbd1343e8264e3b3f03a0f2",class:f},a("div",{key:"a2ad63fe4b3146826a77312edeac063dd4e31f08",class:"snackbar__text__block"},a("div",{key:"a45f6f870c6ca3e2dbc825a820bd6a1f2c1a210f",class:`${f}__header`},this.header),a("div",{key:"f866bd88c6f4aa1b0c25debd96dd7ac46c47e4f6",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};d.style=u;export{d as kup_snackbar};
+//# sourceMappingURL=p-dfae63d8.entry.js.map

package/dist/ketchup/p-e3032f6d.js

@@ -0,0 +1,2 @@
+import{h as t}from"./p-d7c15b0e.js";import{a as e}from"./p-e3062c19.js";import{F as n}from"./p-2b519589.js";const o=(n,o)=>{if(!n.styling){n.styling=e.RAISED}if(!n.label&&!n.icon){return}const r=!!(n.styling.toLowerCase()===e.ICON||n.styling.toLowerCase()===e.RAISED&&n.icon&&(n.label===null||n.label===undefined));const l={"f-button":true,"kup-danger":n.danger,"kup-full-height":n.fullHeight,"kup-full-width":n.fullWidth,"kup-info":n.info,"kup-large":n.large,"kup-pulsating":n.pulsating,"kup-shaped":n.shaped,"kup-secondary":n.secondary,"kup-slim":n.slim,"kup-success":n.success,"kup-warning":n.warning,"kup-neutral":n.neutral,"kup-black-mode":n.blackMode,[n.wrapperClass]:!!n.wrapperClass};return t("div",Object.assign({class:l},n.dataSet,{id:n.id,title:n.title}),r?s(n):u(n),o)};function u(o){const u=o.styling.toLowerCase()===e.FLAT;const s=o.styling.toLowerCase()===e.FLOATING;const r=o.styling.toLowerCase()===e.ICON;const l=o.styling.toLowerCase()===e.OUTLINED;const a=!u&&!s&&!l&&!r?true:false;const c={color:o.neutral?`var(--kup-text-primary)`:o.disabled?`var(--kup_button_text_color_disabled)`:l||u?`var(--kup_button_text_color)`:`var(--kup_button_text_color)`,resource:o.icon,placeholderResource:o.placeholderIcon,sizeX:s?"1.75em":"1.475em",sizeY:s?"1.75em":"1.475em",wrapperClass:"button__icon kup-icon"};if(o.showSpinner)c.wrapperClass+=" content--hidden";const i={button:true,"button--disabled":o.disabled?true:false,"button--floating":s?true:false,"button--flat":u?true:false,"button--outlined":l?true:false,"button--raised":a?true:false,"button--no-label":!o.label||o.label===" "?true:false,"button--with-spinner":o.showSpinner&&!o.disabled?true:false,[`button--${o.sizing||"small"}`]:true,[`button--${o.contentAlign}`]:o.contentAlign?true:false};const p={button__label:true,"content--hidden":o.showSpinner&&!o.disabled?true:false};const b={"--kup_button_spinner_height":c.sizeY};return t("button",{type:o.buttonType?o.buttonType:"button",class:i,disabled:o.disabled,onBlur:o.onBlur,onClick:o.onClick,onFocus:o.onFocus,style:b,"aria-label":o.title},o.trailingIcon?[o.label?t("span",{class:p},o.label):undefined,o.icon?t(n,Object.assign({},c)):undefined]:[o.icon?t(n,Object.assign({},c)):undefined,o.label?t("span",{class:p},o.label):undefined],o.showSpinner&&!o.disabled?t("div",{class:"button__spinner-container"},t("slot",{name:"spinner"})):undefined)}function s(e){const o={color:e.neutral?`var(--kup-text-primary)`:e.disabled?`var(--kup_button_text_color_disabled)`:`var(--kup_button_text_color)`,sizeX:e.large?"calc(1.75em * 1.5)":"1.75em",sizeY:e.large?"calc(1.75em * 1.5)":"1.75em"};const u={"icon-button":true,"button--disabled":e.disabled?true:false,"icon-button--on":e.toggable&&e.checked?true:false,toggable:e.toggable?true:false,"button--with-spinner":e.showSpinner&&!e.disabled?true:false};const s={"--kup_button_spinner_height":o.sizeY,"--kup_button_spinner_width":o.sizeX};const r=e.iconOff?e.iconOff:e.icon+"_border";return t("button",{type:e.buttonType?e.buttonType:"button",class:u,disabled:e.disabled,onClick:e.onClick,style:s,value:e.checked?"on":"off","aria-label":e.title},!e.showSpinner||e.disabled?t(n,Object.assign({},o,{resource:e.toggable&&!e.checked?r:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon kup-icon`})):null,e.toggable&&!e.showSpinner?t(n,Object.assign({},o,{resource:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon icon-button__icon--on kup-icon`})):null,e.showSpinner&&!e.disabled?t("div",{class:"icon-button__spinner-container"},t("slot",{name:"spinner"})):undefined)}export{o as F};
+//# sourceMappingURL=p-e3032f6d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FButton","props","children","styling","FButtonStyling","RAISED","label","icon","isIconButton","toLowerCase","ICON","undefined","classObj","danger","fullHeight","fullWidth","info","large","pulsating","shaped","secondary","slim","success","warning","neutral","blackMode","wrapperClass","h","Object","assign","class","dataSet","id","title","renderIconButton","renderButton","isFlat","FLAT","isFloating","FLOATING","isIcon","isOutlined","OUTLINED","isRaised","propsFImage","color","disabled","resource","placeholderResource","placeholderIcon","sizeX","sizeY","showSpinner","button","sizing","contentAlign","classLabelObj","button__label","styleSpinnerContainer","type","buttonType","onBlur","onClick","onFocus","style","trailingIcon","FImage","name","toggable","checked","iconOff","value"],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n    props: FButtonProps,\n    children: VNode[]\n) => {\n    if (!props.styling) {\n        props.styling = FButtonStyling.RAISED;\n    }\n    if (!props.label && !props.icon) {\n        return;\n    }\n    const isIconButton: boolean = !!(\n        props.styling.toLowerCase() === FButtonStyling.ICON ||\n        (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n            props.icon &&\n            (props.label === null || props.label === undefined))\n    );\n    const classObj: Record<string, boolean> = {\n        'f-button': true,\n        'kup-danger': props.danger,\n        'kup-full-height': props.fullHeight,\n        'kup-full-width': props.fullWidth,\n        'kup-info': props.info,\n        'kup-large': props.large,\n        'kup-pulsating': props.pulsating,\n        'kup-shaped': props.shaped,\n        'kup-secondary': props.secondary,\n        'kup-slim': props.slim,\n        'kup-success': props.success,\n        'kup-warning': props.warning,\n        'kup-neutral': props.neutral,\n        'kup-black-mode': props.blackMode,\n        [props.wrapperClass]: !!props.wrapperClass,\n    };\n    return (\n        <div\n            class={classObj}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {isIconButton ? renderIconButton(props) : renderButton(props)}\n            {children}\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n    const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n    const isFloating: boolean =\n        props.styling.toLowerCase() === FButtonStyling.FLOATING;\n    const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n    const isOutlined: boolean =\n        props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n    const isRaised: boolean =\n        !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : isOutlined || isFlat\n            ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n            : `var(--kup_button_text_color)`,\n        resource: props.icon,\n        placeholderResource: props.placeholderIcon,\n        sizeX: isFloating ? '1.75em' : '1.475em',\n        sizeY: isFloating ? '1.75em' : '1.475em',\n        wrapperClass: 'button__icon kup-icon',\n    };\n    if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n    const classObj: Record<string, boolean> = {\n        button: true,\n        'button--disabled': props.disabled ? true : false,\n        'button--floating': isFloating ? true : false,\n        'button--flat': isFlat ? true : false,\n        'button--outlined': isOutlined ? true : false,\n        'button--raised': isRaised ? true : false,\n        'button--no-label': !props.label || props.label === ' ' ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n        [`button--${props.sizing || 'small'}`]: true,\n        [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n    };\n\n    const classLabelObj: Record<string, boolean> = {\n        button__label: true,\n        'content--hidden': props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n    };\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onBlur={props.onBlur}\n            onClick={props.onClick}\n            onFocus={props.onFocus}\n            style={styleSpinnerContainer}\n            aria-label={props.title}\n        >\n            {props.trailingIcon\n                ? [\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                  ]\n                : [\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                  ]}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : `var(--kup_button_text_color)`,\n        sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n        sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n    };\n\n    const classObj: Record<string, boolean> = {\n        'icon-button': true,\n        'button--disabled': props.disabled ? true : false,\n        'icon-button--on': props.toggable && props.checked ? true : false,\n        toggable: props.toggable ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n        '--kup_button_spinner_width': propsFImage.sizeX,\n    };\n\n    const iconOff: string = props.iconOff\n        ? props.iconOff\n        : props.icon + '_border';\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onClick={props.onClick}\n            style={styleSpinnerContainer}\n            value={props.checked ? 'on' : 'off'}\n            aria-label={props.title}\n        >\n            {!props.showSpinner || props.disabled ? (\n                <FImage\n                    {...propsFImage}\n                    resource={\n                        props.toggable && !props.checked ? iconOff : props.icon\n                    }\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon kup-icon`}\n                />\n            ) : null}\n            {props.toggable && !props.showSpinner ? (\n                <FImage\n                    {...propsFImage}\n                    resource={props.icon}\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n                />\n            ) : null}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"icon-button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ketchup/p-e3370565.js

@@ -0,0 +1,2 @@
+import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-e1cf074e.js";import{F as r}from"./p-e3032f6d.js";import{a as i}from"./p-e3062c19.js";var s;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(s||(s={}));const a=document.documentElement;const u=u=>{if(!u.perPage){u.perPage=10}const m=Math.ceil(u.max/u.perPage);const b=c(u,m);const h=p(u);const k={"kup-list":{data:b},"kup-text-field":{label:a.ketchup.language.translate(n.PAGE),helper:a.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:a.ketchup.language.translate(t.ROWS)+" / "+a.ketchup.language.translate(n.PAGE),helper:a.ketchup.language.translate(t.TOTAL)+`: ${u.max}`,helperWhenFocused:true,inputType:"number",max:u.max,min:1}};return e("div",Object.assign({class:`f-paginator ${u.mode?u.mode:""} ${u.wrapperClass?u.wrapperClass:""}`},u.dataSet,{id:u.id,title:u.title}),u.onLoadMore?e(r,{icon:"plus",onClick:u.onLoadMore,label:a.ketchup.language.translate(o.LOAD_MORE),sizing:l.SMALL,styling:i.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:u.perPage.toString(),"onkup-combobox-change":u.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:u.currentPage.toString(),"onkup-combobox-change":u.onPageChange}),e("div",{class:"arrow-wrapper"},u.mode!==s.SIMPLE?e(r,{icon:"chevron_left",disabled:d(u),onClick:u.onPrevPage,sizing:l.SMALL,styling:i.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==s.SIMPLE?e(r,{icon:"chevron_right",disabled:f(u),onClick:u.onNextPage,sizing:l.SMALL,styling:i.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function f(e){return e.currentPage*e.perPage>=e.max}function d(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{u as F,b as p,h as r};
+//# sourceMappingURL=p-e3370565.js.map

package/dist/ketchup/{p-1f0bd3bc.js.map → p-e3370565.js.map}

@@ -1 +1 @@
-{"version":3,"names":["FPaginatorMode","dom","document","documentElement","FPaginator","props","perPage","maxNumberOfPage","Math","ceil","max","pageItems","getPageItems","rowsPerPageItems","getRowsItems","dataPageSelector","data","label","ketchup","language","translate","KupLanguagePage","PAGE","helper","TOTAL","helperWhenFocused","inputType","min","dataRowsSelector","KupLanguageRow","ROWS","h","Object","assign","class","mode","wrapperClass","dataSet","id","title","onLoadMore","FButton","icon","onClick","KupLanguageGeneric","LOAD_MORE","sizing","KupComponentSizing","SMALL","styling","FButtonStyling","FLAT","initialValue","toString","onRowsChange","currentPage","onPageChange","SIMPLE","disabled","isPrevPageDisabled","onPrevPage","isNextPageDisabled","onNextPage","i","selected","push","value","pageChange","pageNumber","math","isNumber","numberOfPages","tmpNewPage","rowsPerPageChange","rowsNumber","tmpRowsPerPage"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n    currentPage?: number;\n    max?: number;\n    mode?: FPaginatorMode;\n    perPage?: number;\n    onLoadMore?: () => void;\n    onNextPage?: () => void;\n    onPageChange?: (event: CustomEvent) => void;\n    onPrevPage?: () => void;\n    onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n    SIMPLE = 'simple',\n    FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n    newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n    KupLanguageGeneric,\n    KupLanguagePage,\n    KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n    props: FPaginatorProps\n) => {\n    if (!props.perPage) {\n        props.perPage = 10;\n    }\n    const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n    const pageItems = getPageItems(props, maxNumberOfPage);\n    const rowsPerPageItems = getRowsItems(props);\n    const dataPageSelector = {\n        'kup-list': {\n            data: pageItems,\n        },\n        'kup-text-field': {\n            label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n                `: ${maxNumberOfPage}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: maxNumberOfPage,\n            min: 1,\n        },\n    };\n    const dataRowsSelector = {\n        'kup-list': {\n            data: rowsPerPageItems,\n        },\n        'kup-text-field': {\n            label:\n                dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n                ' / ' +\n                dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n                `: ${props.max}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: props.max,\n            min: 1,\n        },\n    };\n    return (\n        <div\n            class={`f-paginator ${props.mode ? props.mode : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            }`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {props.onLoadMore ? (\n                <FButton\n                    icon=\"plus\"\n                    onClick={props.onLoadMore}\n                    label={dom.ketchup.language.translate(\n                        KupLanguageGeneric.LOAD_MORE\n                    )}\n                    sizing={KupComponentSizing.SMALL}\n                    styling={FButtonStyling.FLAT}\n                    wrapperClass=\"load-more-button kup-neutral\"\n                />\n            ) : null}\n            <kup-combobox\n                class=\"rows-selector\"\n                data={dataRowsSelector}\n                initialValue={props.perPage.toString()}\n                onkup-combobox-change={props.onRowsChange}\n            />\n            <kup-combobox\n                class=\"page-selector\"\n                data={dataPageSelector}\n                initialValue={props.currentPage.toString()}\n                onkup-combobox-change={props.onPageChange}\n            />\n            <div class=\"arrow-wrapper\">\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_left\"\n                        disabled={isPrevPageDisabled(props)}\n                        onClick={props.onPrevPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral prev-page\"\n                    />\n                ) : null}\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_right\"\n                        disabled={isNextPageDisabled(props)}\n                        onClick={props.onNextPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral next-page\"\n                    />\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n    const pageItems: KupListNode[] = [];\n\n    for (let i = 1; i <= maxNumberOfPage; i++) {\n        const selected = i == props.currentPage;\n        pageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n    }\n\n    return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n    const rowsPerPageItems: KupListNode[] = [];\n    let i = props.perPage;\n\n    if (i === 0) {\n        return rowsPerPageItems;\n    }\n\n    while (i < props.max) {\n        const selected = i == props.perPage;\n        rowsPerPageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n        i = i * 2;\n    }\n\n    const selected = props.max == props.perPage;\n    rowsPerPageItems.push({\n        id: props.max.toString(),\n        selected: selected,\n        value: props.max.toString(),\n    });\n\n    return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n    return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n    return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n    if (dom.ketchup.math.isNumber(pageNumber)) {\n        const numberOfPages = Math.ceil(max / perPage);\n        let tmpNewPage: number = pageNumber;\n        if (tmpNewPage > numberOfPages) {\n            tmpNewPage = numberOfPages;\n        }\n        if (tmpNewPage < 1) {\n            tmpNewPage = 1;\n        }\n        return tmpNewPage;\n    }\n    return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n    if (dom.ketchup.math.isNumber(rowsNumber)) {\n        let tmpRowsPerPage: number = rowsNumber;\n        if (tmpRowsPerPage > max) {\n            tmpRowsPerPage = max;\n        }\n        if (tmpRowsPerPage < 1) {\n            tmpRowsPerPage = 1;\n        }\n        return tmpRowsPerPage;\n    }\n    return null;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FPaginatorMode","dom","document","documentElement","FPaginator","props","perPage","maxNumberOfPage","Math","ceil","max","pageItems","getPageItems","rowsPerPageItems","getRowsItems","dataPageSelector","data","label","ketchup","language","translate","KupLanguagePage","PAGE","helper","TOTAL","helperWhenFocused","inputType","min","dataRowsSelector","KupLanguageRow","ROWS","h","Object","assign","class","mode","wrapperClass","dataSet","id","title","onLoadMore","FButton","icon","onClick","KupLanguageGeneric","LOAD_MORE","sizing","KupComponentSizing","SMALL","styling","FButtonStyling","FLAT","initialValue","toString","onRowsChange","currentPage","onPageChange","SIMPLE","disabled","isPrevPageDisabled","onPrevPage","isNextPageDisabled","onNextPage","i","selected","push","value","pageChange","pageNumber","math","isNumber","numberOfPages","tmpNewPage","rowsPerPageChange","rowsNumber","tmpRowsPerPage"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n    currentPage?: number;\n    max?: number;\n    mode?: FPaginatorMode;\n    perPage?: number;\n    onLoadMore?: () => void;\n    onNextPage?: () => void;\n    onPageChange?: (event: CustomEvent) => void;\n    onPrevPage?: () => void;\n    onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n    SIMPLE = 'simple',\n    FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n    newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n    KupLanguageGeneric,\n    KupLanguagePage,\n    KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n    props: FPaginatorProps\n) => {\n    if (!props.perPage) {\n        props.perPage = 10;\n    }\n    const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n    const pageItems = getPageItems(props, maxNumberOfPage);\n    const rowsPerPageItems = getRowsItems(props);\n    const dataPageSelector = {\n        'kup-list': {\n            data: pageItems,\n        },\n        'kup-text-field': {\n            label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n                `: ${maxNumberOfPage}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: maxNumberOfPage,\n            min: 1,\n        },\n    };\n    const dataRowsSelector = {\n        'kup-list': {\n            data: rowsPerPageItems,\n        },\n        'kup-text-field': {\n            label:\n                dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n                ' / ' +\n                dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n                `: ${props.max}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: props.max,\n            min: 1,\n        },\n    };\n    return (\n        <div\n            class={`f-paginator ${props.mode ? props.mode : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            }`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {props.onLoadMore ? (\n                <FButton\n                    icon=\"plus\"\n                    onClick={props.onLoadMore}\n                    label={dom.ketchup.language.translate(\n                        KupLanguageGeneric.LOAD_MORE\n                    )}\n                    sizing={KupComponentSizing.SMALL}\n                    styling={FButtonStyling.FLAT}\n                    wrapperClass=\"load-more-button kup-neutral\"\n                />\n            ) : null}\n            <kup-combobox\n                class=\"rows-selector\"\n                data={dataRowsSelector}\n                initialValue={props.perPage.toString()}\n                onkup-combobox-change={props.onRowsChange}\n            />\n            <kup-combobox\n                class=\"page-selector\"\n                data={dataPageSelector}\n                initialValue={props.currentPage.toString()}\n                onkup-combobox-change={props.onPageChange}\n            />\n            <div class=\"arrow-wrapper\">\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_left\"\n                        disabled={isPrevPageDisabled(props)}\n                        onClick={props.onPrevPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral prev-page\"\n                    />\n                ) : null}\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_right\"\n                        disabled={isNextPageDisabled(props)}\n                        onClick={props.onNextPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral next-page\"\n                    />\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n    const pageItems: KupListNode[] = [];\n\n    for (let i = 1; i <= maxNumberOfPage; i++) {\n        const selected = i == props.currentPage;\n        pageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n    }\n\n    return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n    const rowsPerPageItems: KupListNode[] = [];\n    let i = props.perPage;\n\n    if (i === 0) {\n        return rowsPerPageItems;\n    }\n\n    while (i < props.max) {\n        const selected = i == props.perPage;\n        rowsPerPageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n        i = i * 2;\n    }\n\n    const selected = props.max == props.perPage;\n    rowsPerPageItems.push({\n        id: props.max.toString(),\n        selected: selected,\n        value: props.max.toString(),\n    });\n\n    return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n    return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n    return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n    if (dom.ketchup.math.isNumber(pageNumber)) {\n        const numberOfPages = Math.ceil(max / perPage);\n        let tmpNewPage: number = pageNumber;\n        if (tmpNewPage > numberOfPages) {\n            tmpNewPage = numberOfPages;\n        }\n        if (tmpNewPage < 1) {\n            tmpNewPage = 1;\n        }\n        return tmpNewPage;\n    }\n    return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n    if (dom.ketchup.math.isNumber(rowsNumber)) {\n        let tmpRowsPerPage: number = rowsNumber;\n        if (tmpRowsPerPage > max) {\n            tmpRowsPerPage = max;\n        }\n        if (tmpRowsPerPage < 1) {\n            tmpRowsPerPage = 1;\n        }\n        return tmpRowsPerPage;\n    }\n    return null;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ketchup/p-e3dd0ecb.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as f,f as o,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-e1cf074e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-e3032f6d.js";import{F as y}from"./p-d138aa2d.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";const x=k;var w=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var b;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);b.set(this,f());this.customStyle="";this.data=null;this.density=o.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});w(this,b,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){w(this,b,"f").dates.register(this);w(this,b,"f").debug.logLoad(this,false);w(this,b,"f").language.register(this);w(this,b,"f").theme.register(this)}componentDidLoad(){w(this,b,"f").debug.logLoad(this,true)}componentWillRender(){w(this,b,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();w(this,b,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},w(this,b,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},t)),this.showSubmit?s(d,{buttonType:"submit",label:w(this,b,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){w(this,b,"f").dates.unregister(this);w(this,b,"f").language.unregister(this);w(this,b,"f").theme.unregister(this)}get rootElement(){return a(this)}};b=new WeakMap;v.style=x;export{v as kup_cell};
+//# sourceMappingURL=p-e3dd0ecb.entry.js.map

package/dist/ketchup/{p-c71c14ea.entry.js.map → p-e3dd0ecb.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\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: fit-content;\n  width: 100%;\n}\n\n#kup-component {\n  height: fit-content;\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    KupCellElementsPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\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 { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\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: KupCellElementsPosition =\n        KupCellElementsPosition.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 name = 'KUPCELL';\n        const title = undefined;\n        return {\n            name,\n            title,\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': submitPositionAdapter(\n                                      this.submitPosition\n                                  ),\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <FCell {...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":"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","ignoreList":[]}
+{"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\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: fit-content;\n  width: 100%;\n}\n\n#kup-component {\n  height: fit-content;\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    KupCellElementsPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\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 { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\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: KupCellElementsPosition =\n        KupCellElementsPosition.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 name = 'KUPCELL';\n        const title = undefined;\n        return {\n            name,\n            title,\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': submitPositionAdapter(\n                                      this.submitPosition\n                                  ),\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <FCell {...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":"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","ignoreList":[]}