@sme.up/ketchup 11.0.0-SNAPSHOT-20241016091107 → 11.0.0-SNAPSHOT-20241017090851

package/dist/ketchup/{p-9333a3e6.entry.js → p-dc959676.entry.js}

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

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

@@ -0,0 +1,2 @@
+import{h as t,r as e,f as i,H as n,d as s}from"./p-d7c15b0e.js";import{a5 as o,ai as a,aj as l,k as f,f as c,g as r,s as h,R as p,h as d}from"./p-a670a42e.js";import{c as u}from"./p-635bb4b3.js";import{F as m}from"./p-68f82cb0.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2b519589.js";import"./p-06fe42ee.js";import"./p-0d2bf291.js";import"./p-cc32b7a2.js";import"./p-e3062c19.js";var g;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the cell.";t["density"]="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.";t["dragEnabled"]="When set to true, the component is draggable."})(g||(g={}));var b=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};const y=document.documentElement;const v=(t,e)=>t.children.map((t=>{var i;return{id:t.content.codice,value:t.content.testo,selected:e===t.content.codice,children:((i=t.children)===null||i===void 0?void 0:i.length)?v(t,e):[]}}));const k=(t,e)=>t.children.map((t=>{var i;return{id:t.obj.k,value:t.value,selected:e===t.obj.k,children:((i=t.children)===null||i===void 0?void 0:i.length)?k(t,e):[]}}));const x=(t,e)=>t.rows.map((t=>{var i;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((i=n[o])===null||i===void 0?void 0:i.value)||n[s].value,selected:e===n[s].value}}));const j=(t,e)=>{const i=w.get(t.type);if(i){return i(t,e)}else{return t.map((t=>({value:t.label,id:t.id,selected:e===t.id})))}};const w=new Map([["SmeupTreeNode",v.bind(undefined)],["SmeupDataTree",k.bind(undefined)],["SmeupTable",x.bind(undefined)],["SmeupDataTable",x.bind(undefined)]]);const O=e=>{const i=e.cell?Object.assign(Object.assign({},e.cell),{data:C(e.cell,e.column),slotData:z(e.cell,e.column),isEditable:true}):null;const n=Object.assign(Object.assign({},e),{editable:true,cell:i});return t(m,Object.assign({},n))};const z=(t,e)=>{const i=y.ketchup.data.cell.getType(t,t.shape);if(!t.isEditable){return null}if(i===o.MULTI_AUTOCOMPLETE||i===o.MULTI_COMBOBOX){return Object.assign(Object.assign({},a(null,e.title,t.options)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!t.isEditable,id:e.name})}return null};const C=(t,e)=>{const i=Object.assign(Object.assign({},R(t,e)),{disabled:!t.isEditable,id:e.name});const n=y.ketchup.data.cell.getType(t,t.shape);const s=t.data||{},a=b(s,["data"]);return n!==o.MULTI_AUTOCOMPLETE&&n!==o.MULTI_COMBOBOX?D(i,Object.assign({},t.data)):Object.assign(Object.assign({},i),a)};const D=(t,e)=>{for(const i in e){if(e[i]instanceof Object&&!Array.isArray(e[i])&&i in t){t[i]=D(t[i],e[i])}else{t[i]=e[i]}}return t};const R=(t,e)=>{if(!t){return null}const i=t.options;const n=e.title;const s=t.value;const a=y.ketchup.data.cell.getType(t,t.shape);const l=new Map([[o.BUTTON_LIST,L.bind(undefined)],[o.STRING,E.bind(undefined)],[o.RADIO,T.bind(undefined)],[o.AUTOCOMPLETE,S.bind(undefined)],[o.COMBOBOX,S.bind(undefined)]]);const f=l.get(a);return f?f(i,n,s,t,e.name):null};const T=(t,e,i)=>l(i,t);const E=(t,e,i)=>{if(t===null||t===void 0?void 0:t[0]){return{label:t[0].label}}};const L=(t,e,i,n)=>{var s,o;return{data:((s=n.options)===null||s===void 0?void 0:s.length)?(o=n.options)===null||o===void 0?void 0:o.map((t=>({icon:t.icon,value:t.value}))):[]}};const S=(t,e,i)=>{const n=a(i,e,[]);n.data["kup-list"].data=j(t,i);return n};const P=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const W=P;const I=class{constructor(t){e(this,t);this.kupManager=f();this.customStyle="";this.data=null;this.density=c.NONE;this.dragEnabled=false}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)<0){this.data.cssClass+=` ${i}`}}}this.refresh()}async getProps(t){return r(this,g,t)}async refresh(){i(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),"")}}}this.refresh()}async setProps(t){h(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},p.BADGE)}}generateColumn(){const t=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL";const e=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(d.EMPTY_OBJECT);return{name:t,title:e}}generateRow(){const t=this.generateColumn();const e={cells:{}};e.cells[t.name]=this.data;return e}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)}componentDidRender(){this.didRenderInteractables();this.kupManager.debug.logRender(this,true)}render(){const e={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return t(n,{key:"71041f26b08b203e0255d6dca4979403fc8cfd59"},t("style",{key:"d6cf8c97c3b7ce59bf14d71652047b00cd74e353"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"ecfe428a78f408cacda35db0da9a00c5008f11a7",id:u},t(O,Object.assign({key:"3939e4d024ef606d4919458e975b4e5d62229973"},e))))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}};I.style=W;export{I as kup_cell};
+//# sourceMappingURL=p-deea2b0f.entry.js.map

