@sme.up/ketchup 11.0.0-SNAPSHOT-20241217083229 → 11.0.0-SNAPSHOT-20241217103126

package/dist/ketchup/{p-31c2ce09.entry.js → p-edcb4ac6.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-b0368f88.js";import{k as o,g as p,s}from"./p-54906238.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"220fa65d9836c520dfed8e3dae2700c6b2b0cb9a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"1d1e33f3ed89c32e6ee9ad2b1996fb65037cc3f2",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"d799cc013987de74e23c34201ecd2186c57b13f1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"de98ef94a3f714e45e56a02877d4a139a8804424",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"26ad78503d5c00f5b902b2bddb782a14f1a13b73",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"03ae544d551c47e0dce8f8fbaa92b1a2a1024c55",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"cc70b61653552ff28e1b6eda65ca7bec5bbbe7d2",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f63b011d43b7c6649e1392de9426b325259e9f38",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"3c6218a9e78c22aa2cfdd787a77fd7575409b926",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"28aaf9eb0e27fd2ad901866bd1f93ff181eba283",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"695002a63b98d0c090f350df167e2dec9b85c8f6",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"160f2450a206b3da182ef9514e41d0e9cfebd7dd",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"e7f09d307522f61e8448975f881fb435f0c585bd",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"2ad28af4bed1da877edb16db6acdc392bfbfb47b",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"c60a5e10b12c2945bdc8d0558d1fb9c46cb4ca90",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"f016960b177263ba06c3b63c4761fef4a06a4fd3",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"f221046bcd689deebeb597f557d547292518a34a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"8cd9ec1705efd526543348dcfe793c0705399482",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=a(this.componentName,Object.assign({key:"b856e5475a8fc048cf96c0ee534f17fa2ad261fe"},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),a(h,{key:"de01035df24b5d3811ca54bb3840bf232287103d",class:i},a("style",{key:"db6f4fe85ed90c8a17b598a4805eff35fbfc11af"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"00c41dbaa1579061edf0b9472b19e6c5c8f24eb9",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size: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_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}
+import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-b0368f88.js";import{k as o,g as p,s}from"./p-b640b0d3.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,d;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(d||(d={}));const c=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=d.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"665704637b3354494ef01a225fd4d37a0188c34f",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"6a0391862537ed0250af6780a7c0fef06130b831",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"a91f941eaf227d71122f52ef990999697e5140d2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"9b757b8dae5fbb1d30ba262087274d6ed177b713",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"dd4f4172b01ef1784c3a4947940e11f6cacbe746",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"4a65af5a391cfaf3d1e82c229db9a361b493cf49",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"593f6aa43a513b12ea0b49f7feb6680e2931c36c",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"0a24ba272bc6830f9bf356585d4a16d769b37b52",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"fccd6198bf2c7d9b67fd9df526483f8f9dafee21",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"976cebc69cdc6153f4f91e935e48c18d5d345544",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"17b1e569dabdfb945ea6880e770ae52566c14964",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"8208a3be977f5294e724adc8e0c168f3e0447940",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"d75588e7fdd9dd67ca01598159316c0a480ff7b2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"b6cb40a0509a7da7a0d764cb11b8170a4b083932",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"1b18bc766908f4da555824535f7dbdc93779bb60",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0feac444636e26df8fded6a7e566252087e60e86",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"455a2d22a5d9d50f071e8facd31b50b7bd3f5d92",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"fefd08ea2bbd6eaa7e4ee0fefe2b25afa81165cf",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===d.VIEWPORT&&this.isInViewport||this.renderMode===d.PROPS&&this.data||this.renderMode===d.BOTH&&this.data&&this.isInViewport?(t=a(this.componentName,Object.assign({key:"d1d563697c56db2c3fdcf3252aae2a2966b06858"},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),a(h,{key:"4a055d835d8e6d3fb06bd4870fe5b13c2e4e922e",class:i},a("style",{key:"5a8b37cd487d2db656dc8614469ba37c11809343"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"21ace7612895c14f8d63303fc171f04a66016427",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};c.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size: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_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{c as kup_lazy}

package/dist/ketchup/{p-5d4bfad2.js → p-f11b1064.js}

@@ -1 +1 @@
-import{h as o}from"./p-b0368f88.js";import{a as t,k as n,c as i}from"./p-54906238.js";import{F as e}from"./p-1bdc7796.js";import{a as c}from"./p-e3062c19.js";import{F as l}from"./p-5d26e46f.js";const s=new WeakMap,r=n=>{var i,s,r;return o("div",{class:`f-object-field ${n.wrapperClass?n.wrapperClass:""}`,ref:async o=>{o&&(n.root=o,b(n))}},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(i=n.data)||void 0===i?void 0:i["kup-text-field"],{value:n.inputValue,onIconClick:d.icon.bind(n),onInput:d.input.bind(n),onKeyDown:d.keydown.bind(n)})),o(e,Object.assign({icon:"menu"},null===(s=n.data)||void 0===s?void 0:s["kup-button"],{onClick:d.button.bind(n),sizing:t.SMALL,styling:c.FLAT,wrapperClass:"obj-field-extra-btn"})),o("kup-toolbar",Object.assign({},null===(r=n.data)||void 0===r?void 0:r["kup-toolbar"],{"onKup-toolbar-click":d.toolbar.bind(n)})))};function a(o){const{root:t}=o,i=s.get(t),{clickCb:e}=i,{toolbar:c}=u(i),l=n();l.dynamicPosition.stop(c),l.removeClickCallback(e),c.style.display="none",i.isListOpened=!1}const u=o=>{const{children:t,clickCb:n,root:i}=o;return Object.keys(o.children).length||(t.button=i.querySelector(".f-button"),t.textfield=i.querySelector(".f-text-field"),t.toolbar=i.querySelector("kup-toolbar"),n.el=t.toolbar),t},b=o=>{const{root:t}=o;s.get(t)||s.set(t,{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:t})},p=(o,t,n)=>{const{cell:i,root:e}=o,{children:c,inputValue:l}=s.get(e),r=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:i,children:c,inputValue:l,originalEvent:n}});e.dispatchEvent(r)},d={button:function(o){(function(o){const{root:t}=o,e=s.get(t),{isListOpened:c}=e;c?a(o):function(o){const{root:t}=o,e=s.get(t),{isListOpened:c,clickCb:l}=e,{button:r,toolbar:a}=u(e);if(c)return;const b=n();b.dynamicPosition.isRegistered(a)?b.dynamicPosition.changeAnchor(a,r):b.dynamicPosition.register(a,r,0,i.AUTO,!0),b.dynamicPosition.start(a),b.addClickCallback(l,!0),a.style.display="block",e.isListOpened=!0}(o)})(this),p(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){p(this,"kup-objectfield-searchpayload",o)},input:function(o){const{root:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),p(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),p(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}
+import{h as o}from"./p-b0368f88.js";import{a as t,k as n,c as i}from"./p-b640b0d3.js";import{F as e}from"./p-1bdc7796.js";import{a as c}from"./p-e3062c19.js";import{F as l}from"./p-bd8c59be.js";const s=new WeakMap,r=n=>{var i,s,r;return o("div",{class:`f-object-field ${n.wrapperClass?n.wrapperClass:""}`,ref:async o=>{o&&(n.root=o,b(n))}},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(i=n.data)||void 0===i?void 0:i["kup-text-field"],{value:n.inputValue,onIconClick:d.icon.bind(n),onInput:d.input.bind(n),onKeyDown:d.keydown.bind(n)})),o(e,Object.assign({icon:"menu"},null===(s=n.data)||void 0===s?void 0:s["kup-button"],{onClick:d.button.bind(n),sizing:t.SMALL,styling:c.FLAT,wrapperClass:"obj-field-extra-btn"})),o("kup-toolbar",Object.assign({},null===(r=n.data)||void 0===r?void 0:r["kup-toolbar"],{"onKup-toolbar-click":d.toolbar.bind(n)})))};function a(o){const{root:t}=o,i=s.get(t),{clickCb:e}=i,{toolbar:c}=u(i),l=n();l.dynamicPosition.stop(c),l.removeClickCallback(e),c.style.display="none",i.isListOpened=!1}const u=o=>{const{children:t,clickCb:n,root:i}=o;return Object.keys(o.children).length||(t.button=i.querySelector(".f-button"),t.textfield=i.querySelector(".f-text-field"),t.toolbar=i.querySelector("kup-toolbar"),n.el=t.toolbar),t},b=o=>{const{root:t}=o;s.get(t)||s.set(t,{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:t})},p=(o,t,n)=>{const{cell:i,root:e}=o,{children:c,inputValue:l}=s.get(e),r=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:i,children:c,inputValue:l,originalEvent:n}});e.dispatchEvent(r)},d={button:function(o){(function(o){const{root:t}=o,e=s.get(t),{isListOpened:c}=e;c?a(o):function(o){const{root:t}=o,e=s.get(t),{isListOpened:c,clickCb:l}=e,{button:r,toolbar:a}=u(e);if(c)return;const b=n();b.dynamicPosition.isRegistered(a)?b.dynamicPosition.changeAnchor(a,r):b.dynamicPosition.register(a,r,0,i.AUTO,!0),b.dynamicPosition.start(a),b.addClickCallback(l,!0),a.style.display="block",e.isListOpened=!0}(o)})(this),p(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){p(this,"kup-objectfield-searchpayload",o)},input:function(o){const{root:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),p(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),p(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}

package/dist/ketchup/{p-c01717af.entry.js → p-f63e26e4.entry.js}

@@ -1 +1 @@
-import{r as t,f as s,h as i,H as e,d as h}from"./p-b0368f88.js";import{k as o}from"./p-54906238.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";const n=class{constructor(s){t(this,s),this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null,this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1}}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,{key:"45102ca7586bebbfc7f2b153d93c0f004f2ebfec"},t?i("style",null,t):null,i("div",{key:"c4e6be7e1976deddb7fea01875262045fa35ad78",id:l},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}
+import{r as t,f as s,h as i,H as e,d as h}from"./p-b0368f88.js";import{k as o}from"./p-b640b0d3.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";const n=class{constructor(s){t(this,s),this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null,this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1}}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,{key:"89875bae2a166240231085ba4c5614933180fdf1"},t?i("style",null,t):null,i("div",{key:"69e914c7980a8086f1ac629f17905bff82f13689",id:l},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}

package/dist/ketchup/{p-ebf37ad3.entry.js → p-f81e7e01.entry.js}

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

package/dist/ketchup/{p-9d94d189.entry.js → p-fc32246e.entry.js}

@@ -1 +1 @@
-import{r as t,f as e,h as i,H as a,d as o}from"./p-b0368f88.js";import{k as s,g as n,s as l,h as p,e as h,au as c,Q as r,av as f,W as u,d}from"./p-54906238.js";import{a as g}from"./p-e3062c19.js";import{F as m}from"./p-d1c818ae.js";import{c as k}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var b,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(b||(b={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(e){t(this,e),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,b,t)}async refresh(){e(this)}async setProps(t){l(this,b,t)}comboboxProps(){const t=[];for(const e in x)Object.prototype.hasOwnProperty.call(x,e)&&t.push({id:x[e],selected:!1,value:x[e]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(p.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),e=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,e.push(i("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,e.push(i("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,e.push(i("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];e.obj&&this.kupManager.objects.isNumber(e.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:e.name,decode:e.title}:e.name):a.axis=e.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),e.push(i(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,e.push(i("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,e.push(i("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else e.push(i("div",{class:"empty"},i(m,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(p.DROP_YOUR_DATA))));return e}updateData(t){{const e=Object.assign({},this.data),i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name?e.columns?this.data.columns.find((t=>t.name===i.name))||e.columns.push(i):e.columns=[i]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),a&&(e.rows?e.rows.push(a):e.rows=[a]),this.data=e,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(c,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return i(a,{key:"8f04a5029dad9d7d8f3673124a6fb954880719d5"},i("style",{key:"af43ffc44c345efb6982aecac7ffeb7469a1e1ab"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"4da32884b8cfaee501fe98de3ad61dbfd40644f1",id:k},i("div",{key:"3ae6ee9f2ee07d1ace113fe223bf45fe907eb1d2",class:"magic-box-wrapper"},i("div",{key:"7331459e7beeecbad1f94907c5dfc37e6fd77221",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"cf49975df5a5aa923c031c64ecee9a81ae4ad0bc"},this.comboboxProps())),i("kup-button",{key:"9268ce09ec663aa4e00a82ba0fadef493422d12f",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"3724463433b93aa9ae13ae19d67be8fc39c702f6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"448858d039c7cd0ea8e756d9ad66af2b3baf5c52",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size: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{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}
+import{r as t,f as i,h as e,H as a,d as o}from"./p-b0368f88.js";import{k as s,g as n,s as l,h as p,e as h,au as c,Q as r,av as f,W as u,d}from"./p-b640b0d3.js";import{a as g}from"./p-e3062c19.js";import{F as b}from"./p-d1c818ae.js";import{c as m}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var k,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(k||(k={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,k,t)}async refresh(){i(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(p.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,i.push(e("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,i.push(e("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,i.push(e("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):a.axis=i.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(e("div",{class:"empty"},e(b,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(p.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),a&&(i.rows?i.rows.push(a):i.rows=[a]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(c,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{key:"cc7eb83eaccd2507c886ec16bc37d2fa567ac52e"},e("style",{key:"809d326e5dcbf28e7aadc8901b0b4958442de680"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"1f05d7964adaebc3e44123e766f54b913b6427a4",id:m},e("div",{key:"08e3fe041eca609baf1bffc35d19711a54557b92",class:"magic-box-wrapper"},e("div",{key:"a66c16ca2910391f07eeca825443cd13d1a9eaef",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"8751f6abdbb318c30470954b6b59a5ee331b3ab9"},this.comboboxProps())),e("kup-button",{key:"aaae57d304a47b6371f87e7be3ec6e52d6dac92f",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"295644dff6eff6d80df769fd54d5e0db43de8473",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"3aedf43217a1a013c78170af418adbde5994e0cc",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size: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{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

package/dist/ketchup/{p-8e89db49.entry.js → p-fcdeb4b6.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as n,h as e,H as l,d as s}from"./p-b0368f88.js";import{F as o}from"./p-1bdc7796.js";import{F as a}from"./p-43783080.js";import{k as u,I as h,F as r,g as c,s as p,h as f,an as d,ac as m,ab as v,ao as b,e as k,O as _,am as g}from"./p-54906238.js";import{F as x}from"./p-7db300e0.js";import{F as y,a as w}from"./p-60cfddce.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-d1c818ae.js";import"./p-3913eb45.js";import"./p-5d26e46f.js";import"./p-d15d479c.js";import"./p-5d4bfad2.js";import"./p-1ee561ba.js";import"./p-c56195a0.js";var O,F,$,T;!function(t){t.TAB="tab"}(O||(O={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus."}(F||(F={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.WATERMARK="WATERMARK"}($||($={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(T||(T={}));const M={"*F01":"F1","*F02":"F2","*F03":"F3","*F04":"F4","*F05":"F5","*F06":"F6","*F07":"F7","*F08":"F8","*F09":"F9","*F10":"F10","*F11":"F11","*F12":"F12","*F13":"shift+F1","*F14":"shift+F2","*F15":"shift+F3","*F16":"shift+F4","*F17":"shift+F5","*F18":"shift+F6","*F19":"shift+F7","*F20":"shift+F8","*F21":"shift+F9","*F22":"shift+F10","*F23":"shift+F11","*F24":"shift+F12","*ENT":"Enter","*PDN":"PageDown","*PUP":"PageUp"},z=t=>0==t?6:t?1===t?18:12*t:null,E=t=>t?22*t:null,S=t=>t?22*(t-1):null,I=t=>t?12*t:null;var N,C,W,D,L,P,R,A,B,U,H,V,G,J,K,X,Y,q,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,ct,pt,ft,dt,mt,vt,bt,kt,_t,gt,xt,yt,wt,jt,Ot,Ft,$t,Tt,Mt,zt,Et,St,It,Nt,Ct,Wt,Dt,Lt,Pt,Rt,At,Bt,Ut,Ht,Vt,Gt,Jt,Kt,Xt=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},Yt=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const qt=document.documentElement,Qt=class{constructor(n){t(this,n),this.kupReady=i(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6),N.add(this),C.set(this,u()),W.set(this,void 0),D.set(this,new Map([["SmeupTreeNode",Xt(this,N,"m",It).bind(this)],["SmeupDataTree",Xt(this,N,"m",Nt).bind(this)],["SmeupTable",Xt(this,N,"m",Ct).bind(this)],["SmeupDataTable",Xt(this,N,"m",Ct).bind(this)]])),L.set(this,null),P.set(this,new Map([[h.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[h.MULTI_COMBOBOX,["kup-combobox-iconclick"]]])),R.set(this,new Map([[r.AUTOCOMPLETE,"kup-autocomplete-blur"],[r.CHIP,"kup-textfield-blur"],[r.COMBOBOX,"kup-combobox-blur"],[r.DATE,"kup-datepicker-blur"],[r.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[r.MULTI_COMBOBOX,"kup-combobox-blur"],[r.TIME,"kup-timepicker-blur"]])),A.set(this,[]),B.set(this,new Map([[h.DATE,"kup-date-picker"],[h.TIME,"kup-time-picker"]])),U.set(this,new Map([[r.BUTTON_LIST,Xt(this,N,"m",X).bind(this)],[r.EDITOR,Xt(this,N,"m",q).bind(this)],[r.LABEL,Xt(this,N,"m",Z).bind(this)],[r.TABLE,Xt(this,N,"m",Q).bind(this)]])),H.set(this,new Map([[O.TAB,Xt(this,N,"m",ot).bind(this)]])),V.set(this,[]),this.buttonPosition=T.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=$.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){Yt(this,L,structuredClone(this.data),"f"),Xt(this,A,"f").length&&(Xt(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),Yt(this,A,[],"f")),Xt(this,V,"f").length&&(Xt(this,V,"f").map((t=>{Xt(this,C,"f").keysBinding.unregister(t)})),Yt(this,V,[],"f")),this.data&&Xt(this,N,"m",rt).call(this,this.data)}async getProps(t){return c(this,F,t)}async refresh(){n(this)}async setProps(t){p(this,F,t)}componentWillLoad(){Xt(this,C,"f").debug.logLoad(this,!1),Xt(this,C,"f").language.register(this),Xt(this,C,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){Xt(this,N,"m",Vt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),Xt(this,N,"m",Gt).call(this),Xt(this,C,"f").debug.logLoad(this,!0)}componentWillRender(){Xt(this,C,"f").debug.logRender(this,!1)}componentDidRender(){if(Xt(this,W,"f")){const t=Xt(this,W,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)x(t[i])}Xt(this,C,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,Xt(this,C,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>Xt(this,N,"m",J).call(this,t)));return e(l,{key:"6e21e639b2d2f9e1f5338319cc965c4d588c5fbe"},e("style",{key:"435b0e0cbebad1f25b642ffc327168afe3855250"},Xt(this,C,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"4cf09729bf357a5f91363c23e24dad8f414973cd",id:j},t))}disconnectedCallback(){Xt(this,C,"f").language.unregister(this),Xt(this,C,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};C=new WeakMap,W=new WeakMap,D=new WeakMap,L=new WeakMap,P=new WeakMap,R=new WeakMap,A=new WeakMap,B=new WeakMap,U=new WeakMap,H=new WeakMap,V=new WeakMap,N=new WeakSet,G=function(t){return this.inputPanelCells.reduce(((i,{cells:n})=>i||n.find((({column:i})=>i.name===t)).cell),null)},J=function(t){var i,n;const l=t.row.layout,s=(null==l?void 0:l.horizontal)||!1,a={};let u;if(null===(i=null==l?void 0:l.sections)||void 0===i?void 0:i.length)if(l.absolute)u=Xt(this,N,"m",nt).call(this,t,l),a.height=22*(t=>{let i=0;return t.sections.forEach((t=>{t.content.forEach((t=>{t.absoluteRow>i&&(i=t.absoluteRow+(t.absoluteHeight>1?t.absoluteHeight:0))}))})),i})(l)+"px";else{if(!l.sectionsType){const i=l.sections.some((t=>t.dim));a.display="grid","INLINE"==this.inputPanelPosition&&(a.display=""),l.horizontal?a.gridTemplateColumns=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(a.gridTemplateRows=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${l.sections.length}, 1fr)`)}u=Xt(this,N,"m",it).call(this,t,l)}else u=t.cells.map((i=>Xt(this,N,"m",K).call(this,i.cell,t.row,i.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==T.RIGHT},r={"input-panel":!0,"input-panel--column":!s,"input-panel--absolute":null==l?void 0:l.absolute,"input-panel--inline":this.inputPanelPosition==$.INLINE},c={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0},p={value:null===(n=null==l?void 0:l.sections[0])||void 0===n?void 0:n.title,type:w.HEADING1};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>Yt(this,W,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:"input-panel__typography"},e(y,Object.assign({},p))),e("div",{class:r,style:a},u),e("div",{class:c},e(o,{buttonType:"submit",label:Xt(this,C,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},K=function(t,i,n){var l;if(!t)return;const s=Xt(this,U,"f").get(t.shape);if(void 0!==s)return s(t,n.name,null===(l=i.layout)||void 0===l?void 0:l.absolute);const o={cell:t,column:n,row:i,component:this,editable:!0,renderKup:!0,setSizes:!0},u=Xt(this,N,"m",tt).call(this,t,n.title);return u?e("div",{class:{"input-panel__label_container":!0}},u,e(a,Object.assign({},o))):e(a,Object.assign({},o))},X=function(t,i){return e(o,Object.assign({icon:t.icon,id:i},t.data,{wrapperClass:"form__submit"}))},Y=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{Xt(this,N,"m",Bt).call(this,t.detail.node,t.detail.node.id)}}))},q=function(t,i){const n="kup-editor-save",l=t=>{const n=this.inputPanelCells.reduce(((t,{cells:n})=>t||n.find((({column:t})=>t.name===i)).cell),null);n.value=t.detail.htmlValue.replace(/\n/g,"<br>")};return this.rootElement.addEventListener(n,l),Xt(this,A,"f").push({event:n,handler:l}),e("kup-editor",Object.assign({},t.data,{id:i,isReadOnly:!t.isEditable,showToolbar:!0}))},Q=function(t,i){return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0,showFooter:!0},t.data))},Z=function(t,i,n){return e("span",{class:"input-panel-label"+(n?" input-panel-label--legacy-look":""),id:i},t.value)},tt=function(t,i){return i&&qt.ketchup.data.cell.getType(t,t.shape)===h.RADIO?e("span",null,i):null},it=function(t,i){const n=Xt(this,H,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>Xt(this,N,"m",et).call(this,t,i,!1)))},nt=function(t,i){return i.sections.map((i=>Xt(this,N,"m",lt).call(this,t,i)))},et=function t(i,n,l=!1,s={}){var o,a;const u={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":"INLINE"==this.inputPanelPosition};s.gap=+n.gap>0?`${n.gap}rem`:"1rem";let h=[];if(null===(o=n.sections)||void 0===o?void 0:o.length){h=n.sections.map((n=>Xt(this,N,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));!n.gridCols&&n.horizontal&&(s.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`),n.gridRows||n.horizontal||!this.dashboardMode||(s.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`)}else(null===(a=n.content)||void 0===a?void 0:a.length)&&(h=n.content.map((t=>Xt(this,N,"m",at).call(this,i,t))),s.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""));const r=e("div",{class:u,style:s},h.filter(Boolean));return n.title&&!l?e("div",{class:{"input-panel__section_label_container":!0}},e(y,{type:w.HEADING1,value:n.title}),r):r},lt=function t(i,n){var l,s;let o=[];if((null===(l=n.sections)||void 0===l?void 0:l.length)?o=n.sections.map((n=>Xt(this,N,"m",t).call(this,i,n))):(null===(s=n.content)||void 0===s?void 0:s.length)&&(o=n.content.map((t=>Xt(this,N,"m",ut).call(this,i,t)))),null==z(n.absoluteWidth))return o;const a=null!=z(n.absoluteWidth)?`${z(n.absoluteWidth)}px`:"100%",u=null!=E(n.absoluteHeight)?`${E(n.absoluteHeight)}px`:"100%",h=`${S(n.absoluteRow)}px`,r=`${I(n.absoluteColumn)}px`;return e("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:h,left:r,overflow:"auto"}},o)},st=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(Xt(this,N,"m",t).call(this,i))})),l},ot=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=Xt(this,N,"m",st).call(this,i),l=t.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(i.id||`${n}`)===this.tabSelected,value:i.title,icon:l?"error":i.icon,id:i.id||`${n}`,danger:l}})),l=i.map(((i,n)=>{const e=i.id||`${n}`;return Xt(this,N,"m",et).call(this,t,i,!0,{display:this.tabSelected!==e?"none":"grid"})}));if(!Xt(this,A,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click",i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i),Xt(this,A,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":!0}},e("kup-tab-bar",{data:n,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},at=function(t,i){const n=t.cells.find((t=>t.column.name===i.id)),l=+i.colSpan>0?i.colSpan:+i.colSpan>0||+i.colStart>0?null:1,s=+i.rowSpan>0?i.rowSpan:+i.rowSpan>0||+i.rowStart>0?null:1;if(n&&n.cell)return e("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${i.colStart}`,"grid-column-end":+i.colEnd>0?`${i.colEnd}`:"","grid-row-start":s?`span ${s}`:`${i.rowStart}`,"grid-row-end":+i.rowEnd>0?`${i.rowEnd}`:""}},Xt(this,N,"m",K).call(this,n.cell,t.row,n.column))},ut=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell)return;let l;l=n.cell.shape==r.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const s=z(l),o=E(i.absoluteHeight),a=S(i.absoluteRow),u=I(i.absoluteColumn),h={position:"absolute",width:null!==s?`${s}px`:null,"min-width":null!==s?`${s}px`:null,"max-width":null!==s?`${s}px`:null,height:null!==o?`${o}px`:null,"min-height":null!==o?`${o}px`:null,"max-height":null!==o?`${o}px`:null,top:null!==a?`${S(i.absoluteRow)}px`:null,left:null!==u?`${I(i.absoluteColumn)}px`:null,overflow:"auto"};return n.cell.data=Object.assign(Object.assign({},n.cell.data),{customStyle:(n.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),e("div",{style:h},Xt(this,N,"m",K).call(this,n.cell,t.row,n.column))},ht=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>Xt(this,N,"m",Wt).call(this,t)))}};return Xt(this,N,"m",Y).call(this,t,i)}{const i=Xt(this,N,"m",Wt).call(this,t);return Xt(this,N,"m",X).call(this,i,t.value)}})).flat()},rt=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&Xt(this,N,"m",ht).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:Xt(this,N,"m",ct).call(this,i,t,s),slotData:Xt(this,N,"m",mt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=qt.ketchup.data.cell.getType(t,t.shape),e=Xt(this,B,"f").get(n);if(!e)return;const l=this.rootElement.shadowRoot.querySelector(`${e}[id='${i.name.replace(/\//g,"\\$1")}']`);t.value&&(null==l||l.setValue(t.value))})))),this.inputPanelCells=o},ct=function(t,i,n){const e=Object.assign(Object.assign({},Xt(this,N,"m",dt).call(this,t,i,n)),{disabled:!t.editable,id:i.name}),l=qt.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==h.MULTI_AUTOCOMPLETE&&l!==h.MULTI_COMBOBOX?Xt(this,N,"m",pt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},pt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?Xt(this,N,"m",t).call(this,i[e],n[e]):n[e];return i},ft=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===r.TABLE&&(s=JSON.stringify(Xt(this,N,"m",Et).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},dt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=qt.ketchup.data.cell.getType(t,t.shape),a=new Map([[h.AUTOCOMPLETE,Xt(this,N,"m",_t).bind(this)],[h.BUTTON_LIST,Xt(this,N,"m",kt).bind(this)],[h.CHART,Xt(this,N,"m",bt).bind(this)],[h.CHIP,Xt(this,N,"m",vt).bind(this)],[h.CHECKBOX,Xt(this,N,"m",gt).bind(this)],[h.COLOR_PICKER,Xt(this,N,"m",xt).bind(this)],[h.COMBOBOX,Xt(this,N,"m",_t).bind(this)],[h.EDITOR,Xt(this,N,"m",yt).bind(this)],[h.MULTI_AUTOCOMPLETE,Xt(this,N,"m",vt).bind(this)],[h.MULTI_COMBOBOX,Xt(this,N,"m",vt).bind(this)],[h.NUMBER,Xt(this,N,"m",Mt).bind(this)],[h.DATE,Xt(this,N,"m",Ft).bind(this)],[h.OBJECT,Xt(this,N,"m",$t).bind(this)],[h.RADIO,Xt(this,N,"m",jt).bind(this)],[h.STRING,Xt(this,N,"m",wt).bind(this)],[h.SWITCH,Xt(this,N,"m",Ot).bind(this)],[h.TABLE,Xt(this,N,"m",zt).bind(this)],[h.TIME,Xt(this,N,"m",Tt).bind(this)]]).get(o);return a?a(e,l,s,t,i.name):null},mt=function(t,i){const n=qt.ketchup.data.cell.getType(t,t.shape);return t.editable?n===h.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.editable,id:i.name,fullWidth:!1}:n===h.MULTI_AUTOCOMPLETE||n===h.MULTI_COMBOBOX?Object.assign(Object.assign({},Xt(this,N,"m",_t).call(this,t.options,i.title,null,t,i.name)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.editable,id:i.name}):null:null},vt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),d(n)},bt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},kt=function(t,i,n,e,l){var s,o,a,u;return e.data=e.data||{},e.data.onClick=()=>{Xt(this,N,"m",Bt).call(this,e,l)},(null===(s=e.data)||void 0===s?void 0:s.keyShortcut)&&!(null===(o=e.data)||void 0===o?void 0:o.disabled)&&(Xt(this,V,"f").push(null===(a=e.data)||void 0===a?void 0:a.keyShortcut),Xt(this,C,"f").keysBinding.register(null===(u=e.data)||void 0===u?void 0:u.keyShortcut,e.data.onClick.bind(this))),Object.assign({label:e.value,fun:e.fun},e.data)},_t=function(t,i,n,e,l){var s,o;const a=m(n,i,[]);if(e.fun){const t=qt.ketchup.data.cell.getType(e,e.shape),i=Xt(this,P,"f").get(t);if(!i)return;i.map((t=>{const i=t=>{Xt(this,N,"m",Dt).call(this,t.detail,e.fun,a,l,n)};this.rootElement.addEventListener(t,i),Xt(this,A,"f").push({event:t,handler:i})}))}else t&&(a.data["kup-list"].data=Xt(this,N,"m",St).call(this,t,n));return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),a},gt=function(t,i,n,e,l){var s,o;let a=g(n,i);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}):a},xt=function(t,i){return{data:{"kup-text-field":{label:i}}}},yt=function(t,i,n){return{initialValue:n}},wt=function(t,i,n,e,l){var s,o,a;const u=Object.assign({label:i},e.data);return this.autoSkip&&(e.isEditable||e.editable)&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(u.onInput=t=>{Xt(this,N,"m",Kt).call(this,l,t)}),((null===(o=e.inputSettings)||void 0===o?void 0:o.checkObject)||(null===(a=e.inputSettings)||void 0===a?void 0:a.checkValueOnExit)||e.mandatory)&&(u.onBlur=()=>{Xt(this,N,"m",Lt).call(this,e,l)}),u},jt=function(t,i,n,e,l){var s,o;let a=v(n,t);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}):a},Ot=function(t,i,n){return b(n,i)},Ft=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},$t=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{initialValue:n||"",label:i||" ",value:n||"",onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}:{initialValue:n||"",label:i||" ",value:n||""}},Tt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:n}},Mt=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{label:i,onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}:{label:i}},zt=function(t,i,n,e,l){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(Xt(this,C,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR),null):{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},Xt(this,N,"m",dt).call(this,i.cells[e],l)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(Xt(this,C,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING),null)}catch(t){return Xt(this,C,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR),null}},Et=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(Xt(this,L,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},St=function(t,i){const n=Xt(this,D,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Xt(this,N,"m",t).call(this,i,n):[]}}))},Nt=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Xt(this,N,"m",t).call(this,i,n):[]}}))},Ct=function(t,i){return t.rows.map((t=>{var n;const e=t.fields||t.cells,[l,s]=Object.keys(e);return{id:e[l].value,value:(null===(n=e[s])||void 0===n?void 0:n.value)||e[l].value,selected:i===e[l].value}}))},Wt=function(t){return t.data&&!t.data.keyShortcut&&Xt(this,C,"f").objects.isJ1Key(t.obj?t.obj:{})&&(t.data.keyShortcut=M[t.obj.k]),Object.assign(Object.assign({},t),{data:Xt(this,N,"m",kt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Dt=function(t,i,n,e,l){t.id===e&&!1!==t.open&&this.optionsHandler(i,t.inputValue,Xt(this,N,"m",ft).call(this),t.id).then((i=>{var e;n.data["kup-list"].data=null!==(e=Xt(this,N,"m",St).call(this,i,l))&&void 0!==e?e:[],t.comp.refresh()}))},Lt=async function(t,i){var n,e,l,s,o;const a=Xt(this,N,"m",G).call(this,i);if(t.mandatory){if(Xt(this,N,"m",Rt).call(this,i,a.value?(null===(n=t.data)||void 0===n?void 0:n.error)||null:Xt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!a.value)return}else Xt(this,N,"m",Rt).call(this,i,(null===(e=t.data)||void 0===e?void 0:e.error)||null);if((null===(l=t.inputSettings)||void 0===l?void 0:l.checkObject)&&a.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Xt(this,N,"m",ft).call(this),fun:t.fun});if(!n)return void Xt(this,N,"m",Rt).call(this,i,Xt(this,C,"f").language.translate(f.INVALID_VALUE));Xt(this,N,"m",Rt).call(this,i,(null===(s=t.data)||void 0===s?void 0:s.error)||null)}(null===(o=t.inputSettings)||void 0===o?void 0:o.checkValueOnExit)&&Xt(this,N,"m",At).call(this)&&this.checkValidValueCallback({before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)},i)},Pt=function(t,i){const n=Xt(this,R,"f").get(t.shape);if(!n)return;const e=async n=>{var e,l,s,o,a;const u=Xt(this,N,"m",G).call(this,i);if(n.detail.id===i){if(t.mandatory){if(Xt(this,N,"m",Rt).call(this,i,u.value?(null===(e=t.data)||void 0===e?void 0:e.error)||null:Xt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!n.detail.value)return}else Xt(this,N,"m",Rt).call(this,i,(null===(l=t.data)||void 0===l?void 0:l.error)||null);if((null===(s=t.inputSettings)||void 0===s?void 0:s.checkObject)&&n.detail.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Xt(this,N,"m",ft).call(this),fun:t.fun});if(Xt(this,N,"m",Rt).call(this,i,n?(null===(o=t.data)||void 0===o?void 0:o.error)||null:Xt(this,C,"f").language.translate(f.INVALID_VALUE)),!n)return}(null===(a=t.inputSettings)||void 0===a?void 0:a.checkValueOnExit)&&Xt(this,N,"m",At).call(this)&&this.checkValidValueCallback({before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)},i)}};this.rootElement.addEventListener(n,e),Xt(this,A,"f").push({event:n,handler:e})},Rt=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},At=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Bt=function(t,i){t.fun?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:Xt(this,N,"m",ft).call(this)}):this.submitCb({value:{before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)},cell:i})},Ut=function(t,i){const n=t.find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}));if(null==n)return;const e=n["kup-get-cell-props"]().column.name;return{anchor:n,cell:this.data.rows[0].cells[e],column:this.data.columns.find((t=>t.name==e)),originalEvent:i}},Ht=function(t){const i=Xt(this,C,"f").getEventPath(t.target,this.rootElement);return Xt(this,N,"m",Ut).call(this,i,t)},Vt=function(){Xt(this,C,"f").interact.managedElements.add(Xt(this,W,"f")),Xt(this,C,"f").interact.on(Xt(this,W,"f"),_.TAP,(t=>{if(2==t.button){const i=Xt(this,N,"m",Ht).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Gt=function(){if(!Xt(this,W,"f"))return;const t=Array.from(Xt(this,W,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=Xt(this,N,"m",Jt).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=Xt(this,N,"m",Jt).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},Jt=function(t,i=!1){if(!(t&&t instanceof HTMLElement))return;const n=".mdc-text-field__input",e=i?`.mdc-text-field--error ${n}`:n,l=t.querySelector(e);if(l)return l;const s=Array.from(t.querySelectorAll("*")).filter((t=>t.shadowRoot));for(const t of s){const i=t.shadowRoot.querySelector(e);if(i)return i}},Kt=function(t,i){var n,e;const l=null==i?void 0:i.target;if(!(l&&l instanceof HTMLInputElement))return;const{maxLength:s,value:o}=l;if(!s||s<0||(null==o?void 0:o.length)<s)return;const a=Array.from(null===(n=Xt(this,W,"f"))||void 0===n?void 0:n.querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!a.length)return;const u=a.findIndex((i=>i.id===t));u<0||u===a.length-1||null===(e=a[u+1].HTMLInputElement)||void 0===e||e.focus()},Qt.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size: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-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0);--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    500px\n  )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";export{Qt as kup_input_panel}
+import{r as t,c as i,f as n,h as e,H as l,d as s}from"./p-b0368f88.js";import{F as o}from"./p-1bdc7796.js";import{F as a}from"./p-0c8cb88e.js";import{k as u,I as h,F as r,g as c,s as p,h as f,an as d,ac as m,ab as v,ao as b,e as k,O as _,am as g}from"./p-b640b0d3.js";import{F as x}from"./p-7db300e0.js";import{F as y,a as w}from"./p-60cfddce.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-d1c818ae.js";import"./p-3913eb45.js";import"./p-bd8c59be.js";import"./p-93dff1f9.js";import"./p-f11b1064.js";import"./p-1ee561ba.js";import"./p-c56195a0.js";var O,F,$,T;!function(t){t.TAB="tab"}(O||(O={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus."}(F||(F={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.WATERMARK="WATERMARK"}($||($={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(T||(T={}));const M={"*F01":"F1","*F02":"F2","*F03":"F3","*F04":"F4","*F05":"F5","*F06":"F6","*F07":"F7","*F08":"F8","*F09":"F9","*F10":"F10","*F11":"F11","*F12":"F12","*F13":"shift+F1","*F14":"shift+F2","*F15":"shift+F3","*F16":"shift+F4","*F17":"shift+F5","*F18":"shift+F6","*F19":"shift+F7","*F20":"shift+F8","*F21":"shift+F9","*F22":"shift+F10","*F23":"shift+F11","*F24":"shift+F12","*ENT":"Enter","*PDN":"PageDown","*PUP":"PageUp"},z=t=>0==t?6:t?1===t?18:12*t:null,E=t=>t?22*t:null,S=t=>t?22*(t-1):null,I=t=>t?12*t:null;var N,C,W,D,L,P,R,A,B,U,H,V,G,J,K,X,Y,q,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,ct,pt,ft,dt,mt,vt,bt,kt,_t,gt,xt,yt,wt,jt,Ot,Ft,$t,Tt,Mt,zt,Et,St,It,Nt,Ct,Wt,Dt,Lt,Pt,Rt,At,Bt,Ut,Ht,Vt,Gt,Jt,Kt,Xt=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},Yt=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const qt=document.documentElement,Qt=class{constructor(n){t(this,n),this.kupReady=i(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6),N.add(this),C.set(this,u()),W.set(this,void 0),D.set(this,new Map([["SmeupTreeNode",Xt(this,N,"m",It).bind(this)],["SmeupDataTree",Xt(this,N,"m",Nt).bind(this)],["SmeupTable",Xt(this,N,"m",Ct).bind(this)],["SmeupDataTable",Xt(this,N,"m",Ct).bind(this)]])),L.set(this,null),P.set(this,new Map([[h.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[h.MULTI_COMBOBOX,["kup-combobox-iconclick"]]])),R.set(this,new Map([[r.AUTOCOMPLETE,"kup-autocomplete-blur"],[r.CHIP,"kup-textfield-blur"],[r.COMBOBOX,"kup-combobox-blur"],[r.DATE,"kup-datepicker-blur"],[r.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[r.MULTI_COMBOBOX,"kup-combobox-blur"],[r.TIME,"kup-timepicker-blur"]])),A.set(this,[]),B.set(this,new Map([[h.DATE,"kup-date-picker"],[h.TIME,"kup-time-picker"]])),U.set(this,new Map([[r.BUTTON_LIST,Xt(this,N,"m",X).bind(this)],[r.EDITOR,Xt(this,N,"m",q).bind(this)],[r.LABEL,Xt(this,N,"m",Z).bind(this)],[r.TABLE,Xt(this,N,"m",Q).bind(this)]])),H.set(this,new Map([[O.TAB,Xt(this,N,"m",ot).bind(this)]])),V.set(this,[]),this.buttonPosition=T.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=$.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){Yt(this,L,structuredClone(this.data),"f"),Xt(this,A,"f").length&&(Xt(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),Yt(this,A,[],"f")),Xt(this,V,"f").length&&(Xt(this,V,"f").map((t=>{Xt(this,C,"f").keysBinding.unregister(t)})),Yt(this,V,[],"f")),this.data&&Xt(this,N,"m",rt).call(this,this.data)}async getProps(t){return c(this,F,t)}async refresh(){n(this)}async setProps(t){p(this,F,t)}componentWillLoad(){Xt(this,C,"f").debug.logLoad(this,!1),Xt(this,C,"f").language.register(this),Xt(this,C,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){Xt(this,N,"m",Vt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),Xt(this,N,"m",Gt).call(this),Xt(this,C,"f").debug.logLoad(this,!0)}componentWillRender(){Xt(this,C,"f").debug.logRender(this,!1)}componentDidRender(){if(Xt(this,W,"f")){const t=Xt(this,W,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)x(t[i])}Xt(this,C,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,Xt(this,C,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>Xt(this,N,"m",J).call(this,t)));return e(l,{key:"fd7cb43c2e106e5ee0792ebf06cb7d97feb08a5a"},e("style",{key:"e9c94d1db637c291c024ca4c20391e72d977aff2"},Xt(this,C,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"3a43c79c02826a018af22e00d869b48fdf60ebe4",id:j},t))}disconnectedCallback(){Xt(this,C,"f").language.unregister(this),Xt(this,C,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};C=new WeakMap,W=new WeakMap,D=new WeakMap,L=new WeakMap,P=new WeakMap,R=new WeakMap,A=new WeakMap,B=new WeakMap,U=new WeakMap,H=new WeakMap,V=new WeakMap,N=new WeakSet,G=function(t){return this.inputPanelCells.reduce(((i,{cells:n})=>i||n.find((({column:i})=>i.name===t)).cell),null)},J=function(t){var i,n;const l=t.row.layout,s=(null==l?void 0:l.horizontal)||!1,a={};let u;if(null===(i=null==l?void 0:l.sections)||void 0===i?void 0:i.length)if(l.absolute)u=Xt(this,N,"m",nt).call(this,t,l),a.height=22*(t=>{let i=0;return t.sections.forEach((t=>{t.content.forEach((t=>{t.absoluteRow>i&&(i=t.absoluteRow+(t.absoluteHeight>1?t.absoluteHeight:0))}))})),i})(l)+"px";else{if(!l.sectionsType){const i=l.sections.some((t=>t.dim));a.display="grid","INLINE"==this.inputPanelPosition&&(a.display=""),l.horizontal?a.gridTemplateColumns=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(a.gridTemplateRows=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${l.sections.length}, 1fr)`)}u=Xt(this,N,"m",it).call(this,t,l)}else u=t.cells.map((i=>Xt(this,N,"m",K).call(this,i.cell,t.row,i.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==T.RIGHT},r={"input-panel":!0,"input-panel--column":!s,"input-panel--absolute":null==l?void 0:l.absolute,"input-panel--inline":this.inputPanelPosition==$.INLINE},c={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0},p={value:null===(n=null==l?void 0:l.sections[0])||void 0===n?void 0:n.title,type:w.HEADING1};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>Yt(this,W,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:"input-panel__typography"},e(y,Object.assign({},p))),e("div",{class:r,style:a},u),e("div",{class:c},e(o,{buttonType:"submit",label:Xt(this,C,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},K=function(t,i,n){var l;if(!t)return;const s=Xt(this,U,"f").get(t.shape);if(void 0!==s)return s(t,n.name,null===(l=i.layout)||void 0===l?void 0:l.absolute);const o={cell:t,column:n,row:i,component:this,editable:!0,renderKup:!0,setSizes:!0},u=Xt(this,N,"m",tt).call(this,t,n.title);return u?e("div",{class:{"input-panel__label_container":!0}},u,e(a,Object.assign({},o))):e(a,Object.assign({},o))},X=function(t,i){return e(o,Object.assign({icon:t.icon,id:i},t.data,{wrapperClass:"form__submit"}))},Y=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{Xt(this,N,"m",Bt).call(this,t.detail.node,t.detail.node.id)}}))},q=function(t,i){const n="kup-editor-save",l=t=>{const n=this.inputPanelCells.reduce(((t,{cells:n})=>t||n.find((({column:t})=>t.name===i)).cell),null);n.value=t.detail.htmlValue.replace(/\n/g,"<br>")};return this.rootElement.addEventListener(n,l),Xt(this,A,"f").push({event:n,handler:l}),e("kup-editor",Object.assign({},t.data,{id:i,isReadOnly:!t.isEditable,showToolbar:!0}))},Q=function(t,i){return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0,showFooter:!0},t.data))},Z=function(t,i,n){return e("span",{class:"input-panel-label"+(n?" input-panel-label--legacy-look":""),id:i},t.value)},tt=function(t,i){return i&&qt.ketchup.data.cell.getType(t,t.shape)===h.RADIO?e("span",null,i):null},it=function(t,i){const n=Xt(this,H,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>Xt(this,N,"m",et).call(this,t,i,!1)))},nt=function(t,i){return i.sections.map((i=>Xt(this,N,"m",lt).call(this,t,i)))},et=function t(i,n,l=!1,s={}){var o,a;const u={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":"INLINE"==this.inputPanelPosition};s.gap=+n.gap>0?`${n.gap}rem`:"1rem";let h=[];if(null===(o=n.sections)||void 0===o?void 0:o.length){h=n.sections.map((n=>Xt(this,N,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));!n.gridCols&&n.horizontal&&(s.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`),n.gridRows||n.horizontal||!this.dashboardMode||(s.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`)}else(null===(a=n.content)||void 0===a?void 0:a.length)&&(h=n.content.map((t=>Xt(this,N,"m",at).call(this,i,t))),s.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""));const r=e("div",{class:u,style:s},h.filter(Boolean));return n.title&&!l?e("div",{class:{"input-panel__section_label_container":!0}},e(y,{type:w.HEADING1,value:n.title}),r):r},lt=function t(i,n){var l,s;let o=[];if((null===(l=n.sections)||void 0===l?void 0:l.length)?o=n.sections.map((n=>Xt(this,N,"m",t).call(this,i,n))):(null===(s=n.content)||void 0===s?void 0:s.length)&&(o=n.content.map((t=>Xt(this,N,"m",ut).call(this,i,t)))),null==z(n.absoluteWidth))return o;const a=null!=z(n.absoluteWidth)?`${z(n.absoluteWidth)}px`:"100%",u=null!=E(n.absoluteHeight)?`${E(n.absoluteHeight)}px`:"100%",h=`${S(n.absoluteRow)}px`,r=`${I(n.absoluteColumn)}px`;return e("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:h,left:r,overflow:"auto"}},o)},st=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(Xt(this,N,"m",t).call(this,i))})),l},ot=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=Xt(this,N,"m",st).call(this,i),l=t.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(i.id||`${n}`)===this.tabSelected,value:i.title,icon:l?"error":i.icon,id:i.id||`${n}`,danger:l}})),l=i.map(((i,n)=>{const e=i.id||`${n}`;return Xt(this,N,"m",et).call(this,t,i,!0,{display:this.tabSelected!==e?"none":"grid"})}));if(!Xt(this,A,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click",i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i),Xt(this,A,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":!0}},e("kup-tab-bar",{data:n,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},at=function(t,i){const n=t.cells.find((t=>t.column.name===i.id)),l=+i.colSpan>0?i.colSpan:+i.colSpan>0||+i.colStart>0?null:1,s=+i.rowSpan>0?i.rowSpan:+i.rowSpan>0||+i.rowStart>0?null:1;if(n&&n.cell)return e("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${i.colStart}`,"grid-column-end":+i.colEnd>0?`${i.colEnd}`:"","grid-row-start":s?`span ${s}`:`${i.rowStart}`,"grid-row-end":+i.rowEnd>0?`${i.rowEnd}`:""}},Xt(this,N,"m",K).call(this,n.cell,t.row,n.column))},ut=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell)return;let l;l=n.cell.shape==r.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const s=z(l),o=E(i.absoluteHeight),a=S(i.absoluteRow),u=I(i.absoluteColumn),h={position:"absolute",width:null!==s?`${s}px`:null,"min-width":null!==s?`${s}px`:null,"max-width":null!==s?`${s}px`:null,height:null!==o?`${o}px`:null,"min-height":null!==o?`${o}px`:null,"max-height":null!==o?`${o}px`:null,top:null!==a?`${S(i.absoluteRow)}px`:null,left:null!==u?`${I(i.absoluteColumn)}px`:null,overflow:"auto"};return n.cell.data=Object.assign(Object.assign({},n.cell.data),{customStyle:(n.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),e("div",{style:h},Xt(this,N,"m",K).call(this,n.cell,t.row,n.column))},ht=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>Xt(this,N,"m",Wt).call(this,t)))}};return Xt(this,N,"m",Y).call(this,t,i)}{const i=Xt(this,N,"m",Wt).call(this,t);return Xt(this,N,"m",X).call(this,i,t.value)}})).flat()},rt=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&Xt(this,N,"m",ht).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:Xt(this,N,"m",ct).call(this,i,t,s),slotData:Xt(this,N,"m",mt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=qt.ketchup.data.cell.getType(t,t.shape),e=Xt(this,B,"f").get(n);if(!e)return;const l=this.rootElement.shadowRoot.querySelector(`${e}[id='${i.name.replace(/\//g,"\\$1")}']`);t.value&&(null==l||l.setValue(t.value))})))),this.inputPanelCells=o},ct=function(t,i,n){const e=Object.assign(Object.assign({},Xt(this,N,"m",dt).call(this,t,i,n)),{disabled:!t.editable,id:i.name}),l=qt.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==h.MULTI_AUTOCOMPLETE&&l!==h.MULTI_COMBOBOX?Xt(this,N,"m",pt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},pt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?Xt(this,N,"m",t).call(this,i[e],n[e]):n[e];return i},ft=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===r.TABLE&&(s=JSON.stringify(Xt(this,N,"m",Et).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},dt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=qt.ketchup.data.cell.getType(t,t.shape),a=new Map([[h.AUTOCOMPLETE,Xt(this,N,"m",_t).bind(this)],[h.BUTTON_LIST,Xt(this,N,"m",kt).bind(this)],[h.CHART,Xt(this,N,"m",bt).bind(this)],[h.CHIP,Xt(this,N,"m",vt).bind(this)],[h.CHECKBOX,Xt(this,N,"m",gt).bind(this)],[h.COLOR_PICKER,Xt(this,N,"m",xt).bind(this)],[h.COMBOBOX,Xt(this,N,"m",_t).bind(this)],[h.EDITOR,Xt(this,N,"m",yt).bind(this)],[h.MULTI_AUTOCOMPLETE,Xt(this,N,"m",vt).bind(this)],[h.MULTI_COMBOBOX,Xt(this,N,"m",vt).bind(this)],[h.NUMBER,Xt(this,N,"m",Mt).bind(this)],[h.DATE,Xt(this,N,"m",Ft).bind(this)],[h.OBJECT,Xt(this,N,"m",$t).bind(this)],[h.RADIO,Xt(this,N,"m",jt).bind(this)],[h.STRING,Xt(this,N,"m",wt).bind(this)],[h.SWITCH,Xt(this,N,"m",Ot).bind(this)],[h.TABLE,Xt(this,N,"m",zt).bind(this)],[h.TIME,Xt(this,N,"m",Tt).bind(this)]]).get(o);return a?a(e,l,s,t,i.name):null},mt=function(t,i){const n=qt.ketchup.data.cell.getType(t,t.shape);return t.editable?n===h.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.editable,id:i.name,fullWidth:!1}:n===h.MULTI_AUTOCOMPLETE||n===h.MULTI_COMBOBOX?Object.assign(Object.assign({},Xt(this,N,"m",_t).call(this,t.options,i.title,null,t,i.name)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.editable,id:i.name}):null:null},vt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),d(n)},bt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},kt=function(t,i,n,e,l){var s,o,a,u;return e.data=e.data||{},e.data.onClick=()=>{Xt(this,N,"m",Bt).call(this,e,l)},(null===(s=e.data)||void 0===s?void 0:s.keyShortcut)&&!(null===(o=e.data)||void 0===o?void 0:o.disabled)&&(Xt(this,V,"f").push(null===(a=e.data)||void 0===a?void 0:a.keyShortcut),Xt(this,C,"f").keysBinding.register(null===(u=e.data)||void 0===u?void 0:u.keyShortcut,e.data.onClick.bind(this))),Object.assign({label:e.value,fun:e.fun},e.data)},_t=function(t,i,n,e,l){var s,o;const a=m(n,i,[]);if(e.fun){const t=qt.ketchup.data.cell.getType(e,e.shape),i=Xt(this,P,"f").get(t);if(!i)return;i.map((t=>{const i=t=>{Xt(this,N,"m",Dt).call(this,t.detail,e.fun,a,l,n)};this.rootElement.addEventListener(t,i),Xt(this,A,"f").push({event:t,handler:i})}))}else t&&(a.data["kup-list"].data=Xt(this,N,"m",St).call(this,t,n));return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),a},gt=function(t,i,n,e,l){var s,o;let a=g(n,i);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}):a},xt=function(t,i){return{data:{"kup-text-field":{label:i}}}},yt=function(t,i,n){return{initialValue:n}},wt=function(t,i,n,e,l){var s,o,a;const u=Object.assign({label:i},e.data);return this.autoSkip&&(e.isEditable||e.editable)&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(u.onInput=t=>{Xt(this,N,"m",Kt).call(this,l,t)}),((null===(o=e.inputSettings)||void 0===o?void 0:o.checkObject)||(null===(a=e.inputSettings)||void 0===a?void 0:a.checkValueOnExit)||e.mandatory)&&(u.onBlur=()=>{Xt(this,N,"m",Lt).call(this,e,l)}),u},jt=function(t,i,n,e,l){var s,o;let a=v(n,t);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}):a},Ot=function(t,i,n){return b(n,i)},Ft=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},$t=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{initialValue:n||"",label:i||" ",value:n||"",onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}:{initialValue:n||"",label:i||" ",value:n||""}},Tt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Xt(this,N,"m",Pt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:n}},Mt=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{label:i,onBlur:()=>{Xt(this,N,"m",Lt).call(this,e,l)}}:{label:i}},zt=function(t,i,n,e,l){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(Xt(this,C,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR),null):{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},Xt(this,N,"m",dt).call(this,i.cells[e],l)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(Xt(this,C,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING),null)}catch(t){return Xt(this,C,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR),null}},Et=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(Xt(this,L,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},St=function(t,i){const n=Xt(this,D,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Xt(this,N,"m",t).call(this,i,n):[]}}))},Nt=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Xt(this,N,"m",t).call(this,i,n):[]}}))},Ct=function(t,i){return t.rows.map((t=>{var n;const e=t.fields||t.cells,[l,s]=Object.keys(e);return{id:e[l].value,value:(null===(n=e[s])||void 0===n?void 0:n.value)||e[l].value,selected:i===e[l].value}}))},Wt=function(t){return t.data&&!t.data.keyShortcut&&Xt(this,C,"f").objects.isJ1Key(t.obj?t.obj:{})&&(t.data.keyShortcut=M[t.obj.k]),Object.assign(Object.assign({},t),{data:Xt(this,N,"m",kt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Dt=function(t,i,n,e,l){t.id===e&&!1!==t.open&&this.optionsHandler(i,t.inputValue,Xt(this,N,"m",ft).call(this),t.id).then((i=>{var e;n.data["kup-list"].data=null!==(e=Xt(this,N,"m",St).call(this,i,l))&&void 0!==e?e:[],t.comp.refresh()}))},Lt=async function(t,i){var n,e,l,s,o;const a=Xt(this,N,"m",G).call(this,i);if(t.mandatory){if(Xt(this,N,"m",Rt).call(this,i,a.value?(null===(n=t.data)||void 0===n?void 0:n.error)||null:Xt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!a.value)return}else Xt(this,N,"m",Rt).call(this,i,(null===(e=t.data)||void 0===e?void 0:e.error)||null);if((null===(l=t.inputSettings)||void 0===l?void 0:l.checkObject)&&a.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Xt(this,N,"m",ft).call(this),fun:t.fun});if(!n)return void Xt(this,N,"m",Rt).call(this,i,Xt(this,C,"f").language.translate(f.INVALID_VALUE));Xt(this,N,"m",Rt).call(this,i,(null===(s=t.data)||void 0===s?void 0:s.error)||null)}(null===(o=t.inputSettings)||void 0===o?void 0:o.checkValueOnExit)&&Xt(this,N,"m",At).call(this)&&this.checkValidValueCallback({before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)},i)},Pt=function(t,i){const n=Xt(this,R,"f").get(t.shape);if(!n)return;const e=async n=>{var e,l,s,o,a;const u=Xt(this,N,"m",G).call(this,i);if(n.detail.id===i){if(t.mandatory){if(Xt(this,N,"m",Rt).call(this,i,u.value?(null===(e=t.data)||void 0===e?void 0:e.error)||null:Xt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!n.detail.value)return}else Xt(this,N,"m",Rt).call(this,i,(null===(l=t.data)||void 0===l?void 0:l.error)||null);if((null===(s=t.inputSettings)||void 0===s?void 0:s.checkObject)&&n.detail.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Xt(this,N,"m",ft).call(this),fun:t.fun});if(Xt(this,N,"m",Rt).call(this,i,n?(null===(o=t.data)||void 0===o?void 0:o.error)||null:Xt(this,C,"f").language.translate(f.INVALID_VALUE)),!n)return}(null===(a=t.inputSettings)||void 0===a?void 0:a.checkValueOnExit)&&Xt(this,N,"m",At).call(this)&&this.checkValidValueCallback({before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)},i)}};this.rootElement.addEventListener(n,e),Xt(this,A,"f").push({event:n,handler:e})},Rt=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},At=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Bt=function(t,i){t.fun?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:Xt(this,N,"m",ft).call(this)}):this.submitCb({value:{before:Object.assign({},Xt(this,L,"f")),after:Xt(this,N,"m",ft).call(this)},cell:i})},Ut=function(t,i){const n=t.find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}));if(null==n)return;const e=n["kup-get-cell-props"]().column.name;return{anchor:n,cell:this.data.rows[0].cells[e],column:this.data.columns.find((t=>t.name==e)),originalEvent:i}},Ht=function(t){const i=Xt(this,C,"f").getEventPath(t.target,this.rootElement);return Xt(this,N,"m",Ut).call(this,i,t)},Vt=function(){Xt(this,C,"f").interact.managedElements.add(Xt(this,W,"f")),Xt(this,C,"f").interact.on(Xt(this,W,"f"),_.TAP,(t=>{if(2==t.button){const i=Xt(this,N,"m",Ht).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Gt=function(){if(!Xt(this,W,"f"))return;const t=Array.from(Xt(this,W,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=Xt(this,N,"m",Jt).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=Xt(this,N,"m",Jt).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},Jt=function(t,i=!1){if(!(t&&t instanceof HTMLElement))return;const n=".mdc-text-field__input",e=i?`.mdc-text-field--error ${n}`:n,l=t.querySelector(e);if(l)return l;const s=Array.from(t.querySelectorAll("*")).filter((t=>t.shadowRoot));for(const t of s){const i=t.shadowRoot.querySelector(e);if(i)return i}},Kt=function(t,i){var n,e;const l=null==i?void 0:i.target;if(!(l&&l instanceof HTMLInputElement))return;const{maxLength:s,value:o}=l;if(!s||s<0||(null==o?void 0:o.length)<s)return;const a=Array.from(null===(n=Xt(this,W,"f"))||void 0===n?void 0:n.querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!a.length)return;const u=a.findIndex((i=>i.id===t));u<0||u===a.length-1||null===(e=a[u+1].HTMLInputElement)||void 0===e||e.focus()},Qt.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size: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-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0);--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    500px\n  )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";export{Qt as kup_input_panel}

package/dist/types/components/kup-combobox/kup-combobox.d.ts

@@ -50,7 +50,7 @@ export declare class KupCombobox {
      */
     isClearable: boolean;
     /**
-     * Lets the combobox behave as a select element.
+     * Lets the combobox behave as a select element, making the textfield readable only but interactable.
      */
     isSelect: boolean;
     /**

package/dist/types/components/kup-list/kup-list.d.ts

@@ -34,6 +34,11 @@ export declare class KupList {
      * @default ItemsDisplayMode.DESCRIPTION
      */
     displayMode: ItemsDisplayMode;
+    /**
+     * Show filter for filter elements in list
+     * @default false
+     */
+    showFilter: boolean;
     /**
      * Keeps string for filtering elements when filter mode is active
      * @default ''
@@ -119,6 +124,9 @@ export declare class KupList {
      * @param {GenericObject} props - Object containing props that will be set to the component.
      */
     setProps(props: GenericObject): Promise<void>;
+    onFilterValueChange({ detail }: {
+        detail: any;
+    }): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentWillRender(): void;

package/dist/types/components.d.ts

@@ -1329,7 +1329,7 @@ export namespace Components {
          */
         "isClearable": boolean;
         /**
-          * Lets the combobox behave as a select element.
+          * Lets the combobox behave as a select element, making the textfield readable only but interactable.
          */
         "isSelect": boolean;
         /**
@@ -3054,6 +3054,11 @@ export namespace Components {
           * @param props - Object containing props that will be set to the component.
          */
         "setProps": (props: GenericObject) => Promise<void>;
+        /**
+          * Show filter for filter elements in list
+          * @default false
+         */
+        "showFilter": boolean;
         /**
           * Displays the icons associated to each row when set to true.
           * @default false
@@ -7150,7 +7155,7 @@ declare namespace LocalJSX {
          */
         "isClearable"?: boolean;
         /**
-          * Lets the combobox behave as a select element.
+          * Lets the combobox behave as a select element, making the textfield readable only but interactable.
          */
         "isSelect"?: boolean;
         /**
@@ -8555,6 +8560,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "selectable"?: boolean;
+        /**
+          * Show filter for filter elements in list
+          * @default false
+         */
+        "showFilter"?: boolean;
         /**
           * Displays the icons associated to each row when set to true.
           * @default false

package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts

@@ -33,6 +33,7 @@ export interface FTextFieldProps extends FComponent {
     outlined?: boolean;
     quantityButtons?: boolean;
     readOnly?: boolean;
+    isSelect?: boolean;
     shaped?: boolean;
     size?: number;
     sizing?: KupComponentSizing;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.0-SNAPSHOT-20241217083229",
+    "version": "11.0.0-SNAPSHOT-20241217103126",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/ketchup/p-54d790eb.entry.js

@@ -1 +0,0 @@
-import{r as t,f as e,h as s,H as a,d as i}from"./p-b0368f88.js";import{F as o}from"./p-5d4bfad2.js";import{k as r,g as c}from"./p-54906238.js";import{c as n}from"./p-635bb4b3.js";import"./p-1bdc7796.js";import"./p-e3062c19.js";import"./p-d1c818ae.js";import"./p-5d26e46f.js";import"./p-1ee561ba.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the component."}(f||(f={}));var d,h=function(t,e,s,a){if("a"===s&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?a:"a"===s?a.call(t):a?a.value:e.get(t)};const p=class{constructor(e){t(this,e),d.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(t){return c(this,f,t)}async refresh(){e(this)}async setValue(t){this.inputValue=t}componentWillLoad(){h(this,d,"f").debug.logLoad(this,!1),h(this,d,"f").theme.register(this)}componentDidLoad(){h(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,d,"f").debug.logRender(this,!1)}componentDidRender(){h(this,d,"f").debug.logRender(this,!0)}render(){var t;const e={data:null!==(t=this.data)&&void 0!==t?t:{},inputValue:this.inputValue};return s(a,{key:"9dababac9d66c3a6c521626f55accc25c2492c35"},s("style",{key:"bf4ac3e47503231a77c632118a854972b3869215"},h(this,d,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e9b93d26c6240a39ffd8888c33689de98ab16c64",id:n},s(o,Object.assign({key:"8beec6f76a1f81faa8da2e11d8f33ee5df840700"},e))))}disconnectedCallback(){h(this,d,"f").theme.unregister(this)}get rootElement(){return i(this)}};d=new WeakMap,p.style="";export{p as kup_object_field}

package/dist/ketchup/p-5d26e46f.js

@@ -1 +0,0 @@
-import{h as e,g as t}from"./p-b0368f88.js";import{b as l}from"./p-54906238.js";import{F as i}from"./p-d1c818ae.js";const n=document.documentElement,a=(t,l)=>e("div",Object.assign({class:{"f-text-field":!0,"kup-danger":t.danger,"kup-full-height":t.fullHeight,"kup-full-width":t.fullWidth,"kup-info":t.info,"kup-light-mode":t.lightMode,"kup-secondary":t.secondary,"kup-shaped":t.shaped,"kup-success":t.success,"kup-warning":t.warning,[t.wrapperClass]:!!t.wrapperClass}},t.dataSet,{id:t.id,title:t.title}),t.leadingLabel||t.trailingLabel?e("div",{class:"mdc-form-field "+(t.leadingLabel?"mdc-form-field--align-end":"")},[o(t),d(t),e("label",null,t.label)]):[o(t),d(t)],l);function o(a){var o,d,c,r;const u=a.textArea||a.outlined;let m,f,p,v;if(a.maxLength>=256&&(a.textArea=!0),!a.label||a.leadingLabel||a.trailingLabel||(m=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},a.label),a.maxLength&&a.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},a.value.length," / ",a.maxLength):void 0)),a.icon){let i,n="";if(Object.values(l).indexOf(a.icon)>-1)n=a.icon.replace("--","");else{let e=`url('${t(`./assets/svg/${a.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}f=e("span",{style:i,onClick:a.onIconClick,class:`mdc-text-field__icon kup-icon action ${n}`})}if(a.quantityButtons){const l=`url('${t("./assets/svg/minus.svg")}') no-repeat center`,i=`url('${t("./assets/svg/plus.svg")}') no-repeat center`,n={mask:i,webkitMask:i};p=e("span",{style:{mask:l,webkitMask:l},class:"mdc-text-field__icon kup-icon action"}),v=e("span",{style:n,class:"mdc-text-field__icon kup-icon action"})}const x={color:a.error?"var(--kup-danger-color-60)":"var(--kup-warning-color-50)",resource:a.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"},g={"mdc-text-field-container":!0,"mdc-text-field-container--disabled":a.disabled},k={"is-clearable":a.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":a.disabled,"mdc-text-field--read-only":a.readOnly,"mdc-text-field--filled":!a.fullWidth&&!u,"mdc-text-field--no-label":!a.label,"mdc-text-field--fullwidth":a.fullWidth,"mdc-text-field--lightmode":a.lightMode,"mdc-text-field--outlined":u,"mdc-text-field--textarea":a.textArea,"mdc-text-field--with-leading-icon":a.icon&&!a.trailingIcon,"mdc-text-field--with-trailing-icon":a.icon&&a.trailingIcon,"mdc-text-field--with-quantity-buttons":a.quantityButtons,"mdc-text-field--error":Boolean(a.error),"mdc-text-field--alert":Boolean(a.alert),"mdc-text-field--legacy-look mdc-text-field--extra-small":a.legacyLook,[`mdc-text-field--${a.sizing||"small"}`]:!a.textArea&&!a.legacyLook,"top-right-indicator":a.showMarker};let b=a.value,h=a.quantityButtons?"number":null!==(o=a.inputType)&&void 0!==o?o:"text",w=!1;if("number"===a.inputType&&(a.decimals&&a.decimals>0||a.group)&&(h="text",w=!0),"number"===a.inputType){const e={allowNegative:null===(d=a.allowNegative)||void 0===d||d,decimal:a.decimals,group:a.group,integer:a.integers};b=s(b,e,!1)}return e("div",{class:g},a.fullWidth?void 0:m,e("div",{class:k},a.trailingIcon?void 0:f,a.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:a.disabled,maxlength:a.maxLength,value:b,autoComplete:null!==(c=a.autocomplete)&&void 0!==c?c:"off",onBlur:a.onBlur,onClick:a.onClick,onChange:a.onChange,onFocus:a.onFocus,onInput:a.onInput,onKeyDown:a.onKeyDown})):e("input",{inputmode:a.inputMode?a.inputMode:void 0,type:h,step:a.step,min:a.min,max:a.max,name:a.name,class:"mdc-text-field__input",disabled:a.disabled,placeholder:a.placeholder,maxlength:a.maxLength,size:a.size,value:b,autoComplete:null!==(r=a.autocomplete)&&void 0!==r?r:"off",onBlur:e=>{var t;if(w){const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};e.target.value=s(e.target.value,l,!0)}a.onBlur&&a.onBlur(e)},onChange:e=>{var t;if(w){const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};e.target.value=null!=a.min&&a.min>parseFloat(e.target.value)?s(a.min.toString(),l,!0):null!=a.max&&a.max<parseFloat(e.target.value)?s(a.max.toString(),l,!0):s(e.target.value,l,!0)}else null!=a.min&&a.min>parseFloat(e.target.value)?e.target.value=a.min.toString():null!=a.max&&a.max<parseFloat(e.target.value)&&(e.target.value=a.max.toString());a.onChange&&a.onChange(e)},onClick:a.onClick,onFocus:a.onFocus,onInput:a.onInput,onKeyDown:a.onKeyDown,onKeyPress:e=>{var t;if(!w)return;if(e.ctrlKey)return;if(e.key.length>1)return;const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};let i=e.target,o=i.value,d=o.substring(0,i.selectionStart),s=o.substring(i.selectionEnd,i.selectionEnd+o.length-1);n.ketchup.math.matchNumericValueWithOptions(d+e.key+s,l)||e.preventDefault()}}),a.trailingIcon?f:void 0,a.helperIcon&&a.error?e("div",{class:"mdc-error-icon"},e(i,Object.assign({},x))):a.helperIcon&&a.alert?e("div",{class:"mdc-alert-icon"},e(i,Object.assign({},x))):void 0,a.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:a.onMinusClick},p),e("button",{onClick:a.onPlusClick},v)),a.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${l.CLEAR.replace("--","")}`,onClick:a.onClearIconClick}):void 0))}function d(t){if(!1!==t.helperEnabled&&(t.error||t.alert))return e("div",{class:"mdc-text-field-helper-line"},t.helper?e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!t.helperWhenFocused}},t.helper):t.error?e("span",{class:"mdc-error-message"},t.error):t.alert?e("span",{class:"mdc-alert-message"},t.alert):void 0)}const s=function(e,t,l){let i=e;return i?"-"==i?"":n.ketchup.math.format(i,n.ketchup.math.createFormatPattern(t.group,t.decimal),l):i};export{a as F}