@sme.up/ketchup 9.6.0 → 9.6.2

package/dist/ketchup/{p-2f4055ba.entry.js → p-f353805e.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,f as a,h,H as i,d as s}from"./p-1ad7fea0.js";import{k as c,g as o,s as d}from"./p-610a03d4.js";import{c as n}from"./p-635bb4b3.js";import"./p-de07d17e.js";var l,p;!function(e){e.componentName="Sets the tag name of the component to be lazy loaded.",e.customStyle="Custom style of the component.",e.data="Sets the data of the component to be lazy loaded.",e.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(l||(l={})),function(e){e.VIEWPORT="viewport",e.PROPS="props",e.BOTH="both"}(p||(p={}));const r=class{constructor(a){e(this,a),this.kupLazyLoaded=t(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=c(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=p.BOTH,this.showPlaceholder=!0}async getProps(e){return o(this,l,e)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(e){d(this,l,e)}setObserver(){this.intObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.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 e,t,a=this.componentName;switch(this.componentName){case"kup-button":t=h("svg",{key:"443fa9b66f9c77621cb7a377eb920bc60c59bde9",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"89cf45ecbcd72a193b5a34c767870de6c29c12ca",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":t=h("svg",{key:"dd9f6feeb37d8a9e35e7666bad5a01891f35379d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"63a2e64edf16b4536a0229ea2a8bcc61b5edfd34",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":t=h("svg",{key:"974137d7bdc5d82995437999b798c5b559a4dcbf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"a74fe51dc66ed1f8780d52d99424f53cd6357877",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":t=h("svg",{key:"721b36d96e2b04b83a81cf90f3cf687983ab2cec",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{key:"58b44e235faeec04c16fd483e06f2319d06c0d46",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":t=h("svg",{key:"f3afac4818e7716418876a9aa31fccef8ec01065",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{key:"5f65fcb7cfe13a5ceb622277c0254ea5fc10cbfd",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":t=h("svg",{key:"9ef1ec66b4d9f1bfb857050c7675bc603a6e3c28",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"b7af93b41b90594b3796845fcdbfef1b58da2e9f",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":t=h("svg",{key:"927e099e9635eaa351c215038215b16c482cbb4e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"19b0203ffa92bef2fccfab60d1d371991f27e9fe",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":t=h("svg",{key:"54722f3674a50a06b25d6b522b3e6c16f17bc38f",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"4072725741e4e13718719a58a04e7b38d970474c",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:t=h("svg",{key:"6f01bf46027c471e23977744437b772389f11373",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"a06e38a7b791a7bbbfdfa214410118c354db1bba",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===p.VIEWPORT&&this.isInViewport||this.renderMode===p.PROPS&&this.data||this.renderMode===p.BOTH&&this.data&&this.isInViewport?(e=h(this.componentName,Object.assign({key:"b11a009ad63262e8fd26d8e672fecb829b89d190"},this.data,{ref:e=>this.lazyComponent=e})),a+=" kup-loaded"):this.showPlaceholder&&(e=t,a+=" kup-to-be-loaded"),h(i,{key:"c7c2773d030703d7034705075df18657481ecbe6",class:a},h("style",{key:"b83be89f8a9f9b394dba345e6b764361e890c8ed"},this.kupManager.theme.setKupStyle(this.rootElement)),h("div",{key:"262125d048ac9f2d99c2f6a3ccb99f8286a35e99",id:n},e))}disconnectedCallback(){var e;this.kupManager.theme.unregister(this),null===(e=this.intObserver)||void 0===e||e.unobserve(this.rootElement)}get rootElement(){return s(this)}};r.style=":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{r as kup_lazy}
+import{r as e,c as t,f as a,h,H as i,d as s}from"./p-1ad7fea0.js";import{k as c,g as o,s as d}from"./p-f31530fc.js";import{c as n}from"./p-635bb4b3.js";import"./p-de07d17e.js";var l,p;!function(e){e.componentName="Sets the tag name of the component to be lazy loaded.",e.customStyle="Custom style of the component.",e.data="Sets the data of the component to be lazy loaded.",e.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(l||(l={})),function(e){e.VIEWPORT="viewport",e.PROPS="props",e.BOTH="both"}(p||(p={}));const r=class{constructor(a){e(this,a),this.kupLazyLoaded=t(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=c(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=p.BOTH,this.showPlaceholder=!0}async getProps(e){return o(this,l,e)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(e){d(this,l,e)}setObserver(){this.intObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.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 e,t,a=this.componentName;switch(this.componentName){case"kup-button":t=h("svg",{key:"443fa9b66f9c77621cb7a377eb920bc60c59bde9",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"89cf45ecbcd72a193b5a34c767870de6c29c12ca",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":t=h("svg",{key:"dd9f6feeb37d8a9e35e7666bad5a01891f35379d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"63a2e64edf16b4536a0229ea2a8bcc61b5edfd34",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":t=h("svg",{key:"974137d7bdc5d82995437999b798c5b559a4dcbf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"a74fe51dc66ed1f8780d52d99424f53cd6357877",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":t=h("svg",{key:"721b36d96e2b04b83a81cf90f3cf687983ab2cec",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{key:"58b44e235faeec04c16fd483e06f2319d06c0d46",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":t=h("svg",{key:"f3afac4818e7716418876a9aa31fccef8ec01065",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{key:"5f65fcb7cfe13a5ceb622277c0254ea5fc10cbfd",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":t=h("svg",{key:"9ef1ec66b4d9f1bfb857050c7675bc603a6e3c28",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"b7af93b41b90594b3796845fcdbfef1b58da2e9f",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":t=h("svg",{key:"927e099e9635eaa351c215038215b16c482cbb4e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"19b0203ffa92bef2fccfab60d1d371991f27e9fe",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":t=h("svg",{key:"54722f3674a50a06b25d6b522b3e6c16f17bc38f",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"4072725741e4e13718719a58a04e7b38d970474c",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:t=h("svg",{key:"6f01bf46027c471e23977744437b772389f11373",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{key:"a06e38a7b791a7bbbfdfa214410118c354db1bba",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===p.VIEWPORT&&this.isInViewport||this.renderMode===p.PROPS&&this.data||this.renderMode===p.BOTH&&this.data&&this.isInViewport?(e=h(this.componentName,Object.assign({key:"b11a009ad63262e8fd26d8e672fecb829b89d190"},this.data,{ref:e=>this.lazyComponent=e})),a+=" kup-loaded"):this.showPlaceholder&&(e=t,a+=" kup-to-be-loaded"),h(i,{key:"c7c2773d030703d7034705075df18657481ecbe6",class:a},h("style",{key:"b83be89f8a9f9b394dba345e6b764361e890c8ed"},this.kupManager.theme.setKupStyle(this.rootElement)),h("div",{key:"262125d048ac9f2d99c2f6a3ccb99f8286a35e99",id:n},e))}disconnectedCallback(){var e;this.kupManager.theme.unregister(this),null===(e=this.intObserver)||void 0===e||e.unobserve(this.rootElement)}get rootElement(){return s(this)}};r.style=":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{r as kup_lazy}