package/dist/ketchup/p-deea2b0f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupCellProps","dom","document","documentElement","treeOptionsNodeAdapter","options","currentValue","children","map","child","id","content","codice","value","testo","selected","_a","length","dataTreeOptionsChildrenAdapter","obj","k","tableOptionsAdapter","rows","row","cells","fields","Object","keys","optionsTreeComboAdapter","adapter","optionsAdapterMap","get","type","option","label","Map","bind","this","FCellOptions","props","mappedCell","cell","data","setProps","column","slotData","isEditable","mappedProps","assign","editable","h","FCell","col","cellType","ketchup","getType","shape","FCellTypes","MULTI_AUTOCOMPLETE","MULTI_COMBOBOX","CMBandACPAdapter","title","showDropDownIcon","class","style","width","disabled","name","defaultProps","mapData","noDataProps","__rest","deepObjectsMerge","target","source","key","Array","isArray","fieldLabel","dataAdapterMap","BUTTON_LIST","MainBTNAdapter","STRING","MainITXAdapter","RADIO","MainRADAdapter","AUTOCOMPLETE","MainCMBandACPAdapter","COMBOBOX","_fieldLabel","RADAdapter","_currentValue","_options","_b","icon","rawOptions","configCMandACP","kupCellCss","KupCellStyle0","KupCell","kupManager","kupManagerInstance","FCellPadding","NONE","addCssClasses","classes","cssClass","index","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","didRenderInteractables","dragEnabled","dataCb","generateColumn","rootElement","multiple","generateRow","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","colname","t","p","coltitle","language","translate","KupLanguageGeneric","EMPTY_OBJECT","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","renderKup","Host","setKupStyle","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/f-components/f-cell-options.tsx/f-cell-options.tsx","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n    customStyle = 'Custom style of the component.',\n    data = 'The data of the cell.',\n    density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n    dragEnabled = 'When set to true, the component is draggable.',\n}\n","import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { GenericObject, KupDataColumn } from '../../components';\nimport { CMBandACPAdapter, RADAdapter } from '../../utils/cell-utils';\nimport {\n    FCellOptionsProps,\n    FCellProps,\n    FCellTypes,\n} from '../f-cell/f-cell-declarations';\nimport {\n    DataAdapterFn,\n    KupInputPanelCell,\n} from '../../components/kup-input-panel/kup-input-panel-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCell } from '../f-cell/f-cell';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nconst treeOptionsNodeAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.content.codice,\n        value: child.content.testo,\n        selected: currentValue === child.content.codice,\n        children: child.children?.length\n            ? treeOptionsNodeAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst dataTreeOptionsChildrenAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.obj.k,\n        value: child.value,\n        selected: currentValue === child.obj.k,\n        children: child.children?.length\n            ? dataTreeOptionsChildrenAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst tableOptionsAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.rows.map((row) => {\n        const cells = row.fields || row.cells;\n        const [id, value] = Object.keys(cells);\n\n        return {\n            id: cells[id].value,\n            value: cells[value]?.value || cells[id].value,\n            selected: currentValue === cells[id].value,\n        };\n    });\n};\n\nconst optionsTreeComboAdapter = (options: any, currentValue: string) => {\n    const adapter = optionsAdapterMap.get(options.type);\n\n    if (adapter) {\n        return adapter(options, currentValue);\n    } else {\n        return options.map((option) => ({\n            value: option.label,\n            id: option.id,\n            selected: currentValue === option.id,\n        }));\n    }\n};\n\nconst optionsAdapterMap = new Map<\n    string,\n    (options: any, currentValue: string) => GenericObject[]\n>([\n    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],\n    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],\n    ['SmeupTable', tableOptionsAdapter.bind(this)],\n    ['SmeupDataTable', tableOptionsAdapter.bind(this)],\n]);\n\nexport const FCellOptions: FunctionalComponent<FCellOptionsProps> = (\n    props: FCellOptionsProps\n) => {\n    const mappedCell = props.cell\n        ? {\n              ...props.cell,\n              data: setProps(props.cell, props.column),\n              slotData: slotData(props.cell, props.column),\n              isEditable: true,\n          }\n        : null;\n\n    const mappedProps: FCellProps = {\n        ...props,\n        editable: true,\n        cell: mappedCell as KupDataCell,\n    };\n\n    return <FCell {...mappedProps}></FCell>;\n};\n\nconst slotData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n    if (!cell.isEditable) {\n        return null;\n    }\n\n    if (\n        cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n        cellType === FCellTypes.MULTI_COMBOBOX\n    ) {\n        return {\n            ...CMBandACPAdapter(\n                null,\n                col.title,\n                cell.options\n                // cell,\n                // col.name\n            ),\n            showDropDownIcon: true,\n            class: '',\n            style: { width: '100%' },\n            disabled: !cell.isEditable,\n            id: col.name,\n        };\n    }\n\n    return null;\n};\n\nconst setProps = (cell: KupDataCellOptions, column: KupDataColumn) => {\n    const defaultProps = {\n        ...mapData(cell, column),\n        disabled: !cell.isEditable,\n        id: column.name,\n    };\n\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const { data, ...noDataProps } = cell.data || {};\n    return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n        cellType !== FCellTypes.MULTI_COMBOBOX\n        ? deepObjectsMerge(defaultProps, {\n              ...cell.data,\n          })\n        : // Add and ovverride defaultProps of Chip host component except data\n          {\n              ...defaultProps,\n              ...noDataProps,\n          };\n};\n\nconst deepObjectsMerge = (target: GenericObject, source: GenericObject) => {\n    for (const key in source) {\n        if (\n            source[key] instanceof Object &&\n            !Array.isArray(source[key]) &&\n            key in target\n        ) {\n            target[key] = deepObjectsMerge(target[key], source[key]);\n        } else {\n            target[key] = source[key];\n        }\n    }\n    return target;\n};\n\nconst mapData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    if (!cell) {\n        return null;\n    }\n\n    const options = cell.options;\n    const fieldLabel = col.title;\n    const currentValue = cell.value;\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n        [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],\n        [FCellTypes.STRING, MainITXAdapter.bind(this)],\n        [FCellTypes.RADIO, MainRADAdapter.bind(this)],\n        [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],\n        [FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(this)],\n    ]);\n\n    const adapter = dataAdapterMap.get(cellType);\n\n    return adapter\n        ? adapter(options, fieldLabel, currentValue, cell, col.name)\n        : null;\n};\n\nconst MainRADAdapter = (\n    options: GenericObject,\n    _fieldLabel: string,\n    currentValue: string\n) => {\n    return RADAdapter(currentValue, options);\n};\n\nconst MainITXAdapter = (\n    options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string\n) => {\n    if (options?.[0]) {\n        return { label: options[0].label };\n    }\n};\n\nconst MainBTNAdapter = (\n    _options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string,\n    cell: KupDataCellOptions\n) => {\n    return {\n        data: cell.options?.length\n            ? cell.options?.map((option) => ({\n                  icon: option.icon,\n                  value: option.value,\n              }))\n            : [],\n    };\n};\n\nconst MainCMBandACPAdapter = (\n    rawOptions: GenericObject,\n    fieldLabel: string,\n    currentValue: string\n) => {\n    const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(\n        rawOptions,\n        currentValue\n    );\n    return configCMandACP;\n};\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n#kup-component {\n  height: 100%;\n  width: 100%;\n}\n","import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    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 { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n    FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\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    /*       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    private kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const colname: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : 'KUPCELL';\n        const coltitle: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : this.kupManager.language.translate(\n                      KupLanguageGeneric.EMPTY_OBJECT\n                  );\n        return {\n            name: colname,\n            title: coltitle,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    /*-------------------------------------------------*/\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        return (\n            <Host>\n                <style>\n                    {this.kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div id={componentWrapperId}>\n                    <FCellOptions {...props}></FCellOptions>\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":[]}

