@sme.up/ketchup 9.6.2 → 9.6.4

package/dist/ketchup/p-3b544027.entry.js

@@ -0,0 +1 @@
+import{r as t,f as i,h as e,H as a,d as o}from"./p-47040db6.js";import{k as s,g as n,s as l,l as h,d as p,ai as c,N as r,aj as f,U as u,c as d}from"./p-8229b97a.js";import{F as g}from"./p-c634eb82.js";import{F as m}from"./p-c0f660d6.js";import{c as k}from"./p-635bb4b3.js";import"./p-eb8ea3a6.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(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,b,t)}async refresh(){i(this)}async setProps(t){l(this,b,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(h.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!",p.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",p.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+")!",p.ERROR)}else i.push(e("div",{class:"empty"},e(m,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(h.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.",p.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:"212f73b08fa30db6822a33f61dd8d10fe5e0ae5c"},e("style",{key:"bd8dfa094092c2b010867f98d595320d59e120e8"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"29d97585aa1a3d0c8680912289153337c2c2a23c",id:k},e("div",{key:"fc73991d493f68a37690b4b9d8dbc45ff15e9c1a",class:"magic-box-wrapper"},e("div",{key:"7f27dcf3a8916ea1007a263cff3a1b835ce39612",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"2f7303dd205ad6411c73e5ec5809632b12d134ca"},this.comboboxProps())),e("kup-button",{key:"ef696124673192ca35f7b71138f061c6e09a3f70",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"09d63727c8500844e614606d5417f350cb2aebed",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"aaa1d0f9e81041dfa3669bcb1222b937760c49aa",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:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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-color);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-82694fad.entry.js → p-43ce397b.entry.js}

@@ -1 +1 @@
-import{r as t,f as s,h as i,H as e,d as h}from"./p-1ad7fea0.js";import{k as o}from"./p-f31530fc.js";import{c as l}from"./p-635bb4b3.js";import"./p-de07d17e.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:"3d9977be8424b7c7939cf1b4b5aa906407832397"},t?i("style",null,t):null,i("div",{key:"cfa7570e4e6dda26d6523ccddfe6dfb134a11d49",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-47040db6.js";import{k as o}from"./p-8229b97a.js";import{c as l}from"./p-635bb4b3.js";import"./p-eb8ea3a6.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:"77b3c9d2e379524e26961d087145fa132f978e8b"},t?i("style",null,t):null,i("div",{key:"c51b0c555daa8b00fbe2fcdc43e3f6fdd15d85ef",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-47040db6.js

@@ -0,0 +1,2 @@
+let e,n,t=!1,l=!1;const o=e=>{const n=new URL(e,de.t);return n.origin!==ae.location.origin?n.href:n.pathname},s=e=>de.t=e,i="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="http://www.w3.org/1999/xlink",r={},u=e=>"object"==(e=typeof e)||"function"===e;function a(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const f=(e,n,...t)=>{let l=null,o=null,s=!1,i=!1;const c=[],r=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!u(l))&&(l+=""),s&&i?c[c.length-1].l+=l:c.push(s?d(null,l):l),i=s)};if(r(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,p);const a=d(e,null);return a.o=n,c.length>0&&(a.i=c),a.u=o,a},d=(e,n)=>({v:0,p:e,l:n,h:null,i:null,o:null,u:null}),v={},p={forEach:(e,n)=>e.map(y).forEach(n),map:(e,n)=>e.map(y).map(n).map(h)},y=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.m,vtag:e.p,vtext:e.l}),h=e=>{if("function"==typeof e.vtag){const n=Object.assign({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),f(e.vtag,n,...e.vchildren||[])}const n=d(e.vtag,e.vtext);return n.o=e.vattrs,n.i=e.vchildren,n.u=e.vkey,n.m=e.vname,n},m=e=>te(e).$hostElement$,b=(e,n,t)=>{const l=m(e);return{emit:e=>$(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},$=(e,n,t)=>{const l=de.ce(n,t);return e.dispatchEvent(l),l},w=new WeakMap,g=e=>"sc-"+e.$,j=(e,n,t,l,o,s)=>{if(t!==l){let i=se(e,n),r=n.toLowerCase();if("class"===n){const n=e.classList,o=S(t),s=S(l);n.remove(...o.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===n){for(const n in t)l&&null!=l[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in l)t&&l[n]===t[n]||(n.includes("-")?e.style.setProperty(n,l[n]):e.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&l(e);else if(i||"o"!==n[0]||"n"!==n[1]){const a=u(l);if((i||a&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?i=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(n=r,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(n)||(f?e.removeAttributeNS(c,n):e.removeAttribute(n)):(!i||4&s||o)&&!a&&(l=!0===l?"":l,f?e.setAttributeNS(c,n,l):e.setAttribute(n,l))}else if(n="-"===n[2]?n.slice(3):se(ae,r)?r.slice(2):r[2]+n.slice(3),t||l){const o=n.endsWith(O);n=n.replace(x,""),t&&de.rel(e,n,t,o),l&&de.ael(e,n,l,o)}}},k=/\s/,S=e=>e?e.split(k):[],O="Capture",x=RegExp(O+"$"),C=(e,n,t,l)=>{const o=11===n.h.nodeType&&n.h.host?n.h.host:n.h,s=e&&e.o||r,i=n.o||r;for(l in s)l in i||j(o,l,s[l],void 0,t,n.v);for(l in i)j(o,l,s[l],i[l],t,n.v)},M=(l,o,s)=>{const i=o.i[s];let c,r,u=0;if(null!==i.l)c=i.h=fe.createTextNode(i.l);else{if(t||(t="svg"===i.p),c=i.h=fe.createElementNS(t?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",i.p),t&&"foreignObject"===i.p&&(t=!1),C(null,i,t),null!=e&&c["s-si"]!==e&&c.classList.add(c["s-si"]=e),i.i)for(u=0;u<i.i.length;++u)r=M(l,i,u),r&&c.appendChild(r);"svg"===i.p?t=!1:"foreignObject"===c.tagName&&(t=!0)}return c["s-hn"]=n,c},P=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=M(null,l,s),c&&(o[s].h=c,r.insertBefore(c,t)))},R=(e,n,t)=>{for(let l=n;l<=t;++l){const n=e[l];if(n){const e=n.h;U(n),e&&e.remove()}}},E=(e,n,t=!1)=>e.p===n.p&&(!!t||e.u===n.u),L=(e,n,l=!1)=>{const o=n.h=e.h,s=e.i,i=n.i,c=n.p,r=n.l;null===r?(t="svg"===c||"foreignObject"!==c&&t,"slot"===c||C(e,n,t),null!==s&&null!==i?((e,n,t,l,o=!1)=>{let s,i,c=0,r=0,u=0,a=0,f=n.length-1,d=n[0],v=n[f],p=l.length-1,y=l[0],h=l[p];for(;c<=f&&r<=p;)if(null==d)d=n[++c];else if(null==v)v=n[--f];else if(null==y)y=l[++r];else if(null==h)h=l[--p];else if(E(d,y,o))L(d,y,o),d=n[++c],y=l[++r];else if(E(v,h,o))L(v,h,o),v=n[--f],h=l[--p];else if(E(d,h,o))L(d,h,o),e.insertBefore(d.h,v.h.nextSibling),d=n[++c],h=l[--p];else if(E(v,y,o))L(v,y,o),e.insertBefore(v.h,d.h),v=n[--f],y=l[++r];else{for(u=-1,a=c;a<=f;++a)if(n[a]&&null!==n[a].u&&n[a].u===y.u){u=a;break}u>=0?(i=n[u],i.p!==y.p?s=M(n&&n[r],t,u):(L(i,y,o),n[u]=void 0,s=i.h),y=l[++r]):(s=M(n&&n[r],t,r),y=l[++r]),s&&d.h.parentNode.insertBefore(s,d.h)}c>f?P(e,null==l[p+1]?null:l[p+1].h,t,l,r,p):r>p&&R(n,c,f)})(o,s,n,i,l):null!==i?(null!==e.l&&(o.textContent=""),P(o,null,n,i,0,i.length-1)):null!==s&&R(s,0,s.length-1),t&&"svg"===c&&(t=!1)):e.l!==r&&(o.data=r)},U=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(U)},W=(e,n)=>{n&&!e.j&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.j=n)))},A=(e,n)=>{if(e.v|=16,!(4&e.v))return W(e,e.k),ge((()=>D(e,n)));e.v|=512},D=(e,n)=>{const t=e.S;let l;return n?(e.v|=256,e.O&&(e.O.map((([e,n])=>z(t,e,n))),e.O=void 0),l=z(t,"componentWillLoad")):l=z(t,"componentWillUpdate"),l=F(l,(()=>z(t,"componentWillRender"))),F(l,(()=>T(e,t,n)))},F=(e,n)=>N(e)?e.then(n):n(),N=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,T=async(e,n,t)=>{var l;const o=e.$hostElement$,s=o["s-rc"];t&&(e=>{const n=e.C,t=e.$hostElement$,l=n.v,o=((e,n)=>{var t;const l=g(n),o=ue.get(l);if(e=11===e.nodeType?e:fe,o)if("string"==typeof o){let s,c=w.get(e=e.head||e);if(c||w.set(e,c=new Set),!c.has(l)){{s=fe.createElement("style"),s.innerHTML=o;const n=null!==(t=de.M)&&void 0!==t?t:a(fe);null!=n&&s.setAttribute("nonce",n),e.insertBefore(s,e.querySelector("link"))}4&n.v&&(s.innerHTML+=i),c&&c.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(e);H(e,n,o,t),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const n=null!==(l=o["s-p"])&&void 0!==l?l:[],t=()=>q(e);0===n.length?t():(Promise.all(n).then(t),e.v|=4,n.length=0)}},H=(t,l,o,s)=>{try{l=l.render(),t.v&=-17,t.v|=2,((t,l,o=!1)=>{const s=t.$hostElement$,i=t.C,c=t.P||d(null,null),r=(e=>e&&e.p===v)(l)?l:f(null,null,l);if(n=s.tagName,i.R&&(r.o=r.o||{},i.R.map((([e,n])=>r.o[n]=s[e]))),o&&r.o)for(const e of Object.keys(r.o))s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.o[e]=s[e]);r.p=null,r.v|=4,t.P=r,r.h=c.h=s.shadowRoot||s,e=s["s-sc"],L(c,r,o)})(t,l,s)}catch(e){ie(e,t.$hostElement$)}return null},q=e=>{const n=e.$hostElement$,t=e.S,l=e.k;z(t,"componentDidRender"),64&e.v?z(t,"componentDidUpdate"):(e.v|=64,B(n),z(t,"componentDidLoad"),e.L(n),l||_()),e.U(n),e.j&&(e.j(),e.j=void 0),512&e.v&&we((()=>A(e,!1))),e.v&=-517},V=e=>{{const n=te(e),t=n.$hostElement$.isConnected;return t&&2==(18&n.v)&&A(n,!1),t}},_=()=>{B(fe.documentElement),we((()=>$(ae,"appload",{detail:{namespace:"ketchup"}})))},z=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){ie(e)}},B=e=>e.classList.add("hydrated"),G=(e,n,t)=>{var l;const o=e.prototype;if(n.W){e.watchers&&(n.A=e.watchers);const s=Object.entries(n.W);if(s.map((([e,[l]])=>{31&l||2&t&&32&l?Object.defineProperty(o,e,{get(){return((e,n)=>te(this).D.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=te(e),s=o.$hostElement$,i=o.D.get(n),c=o.v,r=o.S;if(t=((e,n)=>null==e||u(e)?e:4&n?"false"!==e&&(""===e||!!e):2&n?parseFloat(e):1&n?e+"":e)(t,l.W[n][0]),(!(8&c)||void 0===i)&&t!==i&&(!Number.isNaN(i)||!Number.isNaN(t))&&(o.D.set(n,t),r)){if(l.A&&128&c){const e=l.A[n];e&&e.map((e=>{try{r[e](t,i,n)}catch(e){ie(e,s)}}))}2==(18&c)&&A(o,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&l&&Object.defineProperty(o,e,{value(...n){var t;const l=te(this);return null===(t=null==l?void 0:l.F)||void 0===t?void 0:t.then((()=>{var t;return null===(t=l.S)||void 0===t?void 0:t[e](...n)}))}})})),1&t){const t=new Map;o.attributeChangedCallback=function(e,l,s){de.jmp((()=>{var i;const c=t.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(o.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const t=te(this),o=null==t?void 0:t.v;if(o&&!(8&o)&&128&o&&s!==l){const o=t.S,c=null===(i=n.A)||void 0===i?void 0:i[e];null==c||c.forEach((n=>{null!=o[n]&&o[n].call(o,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=n.A)&&void 0!==l?l:{}),...s.filter((([e,n])=>15&n[0])).map((([e,l])=>{var o;const s=l[1]||e;return t.set(s,e),512&l[0]&&(null===(o=n.R)||void 0===o||o.push([e,s])),s}))]))}}return e},I=e=>{z(e,"disconnectedCallback")},J=(e,n={})=>{var t;const l=[],o=n.exclude||[],s=ae.customElements,c=fe.head,r=c.querySelector("meta[charset]"),u=fe.createElement("style"),f=[];let d,v=!0;Object.assign(de,n),de.t=new URL(n.resourcesUrl||"./",fe.baseURI).href;let p=!1;if(e.map((e=>{e[1].map((n=>{var t;const i={v:n[0],$:n[1],W:n[2],N:n[3]};4&i.v&&(p=!0),i.W=n[2],i.N=n[3],i.R=[],i.A=null!==(t=n[4])&&void 0!==t?t:{};const c=i.$,r=class extends HTMLElement{constructor(e){super(e),oe(e=this,i),1&i.v&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),v?f.push(this):de.jmp((()=>(e=>{if(0==(1&de.v)){const n=te(e),t=n.C,l=()=>{};if(1&n.v)Q(e,n,t.N),(null==n?void 0:n.S)||(null==n?void 0:n.T)&&n.T.then((()=>{}));else{n.v|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){W(n,n.k=t);break}}t.W&&Object.entries(t.W).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let l;if(0==(32&n.v)){n.v|=32;{if(l=re(t),l.then){const e=()=>{};l=await l,e()}l.isProxied||(t.A=l.watchers,G(l,t,2),l.isProxied=!0);const e=()=>{};n.v|=8;try{new l(n)}catch(e){ie(e)}n.v&=-9,n.v|=128,e()}if(l.style){let e=l.style;const n=g(t);if(!ue.has(n)){const l=()=>{};((e,n,t)=>{let l=ue.get(e);pe&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,ue.set(e,l)})(n,e,!!(1&t.v)),l()}}}const o=n.k,s=()=>A(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,n,t)}l()}})(this)))}disconnectedCallback(){de.jmp((()=>(async()=>{if(0==(1&de.v)){const e=te(this);e.H&&(e.H.map((e=>e())),e.H=void 0),(null==e?void 0:e.S)?I(e.S):(null==e?void 0:e.T)&&e.T.then((()=>I(e.S)))}})()))}componentOnReady(){return te(this).T}};i.q=e[0],o.includes(c)||s.get(c)||(l.push(c),s.define(c,G(r,i,1)))}))})),p&&(u.innerHTML+=i),u.innerHTML+=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length){u.setAttribute("data-styles","");const e=null!==(t=de.M)&&void 0!==t?t:a(fe);null!=e&&u.setAttribute("nonce",e),c.insertBefore(u,r?r.nextSibling:c.firstChild)}v=!1,f.length?f.map((e=>e.connectedCallback())):de.jmp((()=>d=setTimeout(_,30)))},K=(e,n)=>n,Q=(e,n,t)=>{t&&t.map((([t,l,o])=>{const s=Y(e,t),i=X(n,o),c=Z(t);de.ael(s,l,i,c),(n.H=n.H||[]).push((()=>de.rel(s,l,i,c)))}))},X=(e,n)=>t=>{try{256&e.v?e.S[n](t):(e.O=e.O||[]).push([n,t])}catch(e){ie(e)}},Y=(e,n)=>4&n?fe:e,Z=e=>({passive:0!=(1&e),capture:0!=(2&e)}),ee=e=>de.M=e,ne=new WeakMap,te=e=>ne.get(e),le=(e,n)=>ne.set(n.S=e,n),oe=(e,n)=>{const t={v:0,$hostElement$:e,C:n,D:new Map};return t.F=new Promise((e=>t.U=e)),t.T=new Promise((e=>t.L=e)),e["s-p"]=[],e["s-rc"]=[],Q(e,t,n.N),ne.set(e,t)},se=(e,n)=>n in e,ie=(e,n)=>(0,console.error)(e,n),ce=new Map,re=e=>{const n=e.$.replace(/-/g,"_"),t=e.q,l=ce.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(ce.set(t,e),e[n])),ie)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ue=new Map,ae="undefined"!=typeof window?window:{},fe=ae.document||{head:{}},de={v:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},ve=e=>Promise.resolve(e),pe=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ye=[],he=[],me=(e,n)=>t=>{e.push(t),l||(l=!0,n&&4&de.v?we($e):de.raf($e))},be=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){ie(e)}e.length=0},$e=()=>{be(ye),be(he),(l=ye.length>0)&&de.raf($e)},we=e=>ve().then(e),ge=me(he,!0);export{K as F,v as H,s as a,J as b,b as c,m as d,V as f,o as g,f as h,ve as p,le as r,ee as s}

package/dist/ketchup/p-489af77f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,f as o,h as e,H as s,d as n}from"./p-47040db6.js";import{k as r,x as a,g as h,s as l,$ as c,u as p,l as b,a as d,d as u,M as x,Q as f,ak as g,U as m,D as w}from"./p-8229b97a.js";import{f as k,p as v,s as y,d as _,r as j,b as z}from"./p-8fcdf454.js";import{F as C}from"./p-c0f660d6.js";import{a as P}from"./p-61e8d573.js";import{c as M}from"./p-635bb4b3.js";import{F as A}from"./p-a46f99d4.js";import{F as R}from"./p-b3577066.js";import"./p-eb8ea3a6.js";import"./p-2d4a9235.js";import"./p-c634eb82.js";import"./p-e2bf2bb6.js";import"./p-6c888179.js";import"./p-d4a879fc.js";var I,E;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(E||(E={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var O,D,B,T,W,$,L,H,F,N=function(t,i,o,e){if("a"===o&&!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"===o?e:"a"===o?e.call(t):e?e.value:i.get(t)},G=function(t,i,o,e,s){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?s.call(t,o):s?s.value=o:i.set(t,o),o};const V=class{constructor(o){t(this,o),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),O.add(this),this.state=new S,this.kupManager=r(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],D.set(this,void 0),B.set(this,[]),T.set(this,0),W.set(this,0),$.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=E.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=this.state.sortBy,this.globalFilterValue=this.state.globalFilterValue,this.selectedRowsState=this.state.selectedRowsState,this.pageSelected=this.state.pageSelected,this.rowsPerPage=this.state.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=!1;this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,o)=>t+(o>0?";":"")+i.id),"");if(this.kupManager.objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initVisibleColumns(),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){o(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=k(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.boxContainer)}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.visibleColumns;let o=i.length,e=[],s=0;for(;o-- >0;)e.push({column:i[s++].name});t.content=e,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.visibleColumns,t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let o=null,e=null,s=null,n=null;if(t)for(let i=t.length-1;i>=0;i--){let e=t[i];e.tagName&&(e.tagName.toUpperCase(),e.classList.contains("box-object")&&(o=e),!s&&e["data-row"]&&(s=e["data-row"]))}if(o)if(o.classList.contains("f-cell")){const t=o["kup-get-cell-props"]();e=t.cell,n=t.column,s=t.row}else e=o["data-cell"],s=o["data-row"],n=p(this.visibleColumns,o.dataset.column);return{boxObject:o||null,column:n||null,cell:e||null,originalEvent:i,row:s||null}}clickHandler(t){return this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t)}contextMenuHandler(t){return this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onBoxClick({target:t},i){if(!(t instanceof HTMLElement))return;let o=t,e=o.classList;for(;!e.contains("box-object")&&!e.contains("box-section")&&!e.contains("box")&&(o=o.parentElement,null!==o);)e=o.classList;let s=null;e.contains("box-object")&&(s=o.dataset.column),this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:i,column:s}),this.multiSelection?this.onSelectionCheckChange(i):this.selectedRows=[i]}onSelectionCheckChange(t){var i=-1;for(let o=0;o<this.selectedRows.length;o++)if(this.selectedRows[o].id===t.id){i=o;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const o=this.collapsedSection[i.id];o[t.id]=!o[t.id]||!o[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,o){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:o})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=_(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=j(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const o={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let i=0;i<this.data.columns.length;i++){const e=this.data.columns[i];!1!==e.visible&&(o.cell.push(t.cells[e.name]),o.columns.push(e))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const e=t.cells[i];if(void 0!==e.cardID&&e.obj)switch(e.obj.p){case"BTN":do{o.button.push({})}while(o.button.length<e.cardID);o.button[e.cardID]={label:e.value};break;case"IMG":do{o.image.push({})}while(o.image.length<e.cardID);o.image[e.cardID]={resource:e.value};break;case"PGB":do{o.progressbar.push({})}while(o.progressbar.length<e.cardID);o.progressbar[e.cardID]={value:e.value};break;default:do{o.text.push("")}while(o.text.length<e.cardID);o.text[e.cardID]=e.value}}for(const e in t.cells)if(t.cells.hasOwnProperty(e)){const s=t.cells[e];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<o.button.length;t++)if(!Object.keys(o.button[t]).length){o.button[t]={label:s.value},i=!0;break}i||o.button.push({label:s.value});break;case"IMG":for(let t=0;t<o.image.length;t++)if(!Object.keys(o.image[t]).length){o.image[t]={resource:s.value},i=!0;break}i||o.image.push({resource:s.value});break;case"PGB":for(let t=0;t<o.progressbar.length;t++)if(!Object.keys(o.progressbar[t]).length){o.progressbar[t]={value:s.value},i=!0;break}i||o.progressbar.push({value:s.value});break;default:for(let t=0;t<o.text.length;t++)if(""===o.text[t]){o.text[t]=s.value,i=!0;break}i||o.text.push(s.value)}}return e("kup-card",Object.assign({data:o},this.cardData))}renderRow(t){const i=[...this.visibleColumns];let o=null,s=t.layout;s||(s=this.boxLayout);let n=!1;if(s){s.horizontal&&(n=!0);const e=s.sections;let r=e.length,a=0;r>0&&(o=[]);const h={horizontal:n};for(;r-- >0;)o.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(e[a++],h,t,i))}var r=!1;for(let i of this.selectedRows)i.id===t.id&&(r=!0);let a=null;this.multiSelection&&(a=e("div",{class:"box-selection"},e("kup-checkbox",{checked:r})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let o=null;if(t.actions){const i=t.actions.map(((i,o)=>e("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,o)},e("div",{class:`icon ${i.icon}`}),e("div",{class:"text"},i.text))));o=e("ul",null,i)}h=e("div",{class:"row-actions-wrapper"},e("div",{class:"row-actions-toggler"},e("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},e("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),e("div",{class:i},o)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>e("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),e("div",{class:"box-wrapper",style:t.style||{},ref:t=>N(this,B,"f").push(t)},e("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,o,l),h)}renderSection(t,i,o,s){let n=null;if(t.sections&&t.sections.length>0){const i=t.sections;let e=i.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderSection(i[r++],t,o,s))}else if(t.content){const i=t.content;let e=i.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderBoxObject({boxObject:i[r++],row:o,visibleColumns:s},!0))}else s.length>0&&(n=this.renderBoxObject({boxObject:{column:s[0].name},row:o,visibleColumns:s}));const r=this.isSectionExpanded(o,t),a=!!t.columns,h={"box-section":!0,open:r,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.flex=`0 0 ${t.dim}`,l.overflow="hidden",i.horizontal?l.maxWidth=t.dim:l.maxHeight=t.dim),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:this.kupManager.language.translate(r?b.COLLAPSE:b.EXPAND),c=e("div",{class:h,style:l},e("div",{class:i},n),e("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(o,t)}},e("div",{class:"header-content"},e("span",null,s),e(C,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:r?"toggled":""}))))}else{const i=t.title?e("h3",null,t.title):null;c=e("div",{class:h,style:l},i,n)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:o},s){const n={"box-object":!0};let r=null,a=-1;for(let i=0;i<o.length;i++)if(o[i].name===t.column){a=i;break}a>=0?(r=o[a],o.splice(a,1)):s&&(r=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!this.kupManager.objects.isEmptyKupObj(h.obj)&&(n["is-obj"]=!0,this.kupManager.debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";")),e("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:n,style:{},title:l},h&&r?e(A,Object.assign({},{cell:h,column:r,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):e("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return this.kupManager.debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(b.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let o=[];for(let t=0;t<this.kanban.columns.length;t++)try{o.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,u.WARNING)}const e={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,n=!0;for(let t=0;t<s.length;t++)if(o[t]!==s[t]){n=!1;break}if(n){e.found=!0,e.index=i;break}}e.found?t[e.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:o,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let o=0;o<t.length;o++){const s=t[o].labels,n={data:[]};for(let t=0;t<s.length;t++)n.data.push({value:s[t],id:s[t]});i.push(e("div",{class:"kanban-section"},e(P,Object.assign({},n)),t[o].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),this.kupManager.interact.on(this.boxContainer,x.TAP,(t=>{var i;if(this.hold)this.hold=!1;else switch(t.button){case 0:const o={};for(const i in t)o[i]=t[i];const e=this.clickHandler(o);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:e.row,column:null===(i=e.column)||void 0===i?void 0:i.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),this.kupManager.interact.on(this.boxContainer,x.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],o=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.visibleColumns,t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),this.kupManager.interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:o},f.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=this.kupManager.getEventPath(t,this.rootElement),o=this.getEventDetails(i);return{cell:o.cell,column:o.column,id:this.rootElement.id,row:o.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:m.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const o=this.rowsRefs[i];o&&!this.interactableDrop.includes(o)&&(this.interactableDrop.push(o),this.kupManager.interact.dropzone(o,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX}))}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?G(this,T,document.querySelector(".header").clientHeight,"f"):G(this,T,0,"f"),document.querySelector(".topbar")&&G(this,T,N(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),N(this,O,"m",H).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),N(this,O,"m",L).call(this),this.kupManager.debug.logRender(this,!0)}render(){const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.visibleColumns.map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let o={label:this.kupManager.language.translate(b.SORT_BY),trailingIcon:!0};i=e("div",{id:"sort-panel"},e("kup-combobox",{data:{"kup-text-field":o,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let o=null;this.globalFilter&&(o=e("div",{id:"global-filter"},e("kup-text-field",{fullWidth:!0,label:this.kupManager.language.translate(w.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let n=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(n=e(z,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{N(this,O,"m",F).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let r=null,a={};if(0===this.rows.length)r=e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(b.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();r=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,o=0;for(r=[];i-- >0;)r.push(this.renderRow(t[o++]))}return e(s,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:M},e("div",{class:"box-component",ref:t=>this.sectionRef=t},i,o,n,e("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},r))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,W=new WeakMap,$=new WeakMap,O=new WeakSet,L=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&N(this,D,"f").observe(N(this,B,"f")[N(this,B,"f").length-1])},H=function(){const t={threshold:0,rootMargin:"-"+N(this,T,"f")+"px 0px 0px 0px"};G(this,D,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),N(this,D,"f").unobserve(t.target)}}))}),t),"f")},F=function(){var t;let i=0;switch(this.loadMoreMode){case E.CONSTANT:i=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:i=this.loadMoreStep*(N(this,W,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:i=Math.max(N(this,$,"f"),this.loadMoreStep)*Math.min(N(this,W,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),G(this,$,i,"f"),G(this,W,(t=N(this,W,"f"),++t),"f")},V.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-background-color)\n  );--kup_box_color:var(--kup-box-color, var(--kup-text-color));--kup_box_font_family:var(--kup-box-font-family, var(--kup-font-family));--kup_box_font_size:var(--kup-box-font-size, var(--kup-font-size));--kup_box_grid_gap:var(--kup-box-grid-gap, 1em);--kup_box_hover_box_shadow:var(\n    --kup-box-hover-box-shadow,\n    0px 0px 7.5px 0px rgba(128, 128, 128, 0.5)\n  );--kup_box_primary_color_rgb:var(\n    --kup-box-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_box_transition:var(--kup-box-transition, 0.25s);display:block;font-family:var(--kup_box_font_family);font-size:var(--kup_box_font_size)}.box-component{background:var(--kup_box_background_color);transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup-border-color)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box:hover{box-shadow:var(--kup_box_hover_box_shadow)}#box-container .box-wrapper .box.selected{background-color:rgba(var(--kup_box_primary_color_rgb), 0.175)}#box-container .box-wrapper .box.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup-border-color);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-color);color:rgba(var(--kup-text-color-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 500ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-color)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(:not(.kup-borderless)) .box{border:1px solid var(--kup-border-color)}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box{padding:3px}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{margin:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{V as kup_box}