package/dist/ketchup/p-df055087.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-a670a42e.js";import{F as a}from"./p-cc32b7a2.js";import{a as r}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=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:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${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(a,{icon:"plus",onClick:u.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.MEDIUM,styling:r.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!==i.SIMPLE?e(a,{icon:"chevron_left",disabled:f(u),onClick:u.onPrevPage,sizing:l.MEDIUM,styling:r.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==i.SIMPLE?e(a,{icon:"chevron_right",disabled:d(u),onClick:u.onNextPage,sizing:l.MEDIUM,styling:r.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 d(e){return e.currentPage*e.perPage>=e.max}function f(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-df055087.js.map

package/dist/ketchup/{p-f106458a.js.map → p-df055087.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","MEDIUM","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.MEDIUM}\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.MEDIUM}\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.MEDIUM}\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","MEDIUM","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.MEDIUM}\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.MEDIUM}\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.MEDIUM}\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":"sKAgBA,IAAYA,GAAZ,SAAYA,GACRA,EAAA,mBACAA,EAAA,cACH,EAHD,CAAYA,MAAc,KCH1B,MAAMC,EAAcC,SAASC,gB,MAMhBC,EACTC,IAEA,IAAKA,EAAMC,QAAS,CAChBD,EAAMC,QAAU,E,CAEpB,MAAMC,EAAkBC,KAAKC,KAAKJ,EAAMK,IAAML,EAAMC,SACpD,MAAMK,EAAYC,EAAaP,EAAOE,GACtC,MAAMM,EAAmBC,EAAaT,GACtC,MAAMU,EAAmB,CACrB,WAAY,CACRC,KAAML,GAEV,iBAAkB,CACdM,MAAOhB,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBC,MACtDC,OACItB,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBG,OAC/C,KAAKjB,IACTkB,kBAAmB,KACnBC,UAAW,SACXhB,IAAKH,EACLoB,IAAK,IAGb,MAAMC,EAAmB,CACrB,WAAY,CACRZ,KAAMH,GAEV,iBAAkB,CACdI,MACIhB,EAAIiB,QAAQC,SAASC,UAAUS,EAAeC,MAC9C,MACA7B,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBC,MACnDC,OACItB,EAAIiB,QAAQC,SAASC,UAAUS,EAAeL,OAC9C,KAAKnB,EAAMK,MACfe,kBAAmB,KACnBC,UAAW,SACXhB,IAAKL,EAAMK,IACXiB,IAAK,IAGb,OACII,EAAA,MAAAC,OAAAC,OAAA,CACIC,MAAO,eAAe7B,EAAM8B,KAAO9B,EAAM8B,KAAO,MAC5C9B,EAAM+B,aAAe/B,EAAM+B,aAAe,MAE1C/B,EAAMgC,QAAO,CACjBC,GAAIjC,EAAMiC,GACVC,MAAOlC,EAAMkC,QAEZlC,EAAMmC,WACHT,EAACU,EAAO,CACJC,KAAK,OACLC,QAAStC,EAAMmC,WACfvB,MAAOhB,EAAIiB,QAAQC,SAASC,UACxBwB,EAAmBC,WAEvBC,OAAQC,EAAmBC,OAC3BC,QAASC,EAAeC,KACxBf,aAAa,iCAEjB,KACJL,EAAA,gBACIG,MAAM,gBACNlB,KAAMY,EACNwB,aAAc/C,EAAMC,QAAQ+C,WAAU,wBACfhD,EAAMiD,eAEjCvB,EAAA,gBACIG,MAAM,gBACNlB,KAAMD,EACNqC,aAAc/C,EAAMkD,YAAYF,WAAU,wBACnBhD,EAAMmD,eAEjCzB,EAAA,OAAKG,MAAM,iBACN7B,EAAM8B,OAASnC,EAAeyD,OAC3B1B,EAACU,EAAO,CACJC,KAAK,eACLgB,SAAUC,EAAmBtD,GAC7BsC,QAAStC,EAAMuD,WACfd,OAAQC,EAAmBC,OAC3BC,QAASC,EAAeC,KACxBf,aAAa,0BAEjB,KACH/B,EAAM8B,OAASnC,EAAeyD,OAC3B1B,EAACU,EAAO,CACJC,KAAK,gBACLgB,SAAUG,EAAmBxD,GAC7BsC,QAAStC,EAAMyD,WACfhB,OAAQC,EAAmBC,OAC3BC,QAASC,EAAeC,KACxBf,aAAa,0BAEjB,MAEN,EAId,SAASxB,EAAaP,EAAwBE,GAC1C,MAAMI,EAA2B,GAEjC,IAAK,IAAIoD,EAAI,EAAGA,GAAKxD,EAAiBwD,IAAK,CACvC,MAAMC,EAAWD,GAAK1D,EAAMkD,YAC5B5C,EAAUsD,KAAK,CACX3B,GAAIyB,EAAEV,WACNW,SAAUA,EACVE,MAAOH,EAAEV,Y,CAIjB,OAAO1C,CACX,CAEA,SAASG,EAAaT,GAClB,MAAMQ,EAAkC,GACxC,IAAIkD,EAAI1D,EAAMC,QAEd,GAAIyD,IAAM,EAAG,CACT,OAAOlD,C,CAGX,MAAOkD,EAAI1D,EAAMK,IAAK,CAClB,MAAMsD,EAAWD,GAAK1D,EAAMC,QAC5BO,EAAiBoD,KAAK,CAClB3B,GAAIyB,EAAEV,WACNW,SAAUA,EACVE,MAAOH,EAAEV,aAEbU,EAAIA,EAAI,C,CAGZ,MAAMC,EAAW3D,EAAMK,KAAOL,EAAMC,QACpCO,EAAiBoD,KAAK,CAClB3B,GAAIjC,EAAMK,IAAI2C,WACdW,SAAUA,EACVE,MAAO7D,EAAMK,IAAI2C,aAGrB,OAAOxC,CACX,CAEA,SAASgD,EAAmBxD,GACxB,OAAOA,EAAMkD,YAAclD,EAAMC,SAAWD,EAAMK,GACtD,CAEA,SAASiD,EAAmBtD,GACxB,OAAOA,EAAMkD,aAAe,CAChC,CCvKA,MAAMtD,EAAcC,SAASC,gB,SAEbgE,EAAWC,EAAoB1D,EAAaJ,GACxD,GAAIL,EAAIiB,QAAQmD,KAAKC,SAASF,GAAa,CACvC,MAAMG,EAAgB/D,KAAKC,KAAKC,EAAMJ,GACtC,IAAIkE,EAAqBJ,EACzB,GAAII,EAAaD,EAAe,CAC5BC,EAAaD,C,CAEjB,GAAIC,EAAa,EAAG,CAChBA,EAAa,C,CAEjB,OAAOA,C,CAEX,OAAO,IACX,C,SAEgBC,EAAkBC,EAAoBhE,GAClD,GAAIT,EAAIiB,QAAQmD,KAAKC,SAASI,GAAa,CACvC,IAAIC,EAAyBD,EAC7B,GAAIC,EAAiBjE,EAAK,CACtBiE,EAAiBjE,C,CAErB,GAAIiE,EAAiB,EAAG,CACpBA,EAAiB,C,CAErB,OAAOA,C,CAEX,OAAO,IACX,Q","ignoreList":[]}

package/dist/ketchup/{p-d57db62b.entry.js → p-e5b4c8ca.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,f as i,h as e,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,e as p,g as h,s as f}from"./p-3788598c.js";import{F as l,a as r}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var u;(function(t){t["data"]="prop of the sub compoennt";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(u||(u={}));const g=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";const y=g;const d=class{constructor(i){t(this,i);this.kupIconClick=n(this,"kup-typographylist-icon-click",6);this.KupClick=n(this,"kup-typographylist-click",6);this.kupManager=o();this.customStyle="";this.data=[];this.type=l.BODY_COMPACT;this.toolbar=false}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(t===null){this.kupManager.debug.logMessage(this,"Empty data text.",p.WARNING);return null}const i=this.prepareDataFromTreeNode(t,n);if(!i.value){this.kupManager.debug.logMessage(this,"Empty text.",p.WARNING);return null}const s={value:i.value,type:i.type,toolbar:i.toolbar};return e(r,Object.assign({},s))}prepareDataFromTreeNode(t,n){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(i.value==null){i.value=t.value}if(!i.wrapperClass){i.wrapperClass=""}if(this.type!=null){i.type=this.type}if(this.toolbar!=null){i.toolbar=this.toolbar}i.id=n.toString();return i}renderTypographys(){if(this.data==null||this.data.length<1){return null}const t=[];for(let n=0;n<this.data.length;n++){const i=this.data[n];let e=null;e=this.renderTypography(i,n);if(e){t.push(e)}}return t}getObjForEvent(t,n){let i=Number(t);let e=-1;if(n!=null&&n.trim()!=""){e=Number(n)}let s=this.data[i];if(e!=-1){return s.children[e].obj}return s.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderTypographys();return e(s,{key:"fe03c54c9dcb80d85fb4ce5fe5b307906113632d"},e("style",{key:"aaa3c98e4d550f2669c5b9db481e390e03a3bf25"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a6eb07b0d4da2fb8b9a818eeb6000c31d7641809",id:c},e("div",{key:"d3496f8ba12d87d2cd51dc5c80817590b62485df",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{data:["checkDataset"]}}};d.style=y;export{d as kup_typography_list};
-//# sourceMappingURL=p-d57db62b.entry.js.map
+import{r as t,c as n,f as i,h as e,H as a,d as s}from"./p-d7c15b0e.js";import{k as o,e as p,g as h,s as f}from"./p-a670a42e.js";import{F as l,a as r}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var u;(function(t){t["data"]="prop of the sub compoennt";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(u||(u={}));const g=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";const y=g;const d=class{constructor(i){t(this,i);this.kupIconClick=n(this,"kup-typographylist-icon-click",6);this.KupClick=n(this,"kup-typographylist-click",6);this.kupManager=o();this.customStyle="";this.data=[];this.type=l.BODY_COMPACT;this.toolbar=false}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(t===null){this.kupManager.debug.logMessage(this,"Empty data text.",p.WARNING);return null}const i=this.prepareDataFromTreeNode(t,n);if(!i.value){this.kupManager.debug.logMessage(this,"Empty text.",p.WARNING);return null}const a={value:i.value,type:i.type,toolbar:i.toolbar};return e(r,Object.assign({},a))}prepareDataFromTreeNode(t,n){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(i.value==null){i.value=t.value}if(!i.wrapperClass){i.wrapperClass=""}if(this.type!=null){i.type=this.type}if(this.toolbar!=null){i.toolbar=this.toolbar}i.id=n.toString();return i}renderTypographys(){if(this.data==null||this.data.length<1){return null}const t=[];for(let n=0;n<this.data.length;n++){const i=this.data[n];let e=null;e=this.renderTypography(i,n);if(e){t.push(e)}}return t}getObjForEvent(t,n){let i=Number(t);let e=-1;if(n!=null&&n.trim()!=""){e=Number(n)}let a=this.data[i];if(e!=-1){return a.children[e].obj}return a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderTypographys();return e(a,{key:"fe03c54c9dcb80d85fb4ce5fe5b307906113632d"},e("style",{key:"aaa3c98e4d550f2669c5b9db481e390e03a3bf25"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a6eb07b0d4da2fb8b9a818eeb6000c31d7641809",id:c},e("div",{key:"d3496f8ba12d87d2cd51dc5c80817590b62485df",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["checkDataset"]}}};d.style=y;export{d as kup_typography_list};
+//# sourceMappingURL=p-e5b4c8ca.entry.js.map