npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241017130107 → 11.0.0-SNAPSHOT-20241018090121 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241017130107 → 11.0.0-SNAPSHOT-20241018090121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/ketchup/{p-f57c4edf.entry.js → p-40b3c165.entry.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import{r as t,c as e,f as i,h as s,H as n,d as o}from"./p-d7c15b0e.js";import{k as a,a as r,g as l,s as h,b as c,c as u,d as p,e as f,F as d,f as m,h as g,i as b,j as k,l as y,m as v,n as x,o as w,p as _,q as z,r as C,t as j,u as W,v as O,w as D,x as M,y as T,G as S,S as I,z as P,A as R,B as E,C as N,D as L,E as F,H as K,L as A,P as V,I as H,T as B,J as Y,M as X,N as G,O as U,Q as q,R as J,U as Z,V as Q,W as tt,X as et,Y as it,Z as st,_ as nt,$ as ot,a0 as at,a1 as rt,a2 as lt,a3 as ht,a4 as ct,a5 as ut,a6 as pt,a7 as ft}from"./p-a670a42e.js";import{F as dt}from"./p-06fe42ee.js";import{F as mt}from"./p-c4054aba.js";import{I as gt,F as bt,K as kt,a as yt,b as vt,c as xt,d as wt,e as _t,f as zt}from"./p-68f82cb0.js";import{c as Ct}from"./p-635bb4b3.js";import{F as jt}from"./p-2b519589.js";import{F as Wt}from"./p-cc32b7a2.js";import{F as $t,a as Ot}from"./p-e3062c19.js";import{d as Dt,K as Mt,a as Tt}from"./p-029c7cbe.js";import{F as St,a as It,b as Pt,c as Rt}from"./p-0d2bf291.js";import{M as Et}from"./p-d4a879fc.js";import{F as Nt}from"./p-5d03c077.js";import{F as Lt,a as Ft,g as Kt,d as At,c as Vt,n as Ht,p as Bt,f as Yt,b as Xt,s as Gt,t as Ut,K as qt,e as Jt}from"./p-454b6065.js";import{F as Zt,p as Qt,r as te}from"./p-df055087.js";var ee;(function(t){t["allowInconsistentValues"]="When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.";t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["displayMode"]='Sets how to show the selected item value. Suported values: "code", "description", "both".';t["initialValue"]="Sets the initial value of the component.";t["inputDelay"]="Input event emission delay in milliseconds.";t["minimumChars"]="The minimum number of chars to trigger the autocomplete.";t["selectMode"]='Sets how to return the selected item value. Suported values: "code", "description", "both".';t["serverHandledFilter"]="When true, the items filter is managed server side, otherwise items filter is done client side.";t["showDropDownIcon"]="When true shows the drop-down icon, for open list."})(ee||(ee={}));var ie;(function(t){t["CODE"]="code";t["DESCRIPTION"]="description";t["DESCRIPTION_AND_CODE"]="both"})(ie||(ie={}));function se(t,e,i){if(e==gt.CODE){return t.id}if(e==gt.DESCRIPTION){return t.value}if(e==gt.DESCRIPTION_AND_CODE){return t.id+i+t.value}return t.id}function ne(t,e,i,s,n,o){const a=!!(i&&e&&e["data"]);let r="";let l="";let h=null;if(o!=null){h=o.detail.selected}if(h==null&&t!=null&&a){h=re(e,t,n,true);i.data=[...e["data"]]}if(h==null&&t==null&&e){h=oe(e)}let c=null;if(h==null){h={id:t==null?"":t,value:t==null?"":t};r=h.id;l=h.id;c=h.id}else{r=se(h,s," - ");l=se(h,n," - ");c=se(h,gt.CODE," - ")}const u=a?e["data"].find((t=>t.id===c)):null;let p=u?true:false;return{value:r,displayedValue:l,node:u,exists:p}}function oe(t){if(t["data"]){for(let e=0;e<t["data"].length;e++){if(t["data"][e].selected){return t["data"][e]}}}return null}function ae(t,e,i){if(t&&t["data"]){let s=false;let n=null;for(let o=0;o<t["data"].length;o++){if(i==true){t["data"][o].selected=false}if(!s&&t["data"][o].id.toString().toLowerCase()==e.toString().toLowerCase()){n=t["data"][o];n.selected=true;s=true}}if(s==true){return n}for(let i=0;i<t["data"].length;i++){if(t["data"][i].value.toString().toLowerCase()==e.toString().toLowerCase()){n=t["data"][i];n.selected=true;s=true;break}}if(s==true){return n}}return null}function re(t,e,i,s){if(t&&t["data"]){let n=false;let o=null;for(let a=0;a<t["data"].length;a++){let r=se(t["data"][a],i," - ");if(s==true){t["data"][a].selected=false}if(!n&&r.toString().toLowerCase()==e.toString().toLowerCase()){o=t["data"][a];o.selected=true;n=true}}if(n==true){return o}}return ae(t,e,s)}const le=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:max-content}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-50-rgb)}";const he=le;var ce=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var ue=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var pe,fe,de,me,ge,be,ke,ye,ve,xe,we,_e,ze,Ce;const je=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-autocomplete-blur",6);this.kupChange=e(this,"kup-autocomplete-change",6);this.kupClick=e(this,"kup-autocomplete-click",6);this.kupFocus=e(this,"kup-autocomplete-focus",6);this.kupInput=e(this,"kup-autocomplete-input",6);this.kupIconClick=e(this,"kup-autocomplete-iconclick",6);this.kupItemClick=e(this,"kup-autocomplete-itemclick",6);pe.add(this);fe.set(this,true);de.set(this,undefined);me.set(this,null);ge.set(this,a());be.set(this,undefined);ke.set(this,undefined);ye.set(this,null);ve.set(this,void 0);this.displayedValue=undefined;this.value="";this.alert="";this.allowInconsistentValues=false;this.customStyle="";this.data=undefined;this.disabled=false;this.displayMode=gt.DESCRIPTION;this.error="";this.icon=null;this.initialValue="";this.isClearable=false;this.inputDelay=300;this.label=null;this.leadingLabel=false;this.minimumChars=1;this.readOnly=false;this.selectMode=gt.CODE;this.serverHandledFilter=false;this.showDropDownIcon=true;this.sizing=r.MEDIUM;this.trailingIcon=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value})}onKupChange(t){ue(this,fe,true,"f");const e=ce(this,pe,"m",ze).call(this,t,true);if(e.exists||this.allowInconsistentValues){this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,node:e.node})}}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value})}onKupInput(){ue(this,fe,true,"f");const t=ce(this,pe,"m",ze).call(this,ce(this,ke,"f").value,false);ce(this,pe,"m",xe).call(this,false);if(ce(this,ke,"f").value.length>=this.minimumChars){this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,node:t.node})}}onKupIconClick(){if(ce(this,be,"f").classList.contains("toggled")){ce(this,pe,"m",we).call(this)}else{if(this.showDropDownIcon){ce(this,pe,"m",xe).call(this,true)}}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,open:ce(this,be,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id);ce(this,pe,"m",we).call(this);if(ce(this,ke,"f")){ce(this,ke,"f").focus()}this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,node:t.detail.selected})}listenKeydown(t){if(ce(this,pe,"m",_e).call(this)){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();ce(this,me,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();ce(this,me,"f").focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();ce(this,me,"f").select().then((()=>{ce(this,pe,"m",we).call(this);ce(this,ke,"f").focus()}));break;case"Escape":t.preventDefault();t.stopPropagation();ce(this,pe,"m",we).call(this);break}}else{switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();ce(this,pe,"m",xe).call(this,false);ce(this,me,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();ce(this,pe,"m",xe).call(this,false);ce(this,me,"f").focusPrevious();break}}}async getProps(t){return l(this,ee,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){ce(this,ke,"f").focus()}async setProps(t){h(this,ee,t)}async setValue(t){ue(this,fe,true,"f");ce(this,pe,"m",ze).call(this,t,true)}componentWillLoad(){ce(this,ge,"f").debug.logLoad(this,false);ce(this,ge,"f").theme.register(this);ue(this,fe,true,"f");this.value=this.initialValue;if(!this.data){this.data={"kup-list":{},"kup-text-field":{}}}}componentDidLoad(){ce(this,pe,"m",ze).call(this,this.value,true);ce(this,ge,"f").debug.logLoad(this,true)}componentWillRender(){ce(this,ge,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){ue(this,be,e,"f");ue(this,ke,e.querySelector("input"),"f");mt(e)}}ce(this,ge,"f").debug.logRender(this,true)}render(){const t={alert:this.alert,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,error:this.error,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,readOnly:this.readOnly,sizing:this.sizing,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false};const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");return s(n,{key:"28638ab8423ee6f83a07d87237c824e4acff76c5",class:`${e?"kup-full-height":""} ${i?"kup-full-width":""}`,style:ce(this,de,"f")},s("style",{key:"55ca9795eab45be7b321657d8d234bc2f37594ca"},ce(this,ge,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"6f89c245ddbd8320c5386a7d03717e2a765f247e",id:Ct,style:ce(this,de,"f")},s(dt,Object.assign({key:"498afd4398e617248540a172f985a27c825bb94b"},t,{icon:this.showDropDownIcon?c.DROPDOWN:null,trailingIcon:true},this.data["kup-text-field"],{disabled:this.disabled,fullHeight:e,fullWidth:i,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>{window.clearTimeout(ce(this,ve,"f"));ue(this,ve,window.setTimeout((()=>this.onKupInput()),this.inputDelay),"f")},onIconClick:()=>this.onKupIconClick()}))),ce(this,pe,"m",Ce).call(this))}disconnectedCallback(){if(ce(this,me,"f")){ce(this,ge,"f").dynamicPosition.unregister([ce(this,me,"f")]);ce(this,me,"f").remove()}ce(this,ge,"f").theme.unregister(this)}get rootElement(){return o(this)}};fe=new WeakMap,de=new WeakMap,me=new WeakMap,ge=new WeakMap,be=new WeakMap,ke=new WeakMap,ye=new WeakMap,ve=new WeakMap,pe=new WeakSet,xe=function t(e){if(e!=true&&ce(this,ke,"f").value.length<this.minimumChars){ce(this,pe,"m",we).call(this);return false}const i=this.error.trim().length>0;const s=this.alert.trim().length>0;const n=i||s?-20:0;ce(this,be,"f").classList.add("toggled");ce(this,me,"f").menuVisible=true;const o=ce(this,me,"f").style;o.height="auto";o.minWidth=ce(this,be,"f").clientWidth+"px";if(ce(this,ge,"f").dynamicPosition.isRegistered(ce(this,me,"f"))){ce(this,ge,"f").dynamicPosition.changeAnchor(ce(this,me,"f"),ce(this,be,"f"))}else{ce(this,ge,"f").dynamicPosition.register(ce(this,me,"f"),ce(this,be,"f"),n,u.AUTO,true)}ce(this,ge,"f").dynamicPosition.start(ce(this,me,"f"));if(!ce(this,ye,"f")){ue(this,ye,{cb:()=>{ce(this,pe,"m",we).call(this)},el:ce(this,me,"f")},"f")}ce(this,ge,"f").addClickCallback(ce(this,ye,"f"),true);return true},we=function t(){ce(this,be,"f").classList.remove("toggled");ce(this,me,"f").menuVisible=false;ce(this,ge,"f").dynamicPosition.stop(ce(this,me,"f"));ce(this,ge,"f").removeClickCallback(ce(this,ye,"f"))},_e=function t(){return ce(this,me,"f").menuVisible==true},ze=function t(e,i){if(!ce(this,fe,"f")){return}ue(this,fe,false,"f");const s=ne(e,this.data["kup-list"],ce(this,me,"f"),this.selectMode,this.displayMode);if(s.exists||this.allowInconsistentValues){if(i){this.value=s.value;this.displayedValue=s.displayedValue}if(ce(this,me,"f")!=null&&!this.serverHandledFilter){ce(this,me,"f").filter=s.value}}else{this.displayedValue=e;if(ce(this,me,"f")!=null&&!this.serverHandledFilter){ce(this,me,"f").filter=s.value}}return s},Ce=function t(){return s("kup-list",Object.assign({displayMode:this.displayMode},this.data["kup-list"],{isMenu:true,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>ue(this,me,t,"f")}))};je.style=he;var We;(function(t){t["customStyle"]="Custom style of the component.";t["imageData"]="The data of the image displayed inside the badge.Props of the sub-components.";t["text"]="The text displayed inside the badge.Defaults at false. When set to true, the component is disabled."})(We||(We={}));var $e;(function(t){t["SUCCESS"]="success";t["INFO"]="info";t["ERROR"]="error";t["WARNING"]="warning"})($e||($e={}));const Oe=".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_badge_border_width:var(--kup-badge-border-width, 1px);--kup_badge_border_style:var(--kup-badge-border-style, solid);--kup_badge_border_color:var(--kup-badge-border-color, transparent);--kup_badge_border_radius:var(--kup-badge-border-radius, 30px);--kup_badge_font_family:var(--kup-badge-font-family, var(--kup-font-family));--kup_badge_font_size:var(--kup-badge-font-size, var(--kup-font-size));--kup_badge_min_size:var(--kup-badge-min-size, 1.5em);--kup_badge_padding:var(--kup-badge-padding, 0.45em);--kup_badge_primary_color:var(\n    --kup-badge-primary-color,\n    var(--kup-primary-color)\n  );--kup_badge_text_on_primary_color:var(\n    --kup-badge-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_badge_font_family);font-size:var(--kup_badge_font_size);position:absolute;top:0;left:0;transform:translate(15%, 15%)}#kup-component{background-color:var(--kup_badge_primary_color);border-width:var(--kup_badge_border_width);border-style:var(--kup_badge_border_style);border-color:var(--kup_badge_border_color);border-radius:var(--kup_badge_border_radius);color:var(--kup_badge_text_on_primary_color);font-size:0.625em;min-height:var(--kup_badge_min_size);min-width:var(--kup_badge_min_size);padding:var(--kup_badge_padding) calc(var(--kup_badge_padding));text-align:center;display:flex;justify-content:center;align-items:center}#kup-component .f-image{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);height:inherit;width:inherit}:host(.kup-top-right){top:0;right:0;bottom:unset;left:unset;transform:translate(-15%, 15%)}:host(.kup-bottom-right){top:unset;right:0;bottom:0;left:unset;transform:translate(-15%, -15%)}:host(.kup-bottom-left){top:unset;right:unset;bottom:0;left:0;transform:translate(15%, -15%)}#kup-component.error{background-color:var(--kup-error-color-20);color:var(--kup-error-color-70)}#kup-component.info{background-color:var(--kup-info-color-20);color:var(--kup-info-color-70)}#kup-component.success{background-color:var(--kup-success-color-20);color:var(--kup-success-color-70)}#kup-component.warning{background-color:var(--kup-warning-color-20);color:var(--kup-warning-color-70)}";const De=Oe;const Me=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-badge-click",6);this.kupManager=a();this.customStyle="";this.imageData=null;this.type=$e.INFO;this.text=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,We,t)}async refresh(){i(this)}async setProps(t){h(this,We,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){let t=null;if(!this.text&&this.imageData){if(!this.imageData.sizeX){this.imageData.sizeX="1em"}if(!this.imageData.sizeY){this.imageData.sizeY="1em"}if(!this.imageData.color){this.imageData.color=`var(${p.TEXT_ON_PRIMARY})`}t=s(jt,Object.assign({key:"e197fe483155d3b48e73631cbd8324020ce1e5af"},this.imageData))}return s(n,{key:"1fd717df3a80c057702ffcb7c8f131bf52668be2"},s("style",{key:"3308fe9e61f97234547a6dcbce3a95d2b024430e"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"bcab60d2ee96e3a74216695af0b32c8f139eb188",id:Ct,class:this.type,onClick:()=>this.onKupClick()},this.text,t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Me.style=De;var Te;(function(t){t["buttonType"]="Sets the type of the button.";t["checked"]="When set to true, the icon button state will be on.";t["customStyle"]="Custom style of the component.";t["contentAlign"]="Manage the align contents of the button. It could be right, left, center, around, evenly, between. Center is the default";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["icon"]="When set, the button will show this icon.";t["iconOff"]="When set, the icon button off state will show this icon. Otherwise, an outlined version of the icon prop will be displayed.";t["label"]="When set, the button will show this text.";t["placeholderIcon"]="When set, the button will show this icon, if icon/image not found.";t["styling"]='Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default.';t["showSpinner"]="When set to true, the button show a spinner received in slot.";t["toggable"]="When set to true, the icon button will be toggable on/off.";t["trailingIcon"]="When set, the icon will be shown after the text."})(Te||(Te={}));const Se=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:max-content}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}";const Ie=Se;const Pe=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-button-blur",6);this.kupClick=e(this,"kup-button-click",6);this.kupFocus=e(this,"kup-button-focus",6);this.kupManager=a();this.value="";this.buttonType=null;this.checked=false;this.contentAlign=$t.CENTER;this.customStyle="";this.disabled=false;this.icon=null;this.iconOff=null;this.label=null;this.blackMode=false;this.placeholderIcon=null;this.styling=Ot.RAISED;this.showSpinner=false;this.toggable=false;this.trailingIcon=false;this.sizing=r.MEDIUM;this.keyShortcut=undefined}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupClick(){if(!this.label&&this.icon){if(this.checked){this.checked=false;this.value="off"}else{this.checked=true;this.value="on"}}else{this.value="N/A"}this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}async getProps(t){return l(this,Te,t)}async refresh(){i(this)}async setProps(t){h(this,Te,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(!this.label&&this.icon){if(this.checked){this.value="on"}else{this.value="off"}}else{this.value="N/A"}if(this.keyShortcut&&!this.disabled){this.kupManager.keysBinding.register(this.keyShortcut,this.onKupClick.bind(this))}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={buttonType:this.buttonType,checked:this.checked,contentAlign:this.contentAlign,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,fullHeight:this.rootElement.classList.contains("kup-full-height")?true:false,fullWidth:this.rootElement.classList.contains("kup-full-width")?true:false,icon:this.icon,iconOff:this.iconOff,placeholderIcon:this.placeholderIcon,info:this.rootElement.classList.contains("kup-info")?true:false,label:this.label,large:this.rootElement.classList.contains("kup-large")?true:false,blackMode:this.blackMode,neutral:this.rootElement.classList.contains("kup-neutral")?true:false,pulsating:this.rootElement.classList.contains("kup-pulsating")?true:false,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,shaped:this.rootElement.classList.contains("kup-shaped")?true:false,slim:this.rootElement.classList.contains("kup-slim")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,sizing:this.sizing,styling:this.styling,showSpinner:this.showSpinner,title:this.rootElement.title,toggable:this.toggable,trailingIcon:this.trailingIcon,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus()};if(!this.label&&!this.icon){this.kupManager.debug.logMessage(this,"Empty button.",f.WARNING);return}return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct},s(Wt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this);if(this.keyShortcut){this.kupManager.keysBinding.unregister(this.keyShortcut)}}get rootElement(){return o(this)}};Pe.style=Ie;var Re;(function(t){t["blackMode"]="Forced component on a black background. It prescinds the theme";t["contentAlign"]="Manage the align contents of the button. It could be right, left, center, around, evenly, between. Center is the default";t["columns"]="Number of columns.";t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="When set to true, the sub-components are disabled.";t["showSelection"]="When set to true, highlights the selected button with the secondary color of KupTheme.";t["styling"]='Defines the style of the buttons. Available styles are "flat", "outlined" and "raised" (which is the default).'})(Re||(Re={}));const Ee=".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_buttonlist_grid_gap:var(--kup-buttonlist-grid-gap, 2px);--kup_buttonlist_selected_primary_color:var(\n    --kup-buttonlist-selected-primary-color,\n    var(--kup-secondary-color)\n  );--kup_buttonlist_selected_primary_color_h:var(\n    --kup-buttonlist-selected-primary-color-h,\n    var(--kup-secondary-color-h)\n  );--kup_buttonlist_selected_primary_color_s:var(\n    --kup-buttonlist-selected-primary-color-s,\n    var(--kup-secondary-color-s)\n  );--kup_buttonlist_selected_primary_color_l:var(\n    --kup-buttonlist-selected-primary-color-l,\n    var(--kup-secondary-color-l)\n  );--kup_buttonlist_selected_primary_color_rgb:var(\n    --kup-buttonlist-selected-primary-color-rgb,\n    var(--kup-secondary-color-rgb)\n  );--kup_buttonlist_selected_text_on_primary_color:var(\n    --kup-buttonlist-selected-text-on-primary-color,\n    var(--kup-text-on-secondary-color)\n  );display:block}.button-list--container{display:grid;grid-gap:var(--kup_buttonlist_grid_gap);grid-template-columns:var(--kup_buttonlist_grid_columns);width:max-content}:host(.kup-full-width){width:100%}:host(.kup-full-width) .button-list--container{width:100%}:host(.kup-danger){--kup-button-primary-color:var(--kup-danger-color-60);--kup-button-primary-color-h:var(--kup-danger-color-h);--kup-button-primary-color-s:var(--kup-danger-color-s);--kup-button-primary-color-l:var(--kup-danger-color-l);--kup-button-primary-color-rgb:var(--kup-danger-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-info){--kup-button-primary-color:var(--kup-info-color);--kup-button-primary-color-h:var(--kup-info-color-h);--kup-button-primary-color-s:var(--kup-info-color-s);--kup-button-primary-color-l:var(--kup-info-color-l);--kup-button-primary-color-rgb:var(--kup-info-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-secondary){--kup-button-primary-color:var(--kup-secondary-color);--kup-button-primary-color-h:var(--kup-secondary-color-h);--kup-button-primary-color-s:var(--kup-secondary-color-s);--kup-button-primary-color-l:var(--kup-secondary-color-l);--kup-button-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-button-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-button-primary-color:var(--kup-success-color);--kup-button-primary-color-h:var(--kup-success-color-h);--kup-button-primary-color-s:var(--kup-success-color-s);--kup-button-primary-color-l:var(--kup-success-color-l);--kup-button-primary-color-rgb:var(--kup-success-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-warning){--kup-button-primary-color:var(--kup-warning-color-50);--kup-button-primary-color-h:var(--kup-warning-color-h);--kup-button-primary-color-s:var(--kup-warning-color-s);--kup-button-primary-color-l:var(--kup-warning-color-l);--kup-button-primary-color-rgb:var(--kup-warning-color-rgb);--kup-button-text-on-primary-color:white}";const Ne=Ee;const Le=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-buttonlist-click",6);this.kupManager=a();this.selected="";this.blackMode=false;this.contentAlign=$t.CENTER;this.columns=0;this.customStyle="";this.data=[];this.disabled=false;this.showSelection=true;this.sizing=r.SMALL;this.styling=Ot.RAISED}onKupClick(t,e){this.selected=t;this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:e,obj:this.getObjForEvent(t,e)})}onDropDownItemClick(t,e){this.selected=e;this.onKupClick(e,t.detail.value)}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",f.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return l(this,Re,t)}async refresh(){i(this)}async setProps(t){h(this,Re,t)}renderButton(t,e){if(t===null){this.kupManager.debug.logMessage(this,"Empty data button.",f.WARNING);return null}const i=this.prepareDataFromTreeNode(t,e);if(!i.label&&!i.icon){this.kupManager.debug.logMessage(this,"Empty button.",f.WARNING);return null}const n={blackMode:i.blackMode,contentAlign:i.contentAlign,checked:i.checked,disabled:i.disabled,fullHeight:i.fullHeight,fullWidth:i.fullWidth,icon:i.icon,iconOff:i.iconOff,placeholderIcon:i.placeholderIcon,id:i.id,label:i.label,large:i.large,neutral:this.rootElement.classList.contains("kup-neutral")?true:false,shaped:i.shaped,sizing:i.sizing,styling:i.styling,toggable:i.toggable,trailingIcon:i.trailingIcon,title:i.title,wrapperClass:this.rootElement.className+" "+i.wrapperClass,onClick:()=>this.onKupClick(i.id,"-1")};return s(Wt,Object.assign({},n))}renderDropdownButton(t,e){if(t===null){this.kupManager.debug.logMessage(this,"Empty data dropdown button.",f.WARNING);return null}const i=this.prepareDataFromTreeNode(t,e);if(!i.label&&!i.icon&&!(t===null||t===void 0?void 0:t.data.dropdownOnly)){this.kupManager.debug.logMessage(this,"Empty dropdown button.",f.WARNING);return null}i.data={"kup-list":{data:this.getKupListDataForChildren(t.children),showIcons:true}};i.styling=i.id===this.selected?"raised":i.styling;i.contentalign=i.contentalign;return s("kup-dropdown-button",Object.assign({class:this.rootElement.className+" "+i.wrapperClass},i,{"onkup-dropdownbutton-click":()=>this.onKupClick(e.toString(),"-1"),"onkup-dropdownbutton-itemclick":t=>this.onDropDownItemClick(t,e.toString())}))}prepareDataFromTreeNode(t,e){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(this.blackMode==true){i.blackMode=true}if(this.disabled==true||t.disabled==true){i.disabled=true}if(this.styling!=null&&this.styling.trim()!=""){i.styling=this.styling}if(this.sizing!=null){i.sizing=this.sizing}if(this.contentAlign){i.contentAlign=this.contentAlign}if(i.icon==null){i.icon=t.icon}if(i.placeholderIcon==null){i.placeholderIcon=t.placeholderIcon}if(i.label==null){i.label=t.value}i.fullHeight=this.rootElement.classList.contains("kup-full-height")?true:false;i.fullWidth=this.rootElement.classList.contains("kup-full-width")?true:false;i.id=e.toString();i.large=this.rootElement.classList.contains("kup-large")?true:false;i.pulsating=this.rootElement.classList.contains("kup-pulsating")?true:false;i.shaped=this.rootElement.classList.contains("kup-shaped")?true:false;i.slim=this.rootElement.classList.contains("kup-slim")?true:false;if(!i.wrapperClass){i.wrapperClass=""}if(this.selected==i.id){i.wrapperClass=i.wrapperClass+" selected"}return i}getKupListDataForChildren(t){const e=[];for(let i=0;i<t.length;i++){const s=t[i];e.push({icon:s.icon,placeholderIcon:s.placeholderIcon,id:i.toString(),value:s.value})}return e}getObjForEvent(t,e){let i=Number(t);let s=-1;if(e!=null&&e.trim()!=""){s=Number(e)}let n=this.data[i];if(s!=-1){return n.children[s].obj}return n.obj}renderButtons(){if(this.data==null||this.data.length<1){return null}const t=[];for(let e=0;e<this.data.length;e++){const i=this.data[e];let s=null;if(i.children!=null&&i.children.length>0){s=this.renderDropdownButton(i,e)}else{s=this.renderButton(i,e)}if(s){t.push(s)}}return t}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderButtons();let e=this.columns;if(this.data!=null&&this.data.length>0&&e<=0){e=this.data.length}const i={"--kup_buttonlist_grid_columns":`repeat(${e}, auto)`};const o={"button-list--container":true,"show-selection":this.showSelection&&this.selected?true:false};return s(n,{key:"ecd1414112bdde5f1766f3c43b590e5e70851e71",style:i},s("style",{key:"149c3fda58255a6d3622d39f78c34709784c8c48"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"96c8848d14bab997dc47a5524d95318c6c5d15d0",id:Ct},s("div",{key:"d65aedcb07f673e606119682878f3df22d8a6619",class:o},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["checkDataset"]}}};Le.style=Ne;const Fe=document.documentElement;function Ke(t){const e=[];for(let i=0;i<t.data.cell.length;i++){const n=t.data.cell[i];const o=t.data.columns[i];const a={cell:n,column:o,component:t,density:m.NONE,renderKup:true,row:{cells:{[o.name]:n}}};e.push(s("tr",null,s("td",{class:"label"},o.title),s("td",{class:"value"},s(bt,Object.assign({},a)))))}return s("div",{class:`box-layout-${t.layoutNumber}`},s("table",null,e))}function Ae(t){const e=[];for(let i=0;i<t.data.cell.length;i++){const n=t.data.cell[i];const o=t.data.columns[i];const a={cell:n,column:o,component:t,density:m.NONE,renderKup:true,row:{cells:{[o.name]:n}}};a.cell.cssClass=a.cell.cssClass?a.cell.cssClass+" c-right-aligned":"c-right-aligned";e.push(s("tr",null,s("td",{class:"label"},o.title),s("td",{class:"value"},s(bt,Object.assign({},a)))))}return s("div",{class:`box-layout-${t.layoutNumber}`},s("table",null,e))}function Ve(t){const e=[];for(let i=0;i<t.data.cell.length;i++){const n=t.data.cell[i];const o=t.data.columns[i];const a={cell:n,column:o,component:t,density:m.NONE,renderKup:true,row:{cells:{[o.name]:n}}};e.push(s("div",{class:"flex-container"},s("div",{class:"label"},o.title),s("div",{class:"value"},s(bt,Object.assign({},a)))))}return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},e))}function He(t){var e;const i=t.data.cell;const n=t.data.columns;let o=null;let a=null;for(let t=0;t<i.length;t++){const s=i[t];const n=Fe.ketchup.objects.isImage(s.obj)||Fe.ketchup.objects.isIcon(s.obj)||((e=s.shape)===null||e===void 0?void 0:e.toUpperCase())===d.IMAGE;if(!o&&n){o=t;if(!s.data){s.data={resource:s.value}}}if(!a&&!n){a=t}}const r={};if(o&&n[o]){r[n[o].name]=i[o]}const l={cell:i[o],column:n[o],component:t,density:m.NONE,renderKup:true,row:{cells:r},wrapperClass:"c-centered"};const h={};if(a&&n[a]){h[n[a].name]=i[a]}const c={cell:i[a],column:n[a],component:t,density:m.NONE,renderKup:true,row:{cells:h},wrapperClass:"c-centered"};return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},s("div",{class:"image"},o&&s(bt,Object.assign({},l))),s("div",{class:"value"},a&&s(bt,Object.assign({},c)))))}function Be(t){var e;const i=t.data.cell;const n=t.data.columns;const o=[];let a=null;for(let r=0;r<i.length;r++){const l=i[r];const h=t.data.columns[r];const c=Fe.ketchup.objects.isImage(l.obj)||Fe.ketchup.objects.isIcon(l.obj)||((e=l.shape)===null||e===void 0?void 0:e.toUpperCase())===d.IMAGE;if(!a&&c){a={cell:i[r],column:n[r],component:t,density:m.NONE,renderKup:true,row:{cells:{[n[r].name]:i[r]}},wrapperClass:"c-centered"};if(!l.data){l.data={resource:l.value}}}else{const e={cell:l,column:h,component:t,density:m.NONE,renderKup:true,row:{cells:{[h.name]:l}}};o.push(s("tr",null,s("td",{class:"label"},h.title),s("td",{class:`value`},s(bt,Object.assign({},e)))))}}return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},a?s("div",{class:"image"},s(bt,Object.assign({},a))):null,s("div",{class:"table"},s("table",null,o))))}function Ye(t){var e;const i=t.data.cell;const n=t.data.columns;const o=[];let a=null;for(let n=0;n<i.length;n++){const r=i[n];const l=t.data.columns[n];const h=Fe.ketchup.objects.isImage(r.obj)||Fe.ketchup.objects.isIcon(r.obj)||((e=r.shape)===null||e===void 0?void 0:e.toUpperCase())===d.IMAGE;if(!a&&h){a=n;if(!r.data){r.data={resource:r.value}}}else{const e={cell:r,column:l,component:t,density:m.NONE,renderKup:true,row:{cells:{[l.name]:r}}};o.push(s("tr",null,s("td",{class:"label"},l.title)));o.push(s("tr",null,s("td",{class:`value`},s(bt,Object.assign({},e)))))}}const r={};if(a&&n[a]){r[n[a].name]=i[a]}const l={cell:i[a],column:n[a],component:t,density:m.NONE,renderKup:true,row:{cells:r},wrapperClass:"c-centered"};return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},s("div",{class:"image"},a&&s(bt,Object.assign({},l))),s("div",{class:"table"},s("table",null,o))))}function Xe(t){return Be(t)}function Ge(t){return Ye(t)}const Ue=Object.freeze({__proto__:null,create1:Ke,create2:Ae,create3:Ve,create4:He,create5:Be,create6:Ye,create7:Xe,create8:Ge});var qe;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["firstDayIndex"]="First day number (0 - sunday, 1 - monday, ...)";t["initialValue"]="Sets the initial value of the component";t["sizing"]="Sets the size of the component. Medium is the default";t["showIcon"]="You can set if u want to show the calendar icon to toggle date-picker. True is the default";t["showPreviousNextMonthDays"]="You can set if show the previous/next month days in calendar"})(qe||(qe={}));var Je;(function(t){t["DATE"]="date";t["MONTH"]="month";t["YEAR"]="year"})(Je||(Je={}));const Ze=document.documentElement;const Qe=a();function ti(t){const e=t.rootElement;if(!e.kupData)e.kupData={};if(t.data&&t.data.options){const i=t.data.options;if(i.resetStatus){e.kupData={};const s=i.initialValue;if(i.initialValue){if(s&&s.k){ei(t,new Date(s.k))}else{ei(t,new Date(i.initialValue))}}if(i.firstDayIndex!==null&&i.firstDayIndex!==undefined){e.kupData.firstDayIndex=i.firstDayIndex}if(i.showPreviousNextMonthDays!=null&&i.showPreviousNextMonthDays!==undefined){e.kupData.showPreviousNextMonthDays=i.showPreviousNextMonthDays}i.resetStatus=false}}if(!e.kupData.value)ei(t,new Date);const i=Ze.ketchup.dates.getMonthsAsString();const n=oi(t);const o=ni(t);const a=yi(n);const r=a.initYear;const l=a.endYear;let h="not-set";switch(ui(t)){case Je.DATE:{h=i[o]+", "+n.toString();break}case Je.MONTH:{h=n.toString();break}case Je.YEAR:{h=r.toString()+" - "+l.toString();break}}const c={icon:"chevron_left",wrapperClass:"prev-page",onClick:()=>bi(t)};const u=s(Wt,Object.assign({},c));const p={icon:"chevron_right",wrapperClass:"next-page",onClick:()=>ki(t)};const f=s(Wt,Object.assign({},p));const d={wrapperClass:"change-view-button kup-neutral",styling:Ot.FLAT,label:h,onClick:()=>vi(t),id:"change-view-button"};const m={icon:"calendar",wrapperClass:"today-navigation-button kup-neutral",styling:Ot.FLAT,title:Qe.language.translate(g.TODAY),onClick:()=>zi(t)};return s("div",{id:t.rootElement.id+"_calendar"},s("div",{class:"section-1"},s("div",{class:"sub-1 nav"},u,s(Wt,Object.assign({},m)),s(Wt,Object.assign({},d)),f)),s("div",{class:"section-2"},fi(t)))}function ei(t,e){if(!(e instanceof Date)||isNaN(e.getTime())){e=new Date}const i=t.rootElement;i.kupData.value=e;i.kupData.day=i.kupData.value.getDate();i.kupData.month=i.kupData.value.getMonth();i.kupData.year=i.kupData.value.getFullYear()}function ii(t){const e=t.rootElement;if(e.kupData.value==null)ei(t,new Date);return e.kupData.value}function si(t){const e=t.rootElement;if(e.kupData.day!=null)return e.kupData.day;return null}function ni(t){const e=t.rootElement;if(e.kupData.month!=null)return e.kupData.month;return null}function oi(t){const e=t.rootElement;if(e.kupData.year!=null)return e.kupData.year;return null}function ai(t,e){const i=t.rootElement;i.kupData.day=e}function ri(t,e){const i=t.rootElement;i.kupData.month=e}function li(t,e){const i=t.rootElement;i.kupData.year=e}function hi(t){const e=t.rootElement;if(e.kupData.firstDayIndex!==null&&e.kupData.firstDayIndex!==undefined)return e.kupData.firstDayIndex;return 1}function ci(t){const e=t.rootElement;if(e.kupData.showPreviousNextMonthDays!==null&&e.kupData.showPreviousNextMonthDays!==undefined)return e.kupData.showPreviousNextMonthDays;return true}function ui(t){const e=t.rootElement;if(e.kupData.calendarView)return e.kupData.calendarView;return Je.DATE}function pi(t,e){const i=t.rootElement;i.kupData.calendarView=e}function fi(t){switch(ui(t)){case Je.DATE:{return di(t)}case Je.MONTH:{return mi(t)}case Je.YEAR:{return gi(t)}}}function di(t){const e=Ze.ketchup.dates.getDaysOfWeekAsString(hi(t));const i=ii(t);const n=si(t);const o=ni(t);const a=oi(t);const r=[];const l=[];for(let t=0;t<e.length;t++){r.push(s("th",null,s("span",{class:"item-text"},e[t])))}const h=new Date(a,o,1);const c=new Date(a,o+1,0);const u=new Date;const p=new Date(a,o,0);const f=false;let d=hi(t);const m=h.getDay();let g=[];let k=0;const y=ci(t);let v=0;while(!f){if(d==m){break}g.unshift(s("td",{class:"item-disabled"},s("span",{class:"item-number"},y?p.getDate()-v++:"")));d++;k++;if(d>6){d=0}}let x=1;while(x<=c.getDate()){let e=k;for(let r=k;r<7;r++){let l="item";let h={"data-index":a.toString()+"-"+b((o+1).toString(),"0",2,true)+"-"+b(x.toString(),"0",2,true)};if(n!=null&&x===n||x===i.getDate()&&o===i.getMonth()&&a===i.getFullYear()){l+=" selected"}let p="item-number";if(u.getFullYear()==a&&u.getMonth()==o&&u.getDate()==x){p+=" today"}g.push(s("td",{class:l},s("span",Object.assign({},h,{class:p,onClick:()=>{_i(t,h["data-index"])}}),x)));x++;e=r;if(x>c.getDate()){break}}let r=1;for(let t=e+1;t<7;t++){g.push(s("td",{class:"item-disabled"},s("span",{class:"item-number"},y?r++:"")))}if(g.length>0){l.push(s("tr",null,g));g=[]}k=0}return s("div",null,s("table",{class:"calendar"},s("thead",null,r),s("tbody",null,l)))}function mi(t){const e=Ze.ketchup.dates.getMonthsAsString(Dt.SHORT);let i=si(t);const n=ni(t);const o=oi(t);if(i==null)i=1;const a=[];let r=[];let l=0;while(l<12){for(let a=0;a<4;a++){let a="item";const h={"data-index":o.toString()+"-"+b((l+1).toString(),"0",2,true)+"-"+b(i.toString(),"0",2,true)};if(l===n){a+=" selected"}r.push(s("td",{class:a},s("span",Object.assign({},h,{class:"item-number",onClick:()=>{wi(t,h["data-index"])}}),e[l])));l++}if(r.length>0){a.push(s("tr",null,r));r=[]}}return s("table",{class:"calendar"},s("tbody",null,a))}function gi(t){let e=si(t);const i=ni(t);const n=oi(t);if(e==null)e=1;const o=yi(n);const a=o.initYear;const r=o.endYear;const l=[];let h=[];let c=a;while(c<=r){for(let o=0;o<4;o++){let o="item";let a={"data-index":c.toString()+"-"+b((i+1).toString(),"0",2,true)+"-"+b(e.toString(),"0",2,true)};if(c===n){o+=" selected"}h.push(s("td",{class:o},s("span",Object.assign({},a,{class:"item-number",onClick:()=>{wi(t,a["data-index"])}}),c)));c++}if(h.length>0){l.push(s("tr",null,h));h=[]}}return s("table",{class:"calendar"},s("tbody",null,l))}function bi(t){let e=ni(t);let i=oi(t);if(ui(t)==Je.DATE){if(e<1){e=11;i--}else{e--}}if(ui(t)==Je.MONTH){i--}if(ui(t)==Je.YEAR){let t=yi(i);i=t.initYear-1}ai(t,null);ri(t,e);li(t,i);xi(t)}function ki(t){let e=ni(t);let i=oi(t);if(ui(t)==Je.DATE){if(e>10){e=0;i++}else{e++}}if(ui(t)==Je.MONTH){i++}if(ui(t)==Je.YEAR){const t=yi(i);i=t.endYear+1}ai(t,null);ri(t,e);li(t,i);xi(t)}function yi(t){const e=t-t%10;const i=e+16-1;return{initYear:e,endYear:i}}function vi(t){ai(t,null);switch(ui(t)){case Je.DATE:{pi(t,Je.MONTH);break}case Je.MONTH:{pi(t,Je.YEAR);break}case Je.YEAR:{pi(t,Je.DATE);break}}xi(t)}function xi(t){t.refresh()}function wi(t,e){let i;if(Ze.ketchup.dates.isIsoDate(e)){i=new Date(e)}else{i=new Date}ri(t,i.getMonth());li(t,i.getFullYear());switch(ui(t)){case Je.MONTH:{pi(t,Je.DATE);break}case Je.YEAR:{pi(t,Je.MONTH);break}}xi(t)}function _i(t,e){let i;if(Ze.ketchup.dates.isIsoDate(e)){i=new Date(e)}else{i=new Date}ei(t,i);t.onKupClick(t.rootElement.id,e);xi(t)}function zi(t){ei(t,new Date);t.onKupClick(t.rootElement.id,(new Date).toISOString());xi(t)}const Ci=document.documentElement;function ji(t){const e=t.rootElement;e.kupData={};if(t.data&&t.data.options){const i=t.data.options;const s=i.initialValue;if(i.initialValue){if(s&&s.k)e.kupData.value=s.k;else e.kupData.value=i.initialValue}if(i.manageSeconds!=null)e.kupData.manageSeconds=i.manageSeconds;if(i.hoursActive!=null)e.kupData.hoursActive=i.hoursActive;if(i.minutesActive!=null)e.kupData.minutesActive=i.minutesActive;if(i.secondsActive!=null)e.kupData.secondsActive=i.secondsActive}else{e.kupData.hoursActive=true}return Pi(t)}function Wi(t){const e=t.rootElement;if(e.kupData.manageSeconds!=null)return e.kupData.manageSeconds;return false}function $i(t){const e=t.rootElement;if(e.kupData.value)return e.kupData.value;return""}function Oi(t,e){const i=t.rootElement;i.kupData.value=e}function Di(t){const e=t.rootElement;if(e.kupData.hoursActive!=null)return e.kupData.hoursActive;return false}function Mi(t){const e=t.rootElement;if(e.kupData.minutesActive!=null)return e.kupData.minutesActive;return false}function Ti(t){const e=t.rootElement;if(e.kupData.secondsActive!=null)return e.kupData.secondsActive;return false}function Si(t,e){if(e){const i=t.rootElement;i.kupData[e.id]=e}}function Ii(t,e){return t.rootElement.shadowRoot.getElementById(e)}function Pi(t){return s("div",{id:"clock-div",onBlur:e=>{if(!Ni(e,t)){Li(t)}}},Fi(t))}function Ri(t,e,i){if(t!=null){if(i==null){i=t.detail.selected.id}}Ei(e,i);e.onKupClick(e.rootElement.id,i)}function Ei(t,e){if(e==null){e=$i(t)}if(e==null){return}Oi(t,e)}function Ni(t,e){if(!t.relatedTarget){return false}let i=t.relatedTarget.id;if(i==null||i.trim()==""){return false}if(i==Ii(e,k.CLOCK).id){return true}let s="#clock-div#confirm#";return s.indexOf("#"+i+"#")>=0}function Li(t){t.onKupClick(t.rootElement.id,$i(t))}function Fi(t){let e;if($i(t)){e=Ci.ketchup.dates.toDate($i(t),Wi(t)?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS)}else{e=new Date}let i=e.getHours().toString();let n=e.getMinutes().toString();if(i.length===1){i="0"+i}if(n.length===1){n="0"+n}let o="";if(Wi(t)){o=e.getSeconds().toString();if(o.length===1){o="0"+o}}let a;let r=[s("span",{id:k.HOURS,class:`h ${Di(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)},onClick:()=>{Ki(t,true,false,false);Ai(t,k.HOURS,k.HOURSCIRCLE)},innerHTML:i}),":",s("span",{id:k.MINUTES,class:`m ${Mi(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)},onClick:()=>{Ki(t,false,true,false);Ai(t,k.MINUTES,k.MINUTESCIRCLE)},innerHTML:n})];if(Wi(t)){a=s("div",{id:k.SECONDSCIRCLE,class:`circle seconds ${Ti(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)}},Vi(60,101,115,115,"sec unit",0,5,o,t),s("div",{class:"mid"}));r.push(":",s("span",{id:k.SECONDS,class:`s ${Ti(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)},onClick:()=>{Ki(t,false,false,true);Ai(t,k.SECONDS,k.SECONDSCIRCLE)},innerHTML:o}))}const l={label:"Ok",styling:Ot.FLAT,onClick:e=>{Hi(e,t)}};return s("div",{class:"clock",id:k.CLOCK,ref:e=>{Si(t,e)}},s("div",{class:"top"},r),s("div",{id:k.HOURSCIRCLE,class:`circle hours ${Di(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)}},Vi(12,101,105,105,"hour",0,1,i,t),Vi(12,64,110,110,"hour2",12,1,i,t),s("div",{class:"mid"})),s("div",{id:k.MINUTESCIRCLE,class:`circle minutes ${Mi(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)}},Vi(60,101,115,115,"min unit",0,5,n,t),s("div",{class:"mid"})),a,s("div",{class:"actions"},s(Wt,Object.assign({},l))))}function Ki(t,e,i,s){const n=t.rootElement;n.kupData.hoursActive=e;n.kupData.minutesActive=i;n.kupData.secondsActive=s}function Ai(t,e,i){Ii(t,k.HOURS).classList.remove(y.VISIBLE);Ii(t,k.HOURSCIRCLE).classList.remove(y.VISIBLE);Ii(t,k.MINUTES).classList.remove(y.VISIBLE);Ii(t,k.MINUTESCIRCLE).classList.remove(y.VISIBLE);if(Wi(t)){Ii(t,k.SECONDS).classList.remove(y.VISIBLE);Ii(t,k.SECONDSCIRCLE).classList.remove(y.VISIBLE)}Ii(t,e).classList.add(y.VISIBLE);Ii(t,i).classList.add(y.VISIBLE)}function Vi(t,e,i,n,o,a,r,l,h){let c,u;const p=[];for(let f=0;f<t;f++){c=e*Math.cos(f/t*2*Math.PI);u=e*Math.sin(f/t*2*Math.PI);let d;let m={};let g={};if(r==1){if(f+3>12){d=f+3-12+a+""}else{let t=f+3+a;if(t!==24){d=f+3+a+""}else{d="00"}}m["data-value"]=d}else{if(f%r==0){if(f+15>=60){m["data-value"]=f+15-60+"";d=f+15-60+a+""}else{m["data-value"]=f+15+"";d=f+15+a+""}}else{if(f+15>=60){m["data-value"]=f+15-60+"";d="⋅"}else{m["data-value"]=f+15+"";d="·"}}}g["left"]=c+i+"px";g["top"]=u+n+"px";if(m["data-value"].length===1){m["data-value"]="0"+m["data-value"]}let b=o;if(m["data-value"]===l){b+=" selected"}let k=s("div",Object.assign({class:b,style:g},m,{onClick:t=>Bi(t,h)}),d);p.push(k)}return p}function Hi(t,e){const i=Ii(e,k.HOURS);const s=Ii(e,k.MINUTES);const n=Ii(e,k.SECONDS);let o=i.innerText+":"+s.innerText;if(Wi(e)){o+=":"+n.innerText}Ri(t,e,o)}function Bi(t,e){const i=Ii(e,k.HOURS);const s=Ii(e,k.MINUTES);const n=Ii(e,k.HOURSCIRCLE);const o=Ii(e,k.MINUTESCIRCLE);const a=Ii(e,k.SECONDS);const r=Ii(e,k.SECONDSCIRCLE);let l=t.target.getAttribute("data-value");if(Di(e)){i.innerText=l;n.querySelector(".selected").classList.remove("selected");Ki(e,false,true,false);Ai(e,k.MINUTES,k.MINUTESCIRCLE)}else if(Mi(e)){s.innerText=l;o.querySelector(".selected").classList.remove("selected");if(Wi(e)){Ki(e,false,false,true);Ai(e,k.SECONDS,k.SECONDSCIRCLE)}else{Hi(t,e);Ki(e,true,false,false);Ai(e,k.HOURS,k.HOURSCIRCLE)}}else{a.innerText=l;r.querySelector(".selected").classList.remove("selected");Hi(t,e);Ki(e,true,false,false);Ai(e,k.HOURS,k.HOURSCIRCLE)}t.target.classList.add("selected")}const Yi=document.documentElement;const Xi=[v.AVERAGE,v.DIFFERENCE,v.PRODUCT,v.SUM];function Gi(t){const e=t.data.options;const i=[];let n,o,a,r;for(let t=0;t<e.data.columns.length;t++){const s=e.data.columns[t];if(s.visible!==false&&s.obj&&Yi.ketchup.objects.isNumber(s.obj)){i.push({obj:s.obj,value:s.name,title:s.title,id:s.name})}}const l=!!(i.length>0);if(e.enableMerge||e.enableMove){n=Ui(e)}if(e.enableFormula){o=qi(e,l);if(l){a=s("kup-button",{"onKup-button-click":()=>ts(t),label:Yi.ketchup.language.translate(v.CALCULATE),styling:Ot.OUTLINED});r=s("div",{class:"sub-chip"},s("kup-chip",{data:i,"onKup-chip-click":e=>Zi(e,t)}))}}return[n,o,a,r]}function Ui(t){const e=[];if(t.enableMerge){e.push({icon:"library_add",id:g.MERGE,value:Yi.ketchup.language.translate(g.MERGE)})}if(t.enableMove){e.push({icon:"swap_horiz",id:g.MOVE,value:Yi.ketchup.language.translate(g.MOVE)})}return e.length>0?s("kup-list",{data:e,showIcons:true,"onkup-list-click":e=>Qi(e,t)}):null}function qi(t,e){const i=[];const n=Yi.ketchup.objects.isNumber(t.receivingColumn.obj)&&Yi.ketchup.objects.isNumber(t.starterColumn.obj);if(n){i.push({id:v.AVERAGE,value:Yi.ketchup.language.translate(v.AVERAGE)},{id:v.DIFFERENCE,value:Yi.ketchup.language.translate(v.DIFFERENCE)},{id:v.PRODUCT,value:Yi.ketchup.language.translate(v.PRODUCT)},{id:v.SUM,value:Yi.ketchup.language.translate(v.SUM)},{id:`([${t.starterColumn.name}]/[${t.receivingColumn.name}])*100`,value:`[${t.starterColumn.name}] / [${t.receivingColumn.name}] * 100`},{id:`([${t.receivingColumn.name}]/[${t.starterColumn.name}])*100`,value:`[${t.receivingColumn.name}] / [${t.starterColumn.name}] * 100`})}else{i.push({id:x.NO_FORMULA,value:Yi.ketchup.language.translate(x.NO_FORMULA)})}const o={"kup-list":{data:i,selectable:n?true:false},"kup-text-field":{helper:!e?Yi.ketchup.language.translate(x.NON_NUMERICAL_IN_TABLE):n?`i.e.: [${t.receivingColumn.name}] - [${t.starterColumn.name}] + 1`:Yi.ketchup.language.translate(x.NON_NUMERICAL),label:Yi.ketchup.language.translate(v.FORMULA),outlined:true}};return s("kup-combobox",{data:o,disabled:!e})}function Ji(t){return t.rootElement.shadowRoot.querySelector("kup-combobox")}function Zi(t,e){const i=Ji(e);const s=t.detail.chip.value;i.getValue().then((t=>{let e=t;e+="["+s+"]";i.setValue(e)}))}function Qi(t,e){switch(t.detail.selected.id){case g.MERGE:if(e.mergeCb){e.mergeCb()}break;case g.MOVE:if(e.moveCb){e.moveCb()}break}}async function ts(t){const e=t.data.options;const i=Ji(t);if(i){const t=await i.getValue();const s=t.split(";");const n=s.length>=2;const o=n?s[0].trim():"";const a=n?s[1].trim():t;if(Xi.includes(a)){Yi.ketchup.data.column.new(e.data,w.MATH,{columns:[e.receivingColumn.name,e.starterColumn.name],newColumn:n?{name:o,title:o}:undefined,operation:a});if(e.formulaCb!==undefined){e.formulaCb()}}else{const t=Yi.ketchup.data.column.new(e.data,w.MATH,{newColumn:n?{name:o,title:o}:undefined,operation:a});if(typeof t==="string"||t instanceof String){i.classList.add("kup-danger");i.data["kup-text-field"].helper=t;i.refresh()}else if(e.formulaCb!==undefined){e.formulaCb()}}}}const es=document.documentElement;function is(t){const e=t.data.options;const i=!!(e.cancelCb||e.confirmCb);return s("div",{class:"message-box"},e.text?s("div",{class:"text"},e.text):null,i?s("div",{class:"button-wrapper"},e.cancelCb?s(Wt,{icon:"clear",label:es.ketchup.language.translate(g.ABORT),onClick:e.cancelCb,styling:Ot.FLAT}):null,e.confirmCb?s(Wt,{icon:"check",label:es.ketchup.language.translate(g.CONFIRM),onClick:e.confirmCb}):null):null)}const ss=document.documentElement;function ns(t){const e=t.rootElement;if(!e.kupData)e.kupData={value:null,localeValue:""};let i=false;let n=false;const o=os(t);if(o.resetStatus){e.kupData={value:null,localeValue:""};const t=o.initialValue;if(o.initialValue){if(t&&t.k)e.kupData.value=t.k;else e.kupData.value=o.initialValue.toString();e.kupData.localeValue=ss.ketchup.math.numbers.toLocaleString(e.kupData.value)}o.resetStatus=false}if(o.negative)n=true;if(o.decimals)i=true;const a={icon:"cancel",onClick:()=>ls(t)};const r={icon:"save",onClick:()=>cs(t)};const l=hs();return s("table",null,s("tr",null,s("td",{colSpan:3},s("div",{class:"value"},e.kupData.localeValue))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>rs(t,"1")},"1")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"2")},"2")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"3")},"3"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>rs(t,"4")},"4")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"5")},"5")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"6")},"6"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>rs(t,"7")},"7")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"8")},"8")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"9")},"9"))),s("tr",null,s("td",null,n?[s("div",{class:"number",onClick:()=>as(t)},"-")]:[]),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"0")},"0")),s("td",null,i?[s("div",{class:"number",onClick:()=>rs(t,".")},l)]:[])),s("tr",null,s("td",null),s("td",null,s(Wt,Object.assign({},a))),s("td",null,s(Wt,Object.assign({},r)))))}function os(t){if(t.data.options)return t.data.options;else return{resetStatus:false}}function as(t){const e=t.rootElement;let i=e.kupData.value?e.kupData.value:"0";if(i.startsWith("-"))return;i="-"+i;e.kupData.value=i;e.kupData.localeValue=ss.ketchup.math.numbers.toLocaleString(i);t.refresh()}function rs(t,e){const i=os(t);const s=t.rootElement;const n=".";let o=s.kupData.value?s.kupData.value.toString():"0";if(o=="0"&&e!=n){o=""}if(e==n&&o.includes(n))return;if(i.maxLength&&o.replace(n,"").length==i.maxLength)return;if(i.maxIntegers&&e!=n&&!o.includes(n)&&o.length==i.maxIntegers)return;if(i.maxDecimals&&o.includes(n)&&o.substring(o.indexOf(n)+1).length==i.maxDecimals)return;if(o.includes(n)&&o.substring(o.indexOf(n)+1).length==14)return;o+=e;s.kupData.value=o;s.kupData.localeValue=ss.ketchup.math.numbers.toLocaleString(o);t.refresh()}function ls(t){const e=t.rootElement;e.kupData.value=null;e.kupData.localeValue="";t.refresh()}function hs(){return.1.toLocaleString(ss.ketchup.math.locale).substring(1,2)}function cs(t){const e=t.rootElement;t.onKupClick(t.rootElement.id,e.kupData.value?Number(e.kupData.value).toString():"")}const us=document.documentElement;let ps=null;let fs=null;let ds=null;let ms=null;let gs=null;function bs(t){const e=t.data.options;const i=()=>{ps.setValue("")};const n=t=>{fs.disabled=t;ps.disabled=t;ds.showSpinner=t};const o=async()=>{if(e.submitCb){e.submitCb(n,ps)}};const a=()=>{if(gs){e.authCb(gs)}};const r=()=>[s("div",{class:"title"},"Authentication"),s("kup-text-field",{class:"password",label:"Password",icon:"key-variant",inputType:"password",helperEnabled:true,"onKup-textfield-iconclick":a,"onKup-textfield-submit":a,ref:t=>gs=t}),s("kup-button",{class:"login-button",label:"Login","onKup-button-click":a})];const l=()=>[s("div",{class:"spinner"},s("kup-spinner",{active:true,layout:6,dimensions:"7px"})),s("div",{class:"title"},"Just a moment."),s("div",{class:"text"},"We're connecting you to your AI assistant...")];const h=()=>[s(jt,{resource:"hotel",sizeX:"4em",sizeY:"4em"}),s("div",{class:"title"},"Zzz..."),s("div",{class:"text"},"Your AI assistant is currently offline!")];const c=t=>{if(t.type=="request"){return[s("div",{class:"paragraph"},t.text)]}let e=[];let i=t.funs;let n=t.text;let o=0;for(const t of i){e.push(s("div",{class:"paragraph"},n.slice(o,t.index)));let i=t[0].trim();if(i.startsWith("#[")){i=i.replace("#[","")}if(i.endsWith("]#")){i=i.replace("]#","")}e.push(s("div",{class:"fun",title:"Execute FUN.",onClick:()=>{if(us.ketchup.openAI.onFunClick){us.ketchup.openAI.onFunClick(i)}}},i));o=t.index+t[0].length}e.push(s("div",{class:"paragraph"},n.slice(o)));return e};const u=()=>{const t=()=>{const t=[];if(e.messages&&e.messages.length>0){e.messages.forEach((e=>{t.push(s("div",{class:"message-container"},s("div",{class:e.type},c(e)),s(Wt,{icon:"content-copy",onClick:()=>{navigator.clipboard.writeText(e.text)},title:"Copy text to clipboard.",wrapperClass:"copy"})))}))}else{t.push(s("div",{class:"empty"},"Your chat history is empty!"))}return t};const n=(t,i)=>{if(e.sttCb){e.sttCb(t,i)}};return[s("div",{class:"query-area"},s("kup-text-field",{label:"Ask me something!",textArea:true,ref:t=>ps=t}),s("div",{class:"buttons"},s("kup-button",{icon:"clear",label:"Clear","onKup-button-click":()=>i(),styling:Ot.FLAT,ref:t=>fs=t}),s("kup-button",{class:"stt",icon:"keyboard_voice","onKup-button-click":()=>n(ps,ms),ref:t=>ms=t,styling:Ot.ICON},s("kup-spinner",{active:true,dimensions:"0.6em",layout:6,slot:"spinner"})),s("kup-button",{icon:"smeup-ai",label:"Submit","onKup-button-click":()=>o(),ref:t=>ds=t},s("kup-spinner",{active:true,dimensions:"0.6em",slot:"spinner"})))),s("div",{class:`chat-area ${y.AUTOSCROLL}`},t())]};if(ds){n(false)}return s("div",{class:`wrapper ${e.state}`},e.state==="authentication"?r():e.state==="ready"?u():e.state==="connecting"?l():h())}function ks(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},ti(t))}function ys(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},ji(t))}function vs(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},Gi(t))}function xs(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`})}function ws(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},ns(t))}function _s(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},is(t))}function zs(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},bs(t))}const Cs=Object.freeze({__proto__:null,create1:ks,create2:ys,create3:vs,create4:xs,create5:ws,create6:_s,create7:zs});var js;(function(t){t["BUTTON_APPLY"]="apply";t["BUTTON_ADD_COLUMNS"]="add";t["BUTTON_GROUP"]="group";t["BUTTON_NEW"]="new";t["BUTTON_OPEN_IN_NEW"]="open-in-new";t["BUTTON_REMOVE"]="remove";t["BUTTON_SEARCH"]="search";t["CHECKBOX_GLOBAL"]="global-checkbox";t["SWITCH_GROUP"]="group";t["SWITCH_KEY"]="key";t["TEXTFIELD_FILTER"]="filter";t["TEXTFIELD_FORMULA"]="formula";t["TEXTFIELD_FROM"]="filter-from";t["TEXTFIELD_TO"]="filter-to"})(js||(js={}));function Ws(t,e){let i=[];for(let n=0;n<t.length;n++){if(typeof t[0]!=="string"&&!t[n].id){t[n]["id"]=e+n}switch(e){case"autocomplete":i.push(s("kup-autocomplete",Object.assign({},t[n])));break;case"button":i.push(s("kup-button",Object.assign({},t[n])));break;case"checkbox":i.push(s("kup-checkbox",Object.assign({},t[n])));break;case"combobox":i.push(s("kup-combobox",Object.assign({},t[n])));break;case"datepicker":i.push(s("kup-date-picker",Object.assign({},t[n])));break;case"slot":i.push(s("slot",null));break;case"text":i.push(s("div",{class:"text"}," ",t[n]));break;case"textfield":i.push(s("kup-text-field",Object.assign({},t[n])));break;case"timepicker":i.push(s("kup-time-picker",Object.assign({},t[n])));break}}return i}function $s(t){return s("div",{id:z.DRAG_HANDLE,class:y.HEADER_BAR},t?s("div",{class:y.DIALOG_TITLE},t):null,s(jt,{color:`var(${p.TITLE})`,sizeX:"1.25em",sizeY:"100%",resource:"clear",id:z.DIALOG_CLOSE}))}function Os(){return s("div",{class:"collapsible-trigger"},s("kup-button",{id:z.EXPAND_ACTION,toggable:true,iconOff:"keyboard_arrow_down",icon:"keyboard_arrow_up"}))}function Ds(t,e){const i=t.rootElement.shadowRoot;if(e.type===_.BUTTON_CLICK&&e.detail.id===z.EXPAND_ACTION){const e=i.querySelector("."+y.COLLAPSIBLE_CARD);if(!e.classList.contains("."+y.EXPANDED)){e.classList.add("."+y.EXPANDED);t.oldSizeY=t.sizeY;t.sizeY="auto"}else if(t.oldSizeY){e.classList.remove("."+y.EXPANDED);t.sizeY=t.oldSizeY}return}if(i&&e.type===_.TABBAR_CLICK&&e.detail.id===z.VIEW_SELECTOR){const t=i.querySelectorAll("."+y.CARD_VIEW);for(let i=0;i<t.length;i++){const s=t[i];if(s.classList.contains(y.VIEW_PREFIX+(e.detail.index+1))){s.classList.add(y.VISIBLE)}else{s.classList.remove(y.VISIBLE)}}}if(i&&e.type===_.CHIP_ICONCLICK&&e.detail.id===z.COLUMNS_LIST){const t=i.querySelector("#"+js.BUTTON_APPLY);t.classList.add("visible")}if(i&&e.type===_.TREE_NODESELECTED&&e.detail.id===z.EXTRA_COLUMNS){if(e.detail.treeNode){const s=i.querySelector("#"+js.BUTTON_APPLY);const n=i.querySelector("#"+z.COLUMNS_LIST);const o=e.detail.treeNode;const a=o.obj;const r=a?a.t+a.p+a.k:"";if(r&&r.trim()!="**"&&o.expandable!=true){const e=n&&n.data?n.data:null;const i=t.rootElement.dataset.column+"_"+(o.id?o.id.replace(/\//g,"_"):"");if(e){const t=e.find((t=>t.value===i));if(t){e.splice(e.indexOf(t),1)}else{e.push({icon:o.icon,placeholderIcon:o.placeholderIcon,value:o.value,obj:o.obj,id:i})}s.classList.add("visible")}else{n.data["chip"]=[{icon:o.icon,placeholderIcon:o.placeholderIcon,label:o.value,obj:o.obj,value:i}]}n.refresh()}}}if(i&&e.type===_.BUTTON_CLICK&&e.detail.id===js.BUTTON_APPLY){const e=i.querySelector("#"+z.COLUMNS_LIST);t.data.chip[0]["data"]=e.data}if(e.type===_.BUTTON_CLICK&&(e.detail.id===z.NEXT_ROW||e.detail.id===z.PREVIOUS_ROW)){t.refresh()}if(i&&e.type===_.BUTTON_CLICK&&e.detail.id===z.VIEW_SELECTOR){const t=i.querySelectorAll("."+y.CARD_VIEW);if(e.detail.value==="on"){t[0].classList.remove(y.VISIBLE);t[1].classList.add(y.VISIBLE)}else{t[1].classList.remove(y.VISIBLE);t[0].classList.add(y.VISIBLE)}}}function Ms(t){const e=t.data["chip"]?t.data["chip"]:[];const i=t.data["color"]?t.data["color"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];let a={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`collapsible-layout-${t.layoutNumber} ${y.COLLAPSIBLE_CARD}`,style:a},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text left"},o[n]?o[n]:""),s("div",{class:"text right"},o[++n]?o[n]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},o[++n]?o[n]:"")),s("div",{class:`sub-3 ${y.COLLAPSIBLE_WRAPPER}`},e[0]?s("kup-chip",Object.assign({class:y.COLLAPSIBLE_ELEMENT,id:"chip1"},e[0])):null)),Os())}function Ts(t){const e=t.data["chip"]?t.data["chip"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`collapsible-layout-${t.layoutNumber} ${y.COLLAPSIBLE_CARD}`,style:r},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++o]?a[o]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},n[0]?s(jt,Object.assign({id:"image1"},n[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++o]?a[o]:"")),s("div",{class:`sub-4 ${y.COLLAPSIBLE_WRAPPER}`},e[0]?s("kup-chip",Object.assign({class:y.COLLAPSIBLE_ELEMENT,id:"chip1"},e[0])):null)),Os())}const Ss=Object.freeze({__proto__:null,create1:Ms,create2:Ts});const Is=document.documentElement;function Ps(t){const e=t.data["text"]?t.data["text"]:[];const i=[];for(let t=1;t<e.length;t++){const n=t%2==0;i.push(s("span",{class:`text ${!n?"label":""}`},e[t]))}return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},$s(e[0]),s("div",{class:"section-1"},i))}function Rs(t){const e=t.data["text"]?t.data["text"]:[];const i=[];for(let t=3;t<e.length;t++){const n=t%2==0;i.push(s("span",{class:`text ${!n?"label":""}`},e[t]))}return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},e[0]?$s(e[0]):$s(""),e[1]&&e[2]?s("div",{class:"section-1"},s("div",{class:"text label"},e[1]),s("div",{class:"text "},e[2])):null,s("div",{class:"section-2"},i))}function Es(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["combobox"]?t.data["combobox"]:[];const n=Array.prototype.slice.call(t.rootElement.children,0);const o=t.data["textfield"]?t.data["textfield"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${y.DIALOG_UNRESIZABLE}`},s("div",null,e.length>0||o.length>0?s("div",{class:"section-1"},s(jt,{id:z.DRAG_HANDLE,resource:"drag_handle",sizeX:"32px",sizeY:"32px"}),Ws(e,"button"),Ws(o,"textfield"),Ws(i,"combobox")):null,n.length>0?s("div",{class:"section-2"},Ws(n,"slot")):null))}function Ns(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["text"]?t.data["text"]:[];const n=t.data["datatable"]?t.data["datatable"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},i[0]?$s(i[0]):$s(""),n[0]&&e[0]&&e[1]?s("div",{class:"section-1"},s("kup-button",Object.assign({},e[0],{id:z.PREVIOUS_ROW,"onkup-button-click":()=>As(t),title:Is.ketchup.language.translate(C.PREVIOUS)})),s("kup-button",Object.assign({},e[1],{id:z.NEXT_ROW,"onkup-button-click":()=>Vs(t),title:Is.ketchup.language.translate(C.NEXT)}))):null,n[0]?s("div",{class:"section-2"},s("kup-data-table",Object.assign({id:"datatable1"},n[0]))):null)}function Ls(t){const e=Array.prototype.slice.call(t.rootElement.children,0);const i=t.data["list"]?t.data["list"]:[];const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${y.DIALOG_UNRESIZABLE}`},n[0]?$s(n[0]):$s(""),s("div",null,e.length>0?s("div",{class:"section-1"},Ws(e,"slot")):null,i[0]?s("div",{class:"section-2"},s("kup-list",Object.assign({id:"list1"},i[0]))):null))}function Fs(t){const e=t.data["datatable"]?t.data["datatable"]:[];const i=t.data["text"]?t.data["text"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber}`},i[0]?$s(i[0]):$s(""),s("div",{class:"section-1"},e.length>0?s("kup-data-table",Object.assign({id:"datatable1"},e[0])):s("kup-spinner",{active:true,dimensions:"7px",layout:14})))}function Ks(t){const e=t.data&&t.data["text"]?t.data["text"]:[];const i=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`dialog-layout-${t.layoutNumber}`},e[0]?$s(e[0]):$s(""),i.length>0?Ws(i,"slot"):null)}function As(t){const e=t.rootElement.shadowRoot;let i=null;let s=null;let n=null;let o=null;if(e){n=e.querySelector("kup-data-table");i=e.querySelector("#"+z.NEXT_ROW);s=e.querySelector("#"+z.PREVIOUS_ROW);if(n){o=n.data}}if(o){let t=Hs(o);if(t){const e=o.columns[t];const n=o.columns[t-1];const a=o.columns[t-2];if(!isNaN(parseInt(n.name))){e.visible=false;n.visible=true;if(isNaN(parseInt(a.name))){s.disabled=true}}i.disabled=false}n.refresh()}}function Vs(t){const e=t.rootElement.shadowRoot;let i=null;let s=null;let n=null;let o=null;if(e){n=e.querySelector("kup-data-table");i=e.querySelector("#"+z.NEXT_ROW);s=e.querySelector("#"+z.PREVIOUS_ROW);if(n){o=n.data}}if(o){let t=Hs(o);if(t){const e=o.columns[t];const n=o.columns[t+1];const a=o.columns[t+2];if(n){e.visible=false;n.visible=true;if(!a){i.disabled=true}}s.disabled=false}n.refresh()}}function Hs(t){for(let e=0;e<t.columns.length;e++){const i=t.columns[e];if(!isNaN(parseInt(i.name))&&i.visible){return e}}return null}const Bs=Object.freeze({__proto__:null,create1:Ps,create2:Rs,create3:Es,create4:Ns,create5:Ls,create6:Fs,create7:Ks});function Ys(t){const e=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},e.length>0?Ws(e,"slot"):null)}function Xs(t){const e=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},e.length>0?Ws(e,"slot"):null)}const Gs=Object.freeze({__proto__:null,create1:Ys,create2:Xs});const Us=document.documentElement;function qs(t){const e=t.data["color"]?t.data["color"]:[];let i=0;const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"descr"},s("div",{style:e[0]?{color:e[0]}:undefined},n[i]?n[i]:"")),s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},n[++i]?n[i]:""))))}function Js(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-int"},s("div",{style:e[1]?{color:e[1]}:undefined},n[0]?n[0]:"",n[1]?Us.ketchup.math.decimalSeparator():"")),n[1]?s("div",{class:"value-dec"},s("div",{style:e[1]?{color:e[1]}:undefined},n[1])):null,s("div",{class:"unit"},s("div",{style:e[1]?{color:e[1]}:undefined},n[2]?n[2]:""))))}function Zs(t){const e=t.data["color"]?t.data["color"]:[];let i=0;const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"value"},s("div",{style:e[0]?{color:e[0]}:undefined},n[i]?n[i]:"")),s("div",{class:"descr"},s("div",{style:e[1]?{color:e[1]}:undefined},n[++i]?n[i]:""))))}function Qs(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-and-unit"},s("div",{class:"value-int"},s("div",{style:e[1]?{color:e[1]}:undefined},n[0]?n[0]:"",n[1]?Us.ketchup.math.decimalSeparator():"")),n[1]?s("div",{class:"value-dec"},s("div",{style:e[1]?{color:e[1]}:undefined},n[1])):null,s("div",{class:"unit"},s("div",{style:e[1]?{color:e[1]}:undefined},n[2]?n[2]:""))),s("div",{class:"empty-placeholder"}),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},n[3]?n[3]:""))))}function tn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"descr"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"value"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))),s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null)))}function en(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:"")))))}function sn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))),s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null)))}function nn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))))}function on(t){const e=t.data.color&&t.data.color.length>0?t.data.color[0]:`var(${p.PRIMARY})`;const i=t.data.color&&t.data.color.length>1?t.data.color[1]:`var(${p.BACKGROUND})`;const n=t.data.color&&t.data.color.length>2?t.data.color[2]:`var(${p.TEXT})`;const o=t.data.text&&t.data.text.length>0?t.data.text[0]:null;const a=t.data.text&&t.data.text.length>1?t.data.text[1]:null;const r=t.data.button&&t.data.button.length>0?JSON.parse(JSON.stringify(t.data.button)):[];if(r.length>4){r.splice(4,r.length-4)}r.reverse();const l={["--color-0"]:e,["--color-1"]:i,["--color-2"]:n};return s("div",{class:`scalable-layout-${t.layoutNumber}`,style:l},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"scalable-card"},s("div",{class:"text scalable-element"},s("div",{class:"value"},o),s("div",{class:"descr"},a))),r.length>0?s("div",{class:"buttons"},r.map((e=>s(Wt,{icon:e.icon,placeholderIcon:e.placeholderIcon,title:e.title,styling:e.styling,wrapperClass:e.class,onClick:()=>t.onKupClick(t.rootElement.id,e.id)})))):undefined))}function an(t){const e=t.data.color&&t.data.color.length>0?t.data.color[0]:`var(${p.PRIMARY})`;const i=t.data.color&&t.data.color.length>1?t.data.color[1]:`var(${p.BACKGROUND})`;const n=t.data.color&&t.data.color.length>2?t.data.color[2]:`var(${p.TEXT})`;const o=t.data["image"]?t.data["image"]:[];const a=t.data["color"]?t.data["color"]:[];const r=t.data.text&&t.data.text.length>0?t.data.text[0]:null;const l=t.data.text&&t.data.text.length>1?t.data.text[1]:null;const h=t.data.button&&t.data.button.length>0?JSON.parse(JSON.stringify(t.data.button)):[];if(h.length>4){h.splice(4,h.length-4)}h.reverse();const c={["--color-0"]:e,["--color-1"]:i,["--color-2"]:n};return s("div",{class:`scalable-layout-${t.layoutNumber}`,style:c},s("div",{class:"scalable-card"},s("div",{class:"text scalable-element"},s("div",{class:"title"},r),s("div",{class:"number"},s("div",null,s("div",{class:"icon"},o[0]?s(jt,Object.assign({color:a[0]?a[0]:`var(${p.ICON})`,id:"image1"},o[0],{sizeX:"1.25em",sizeY:"1.25em"})):null)),s("div",null,l)))))}function rn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))))}const ln=Object.freeze({__proto__:null,create1:qs,create2:Js,create3:Zs,create4:Qs,create5:tn,create6:en,create7:sn,create8:nn,create9:on,create10:an,create11:rn});const hn=document.documentElement;function cn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e.length>0?y.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},i[0]?s("div",{class:"section-1"},s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-2"},o[n]?s("div",{class:"sub-2 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-2 subtitle"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-2 description"},s("div",null,o[n])):null)),e.length>0?s("div",{class:"section-3"},Ws(e,"button")):null)}function un(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e.length>0?y.HAS_ACTIONS:""}`},s("div",{class:"section-1"},o[n]?s("div",{class:"sub-1 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-1 subtitle"},s("div",null,o[n])):null),s("div",{class:"mdc-ripple-surface"},i[0]?s("div",{class:"section-2"},s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-3"},o[++n]?s("div",{class:"sub-3 description"},s("div",null,o[n])):null)),e.length>0?s("div",{class:"section-4"},Ws(e,"button")):null)}function pn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e?y.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},s("div",{class:"media"},i[0]?s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"})):null,s("div",{class:"text-on-media"},o[n]?s("div",{class:"sub-1 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-1 subtitle"},s("div",null,o[n])):null))),s("div",{class:"section-2"},o[++n]?s("div",{class:"sub-2 description"},s("div",null,o[n])):null)),e.length>0?s("div",{class:"section-3"},Ws(e,"button")):null)}function fn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e?y.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},i[0]?s("div",{class:"sub-1 image"},s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"text"},o[n]?s("div",{class:"sub-1 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-1 subtitle"},s("div",null,o[n])):null))),s("div",{class:"section-2"},e?Ws(e,"button"):""))}function dn(t){const e=t.data["button"]?t.data["button"]:[];let i=0;const n=t.data["color"]?t.data["color"]:[];let o=0;const a=t.data["image"]?t.data["image"]:[];const r=t.data["progressbar"]?t.data["progressbar"]:[];let l=0;const h=t.data["text"]?t.data["text"]:[];let c={[`--color-0`]:n[i]?n[i]:`var(${p.PRIMARY})`,[`--color-1`]:n[++i]?n[i]:`rgba(var(${p.PRIMARY}-rgb),0.1)`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:c},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 icon"},a[o]?s(jt,Object.assign({id:"image1"},a[o],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",{class:"desc-text"},h[l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-2 image"},a[++o]?s(jt,Object.assign({id:"image1"},a[o],{sizeX:"100%",sizeY:"100%"})):null)),s("div",{class:"section-3"},s("div",{class:"sub-3 progress-bar"},r[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-slim":true},r[0])):null),s("div",{class:"sub-3 button"},e[0]?s("kup-button",Object.assign({id:"button1"},e[0])):null)),s("div",{class:"section-4"},s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:""))))}function mn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["progressbar"]?t.data["progressbar"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={["--color-0"]:i[0]?i[0]:`var(${p.PRIMARY})`,["--kup_card_dynamic_color_0"]:"white"};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1"},s("div",{class:"alt-text"},a[o]?a[o]:"")),s("div",{class:"section-2"},s("div",{class:"sub-2"},n[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-radial":true},n[0])):null,s("div",null,a[++o]?a[o]:"")),e[0]?s("kup-button",Object.assign({id:"button1"},e[0])):null))}function gn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];let a={[`--color-0`]:e[0]?e[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:a},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 image"},i[0]?s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",null,o[n]?o[n]:""))),s("div",{class:"section-3"},s("div",{class:"sub-3 alt-text"},o[++n]?o[n]:""),s("div",{class:"sub-3 alt-text"},o[++n]?o[n]:"")))}function bn(t){const e=t.data["chip"]?t.data["chip"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"background"}),s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++o]?a[o]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},n[0]?s(jt,Object.assign({id:"image1"},n[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++o]?a[o]:""))),s("div",{class:"section-2"},e[0]?s("kup-chip",Object.assign({id:"chip1"},e[0])):null))}function kn(t){const e=t.data["chart"]?t.data["chart"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},n[0]?s(jt,Object.assign({color:i[0]?i[0]:`var(${p.PRIMARY})`,id:"image1"},n[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++o]?a[o]:"")),s("div",{class:"text subtitle"},s("div",null,a[++o]?a[o]:""))))),s("div",{class:"section-2"},e[0]?s("kup-chart",Object.assign({id:"chart1"},e[0])):null))}function yn(t){const e=t.data["chart"]?t.data["chart"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1"},e[0]?s("kup-chart",Object.assign({id:"chart1"},e[0])):null),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},n[0]?s(jt,Object.assign({color:i[0]?i[0]:`var(${p.PRIMARY})`,id:"image1"},n[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++o]?a[o]:"")),s("div",{class:"text subtitle"},s("div",null,a[++o]?a[o]:""))))))}function vn(t){const e=t.data["chart"]?t.data["chart"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1",onMouseEnter:t=>{let e=t.currentTarget;e.style.minWidth=e.scrollWidth+10+"px";e.style.maxWidth=e.scrollWidth+10+"px"},onMouseLeave:t=>{let e=t.currentTarget;e.style.minWidth="";e.style.maxWidth=""}},s("div",{class:"sub-1 dyn-color"},s("div",{class:"text description"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},n[0]?s(jt,Object.assign({color:i[0]?i[0]:`var(${p.PRIMARY})`,id:"image1"},n[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++o]?a[o]:"")),s("div",{class:"text subtitle"},s("div",null,a[++o]?a[o]:""))))),s("div",{class:"section-2"},e[0]?s("kup-chart",Object.assign({id:"chart1"},e[0])):null))}function xn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["checkbox"]?t.data["checkbox"]:[];const n=t.data["datepicker"]?t.data["datepicker"]:[];const o=t.data["textfield"]?t.data["textfield"]:[];const a=t.data["timepicker"]?t.data["timepicker"]:[];const r=[];for(let t=0;t<e.length;t++){const i=e[t];if(i["id"]){r.push(i["id"])}}return s("div",{class:`standard-layout-${t.layoutNumber} `},r.includes(js.BUTTON_REMOVE)||r.includes(js.BUTTON_GROUP)||r.includes(js.BUTTON_ADD_COLUMNS)?s("div",{class:"section-1"},r.includes(js.BUTTON_REMOVE)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_REMOVE)))):null,r.includes(js.BUTTON_GROUP)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_GROUP)))):null,r.includes(js.BUTTON_ADD_COLUMNS)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_ADD_COLUMNS)))):null):null,s("div",{class:`section-2 ${o.length>0||n.length>0||a.length>0?y.HAS_CONTENT:""}`},n.length>0?Ws(n,"datepicker"):null,o.length>0?Ws(o,"textfield"):null,a.length>0?Ws(a,"timepicker"):null),i.length>0?s("div",{class:"section-3"},Ws(i,"checkbox")):null)}function wn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["combobox"]?t.data["combobox"]:[];const n=t.data["text"]?t.data["text"]:[];const o=t.data["textfield"]?t.data["textfield"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e.length>0?y.HAS_ACTIONS:""}`},s("div",null,e.length>0||o.length>0?s("div",{class:"section-1"},Ws(e,"button"),Ws(o,"textfield"),Ws(i,"combobox")):null,n.length>0?s("div",{class:"section-2"},Ws(n,"text")):null))}function _n(t){const e=t.data["autocomplete"]?t.data["autocomplete"]:[];const i=t.data["button"]?t.data["button"]:[];const n=t.data["checkbox"]?t.data["checkbox"]:[];const o=t.data["chip"]?t.data["chip"]:[];const a=t.data["datepicker"]?t.data["datepicker"]:[];const r=t.data["image"]?t.data["image"]:[];const l=t.data["object"]?t.data["object"]:[];const h=t.data["switch"]?t.data["switch"]:[];const c=t.data["tabbar"]?t.data["tabbar"]:[];const u=t.data["text"]?t.data["text"]:[];const p=t.data["textfield"]?t.data["textfield"]:[];const f=t.data["timepicker"]?t.data["timepicker"]:[];const d=t.data["tree"]?t.data["tree"]:[];const m=[];let b=1;let k=1;if(c[0]&&c[0].data){for(let t=0;t<c[0].data.length;t++){const e=c[0].data[t];m.push(e.id);if(e.active){k=t+1}}}const v=[];for(let t=0;t<i.length;t++){const e=i[t];if(e["id"]){v.push(e["id"])}}const w=[];for(let t=0;t<h.length;t++){const e=h[t];if(e["id"]){w.push(e["id"])}}const _=[];for(let t=0;t<p.length;t++){const e=p[t];if(e["id"]){_.push(e["id"])}}return s("div",{class:`standard-layout-${t.layoutNumber} `},l[0]?s("div",{class:"section-1"},r[0]?s(jt,Object.assign({id:"image1"},r[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:true,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},u[0]||v.includes(js.BUTTON_OPEN_IN_NEW)||v.includes(js.BUTTON_SEARCH)?s("div",{class:"top"},u[0]?s("div",{class:"title"},s("span",{class:`label ${y.CLICKABLE_LINK}`,id:"title-link"},u[0])):null,v.includes(js.BUTTON_OPEN_IN_NEW)||v.includes(js.BUTTON_SEARCH)?s("div",{class:"buttons"},v.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_OPEN_IN_NEW)))):null,v.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_SEARCH)))):null):null):null,u[1]&&u[2]?s("div",{class:"info"},s("span",{class:"label"},u[1]),s("span",{class:"value"},u[2])):null,u[3]&&u[4]?s("div",{class:"info"},s("span",{class:"label"},u[3]),s("span",{class:"value"},u[4])):null)):null,s("div",{class:"section-2"},c[0]?s("kup-tab-bar",Object.assign({},c[0],{id:z.VIEW_SELECTOR})):null),s("div",{class:"section-3"},m.includes(g.FILTERS)?s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${b} ${k===b++?y.VISIBLE:""}`},s("div",{class:`sub-field ${p.length>0||a.length>0||f.length>0?y.HAS_CONTENT:""}`},a.length>0?Ws(a,"datepicker"):null,_.includes(js.TEXTFIELD_FILTER)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_FILTER)))):null,_.includes(js.TEXTFIELD_FROM)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_FROM)))):null,_.includes(js.TEXTFIELD_TO)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_TO)))):null,f.length>0?Ws(f,"timepicker"):null),n.length>0?s("div",{class:"sub-checkbox"},Ws(n,"checkbox")):null):null,m.includes(x.COLUMNS)?s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${b} ${k===b++?y.VISIBLE:""}`},s("div",{class:"sub-button"},v.includes(js.BUTTON_REMOVE)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_REMOVE)))):null,v.includes(js.BUTTON_GROUP)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_GROUP)))):null),s("div",{class:"sub-formula"},_.includes(js.TEXTFIELD_FORMULA)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_FORMULA)))):null),s("div",{class:"sub-chip"},o[0]?s("kup-chip",Object.assign({},o[0],{type:St.INPUT,id:z.COLUMNS_LIST})):s("kup-chip",{type:St.INPUT,id:z.COLUMNS_LIST}),v.includes(js.BUTTON_APPLY)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_APPLY)))):null),l[0]?s("div",{class:"sub-tree"},d[0]?s("kup-tree",Object.assign({class:"kup-full-width",globalFilter:true},d[0],{id:z.EXTRA_COLUMNS})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:true,dimensions:"8px",layout:2}))):null):null,m.includes(g.SETTINGS)?s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${b} ${k===b++?y.VISIBLE:""}`},s("div",{class:"sub-autocomplete"},e.length>0?Ws(e,"autocomplete"):null),s("div",{class:"sub-switch"},w.includes(js.SWITCH_KEY)?s("kup-switch",Object.assign({},h.find((t=>t.id===js.SWITCH_KEY)))):null)):null))}function zn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];const n=t.data["text"]?t.data["text"]:[];const o=t.data["tree"]?t.data["tree"]:[];const a=1;const r=n.slice(0,5);const l=n.slice(5);const h=[];const c=[];const u=[];for(let t=0;t<l.length;t++){if(t%2===0){c.push(l[t])}else{u.push(l[t])}}for(let t=0;t<c.length;t++){h.push(s("div",{class:"detail-row"},s("div",{class:"detail-row__label ellipsis"},c[t]),s("div",{class:"detail-row__value ellipsis"},u[t])))}const p=[];const f=[];const d=t=>t===js.BUTTON_OPEN_IN_NEW||t===js.BUTTON_SEARCH;for(let t=0;t<e.length;t++){const i=e[t];if(i["id"]){p.push(i["id"])}if(!d(i["id"])){f.push(i)}}const m=()=>{const t={data:{"kup-list":{data:[],showIcons:true}},dropdownOnly:true,icon:"more_vert",id:"options",styling:Ot.ICON};for(let e=5;e<f.length;e++){const i=f[e];t.data["kup-list"].data.push(Object.assign(Object.assign({},i),{value:i.title}))}return s("kup-dropdown-button",Object.assign({},t,{title:hn.ketchup.language.translate(g.OPTIONS)}))};return s("div",{class:`standard-layout-${t.layoutNumber}`},s("div",{class:"section-1"},i[0]?s(jt,Object.assign({id:"image1"},i[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:true,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},n[0]||p.includes(js.BUTTON_OPEN_IN_NEW)||p.includes(js.BUTTON_SEARCH)?s("div",{class:"top"},n[0]?s("div",{class:"title"},s("span",{class:`label ${y.CLICKABLE_LINK}`,id:"title-link"},n[0])):null,p.includes(js.BUTTON_OPEN_IN_NEW)||p.includes(js.BUTTON_SEARCH)?s("div",{class:"buttons"},p.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_OPEN_IN_NEW)))):null,p.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_SEARCH)))):null):null):null,r[1]&&r[2]?s("div",{class:"info"},s("span",{class:"label"},r[1]),s("span",{class:"value"},r[2])):null,r[3]&&r[4]?s("div",{class:"info"},s("span",{class:"label"},r[3]),s("span",{class:"value"},r[4])):null)),s("div",{class:"section-2"},s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${a} ${y.VISIBLE}`},s("div",{class:"info"},h.length>0?h:null)),s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${a+1}`},o[0]?s("kup-tree",Object.assign({class:"kup-full-width"},o[0])):null)),f.length>0?s("div",{class:"section-3"},Ws(f.slice(0,5),"button"),f.length>5?m():null,o[0]?s("kup-button",{title:hn.ketchup.language.translate(g.SHOW_ROW_OPTIONS),id:"view-selector",icon:"menu"}):null):null)}function Cn(t){const e=t.data["toolbar"]?t.data["toolbar"]:[];const i=t.data["textfield"]?t.data["textfield"]:[];return s("div",{class:`standard-layout-${t.layoutNumber}`},s("div",{class:"section-2"}),s("div",{class:"section-3"},e[0]?s("div",{class:"section-list"},i.length>0?Ws(i,"textfield"):null,s("kup-list",Object.assign({isMenu:false,id:"list1"},e[0]))):null))}function jn(t){const e=t.data["textfield"]?t.data["textfield"]:[];const i=t.data["list"]?t.data["list"]:[];const n=[];for(let t=0;t<e.length;t++){const i=e[t];if(i["id"]){n.push(i["id"])}}return s("div",{class:`standard-layout-${t.layoutNumber} `},e.length>0&&s("div",{class:`section-1 ${e.length>0?y.HAS_CONTENT:""}`},s("div",{class:`sub-field ${e.length>0?y.HAS_CONTENT:""}`},n.includes(js.TEXTFIELD_FILTER)?s("kup-text-field",Object.assign({},e.find((t=>t.id===js.TEXTFIELD_FILTER)))):null)),s("div",{class:"section-2"},i.length>0?s("div",{class:"sub-list"},i.map((t=>s("kup-list",Object.assign({},t))))):null))}const Wn=Object.freeze({__proto__:null,create1:cn,create2:un,create3:pn,create4:fn,create5:dn,create6:mn,create7:gn,create8:bn,create9:kn,create10:yn,create11:vn,create12:xn,create13:wn,create14:_n,create15:zn,create16:Cn,create17:jn});
+import{r as t,c as e,f as i,h as s,H as n,d as o}from"./p-d7c15b0e.js";import{k as a,a as r,g as l,s as h,b as c,c as u,d as p,e as f,F as d,f as m,h as g,i as b,j as k,l as y,m as v,n as x,o as w,p as _,q as z,r as C,t as j,u as W,v as O,w as D,x as M,y as T,G as S,S as I,z as P,A as R,B as E,C as N,D as L,E as F,H as K,L as A,P as V,I as H,T as B,J as Y,M as X,N as G,O as U,Q as q,R as J,U as Z,V as Q,W as tt,X as et,Y as it,Z as st,_ as nt,$ as ot,a0 as at,a1 as rt,a2 as lt,a3 as ht,a4 as ct,a5 as ut,a6 as pt,a7 as ft}from"./p-a670a42e.js";import{F as dt}from"./p-06fe42ee.js";import{F as mt}from"./p-c4054aba.js";import{I as gt,F as bt,K as kt,a as yt,b as vt,c as xt,d as wt,e as _t,f as zt}from"./p-68f82cb0.js";import{c as Ct}from"./p-635bb4b3.js";import{F as jt}from"./p-2b519589.js";import{F as Wt}from"./p-cc32b7a2.js";import{F as $t,a as Ot}from"./p-e3062c19.js";import{d as Dt,K as Mt,a as Tt}from"./p-029c7cbe.js";import{F as St,a as It,b as Pt,c as Rt}from"./p-0d2bf291.js";import{M as Et}from"./p-d4a879fc.js";import{F as Nt}from"./p-5d03c077.js";import{F as Lt,a as Ft,g as Kt,d as At,c as Vt,n as Ht,p as Bt,f as Yt,b as Xt,s as Gt,t as Ut,K as qt,e as Jt}from"./p-e9aaa7d5.js";import{F as Zt,p as Qt,r as te}from"./p-df055087.js";var ee;(function(t){t["allowInconsistentValues"]="When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.";t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["displayMode"]='Sets how to show the selected item value. Suported values: "code", "description", "both".';t["initialValue"]="Sets the initial value of the component.";t["inputDelay"]="Input event emission delay in milliseconds.";t["minimumChars"]="The minimum number of chars to trigger the autocomplete.";t["selectMode"]='Sets how to return the selected item value. Suported values: "code", "description", "both".';t["serverHandledFilter"]="When true, the items filter is managed server side, otherwise items filter is done client side.";t["showDropDownIcon"]="When true shows the drop-down icon, for open list."})(ee||(ee={}));var ie;(function(t){t["CODE"]="code";t["DESCRIPTION"]="description";t["DESCRIPTION_AND_CODE"]="both"})(ie||(ie={}));function se(t,e,i){if(e==gt.CODE){return t.id}if(e==gt.DESCRIPTION){return t.value}if(e==gt.DESCRIPTION_AND_CODE){return t.id+i+t.value}return t.id}function ne(t,e,i,s,n,o){const a=!!(i&&e&&e["data"]);let r="";let l="";let h=null;if(o!=null){h=o.detail.selected}if(h==null&&t!=null&&a){h=re(e,t,n,true);i.data=[...e["data"]]}if(h==null&&t==null&&e){h=oe(e)}let c=null;if(h==null){h={id:t==null?"":t,value:t==null?"":t};r=h.id;l=h.id;c=h.id}else{r=se(h,s," - ");l=se(h,n," - ");c=se(h,gt.CODE," - ")}const u=a?e["data"].find((t=>t.id===c)):null;let p=u?true:false;return{value:r,displayedValue:l,node:u,exists:p}}function oe(t){if(t["data"]){for(let e=0;e<t["data"].length;e++){if(t["data"][e].selected){return t["data"][e]}}}return null}function ae(t,e,i){if(t&&t["data"]){let s=false;let n=null;for(let o=0;o<t["data"].length;o++){if(i==true){t["data"][o].selected=false}if(!s&&t["data"][o].id.toString().toLowerCase()==e.toString().toLowerCase()){n=t["data"][o];n.selected=true;s=true}}if(s==true){return n}for(let i=0;i<t["data"].length;i++){if(t["data"][i].value.toString().toLowerCase()==e.toString().toLowerCase()){n=t["data"][i];n.selected=true;s=true;break}}if(s==true){return n}}return null}function re(t,e,i,s){if(t&&t["data"]){let n=false;let o=null;for(let a=0;a<t["data"].length;a++){let r=se(t["data"][a],i," - ");if(s==true){t["data"][a].selected=false}if(!n&&r.toString().toLowerCase()==e.toString().toLowerCase()){o=t["data"][a];o.selected=true;n=true}}if(n==true){return o}}return ae(t,e,s)}const le=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:max-content}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-50-rgb)}";const he=le;var ce=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var ue=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var pe,fe,de,me,ge,be,ke,ye,ve,xe,we,_e,ze,Ce;const je=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-autocomplete-blur",6);this.kupChange=e(this,"kup-autocomplete-change",6);this.kupClick=e(this,"kup-autocomplete-click",6);this.kupFocus=e(this,"kup-autocomplete-focus",6);this.kupInput=e(this,"kup-autocomplete-input",6);this.kupIconClick=e(this,"kup-autocomplete-iconclick",6);this.kupItemClick=e(this,"kup-autocomplete-itemclick",6);pe.add(this);fe.set(this,true);de.set(this,undefined);me.set(this,null);ge.set(this,a());be.set(this,undefined);ke.set(this,undefined);ye.set(this,null);ve.set(this,void 0);this.displayedValue=undefined;this.value="";this.alert="";this.allowInconsistentValues=false;this.customStyle="";this.data=undefined;this.disabled=false;this.displayMode=gt.DESCRIPTION;this.error="";this.icon=null;this.initialValue="";this.isClearable=false;this.inputDelay=300;this.label=null;this.leadingLabel=false;this.minimumChars=1;this.readOnly=false;this.selectMode=gt.CODE;this.serverHandledFilter=false;this.showDropDownIcon=true;this.sizing=r.MEDIUM;this.trailingIcon=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value})}onKupChange(t){ue(this,fe,true,"f");const e=ce(this,pe,"m",ze).call(this,t,true);if(e.exists||this.allowInconsistentValues){this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,node:e.node})}}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value})}onKupInput(){ue(this,fe,true,"f");const t=ce(this,pe,"m",ze).call(this,ce(this,ke,"f").value,false);ce(this,pe,"m",xe).call(this,false);if(ce(this,ke,"f").value.length>=this.minimumChars){this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,node:t.node})}}onKupIconClick(){if(ce(this,be,"f").classList.contains("toggled")){ce(this,pe,"m",we).call(this)}else{if(this.showDropDownIcon){ce(this,pe,"m",xe).call(this,true)}}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,open:ce(this,be,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id);ce(this,pe,"m",we).call(this);if(ce(this,ke,"f")){ce(this,ke,"f").focus()}this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:ce(this,ke,"f").value,node:t.detail.selected})}listenKeydown(t){if(ce(this,pe,"m",_e).call(this)){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();ce(this,me,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();ce(this,me,"f").focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();ce(this,me,"f").select().then((()=>{ce(this,pe,"m",we).call(this);ce(this,ke,"f").focus()}));break;case"Escape":t.preventDefault();t.stopPropagation();ce(this,pe,"m",we).call(this);break}}else{switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();ce(this,pe,"m",xe).call(this,false);ce(this,me,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();ce(this,pe,"m",xe).call(this,false);ce(this,me,"f").focusPrevious();break}}}async getProps(t){return l(this,ee,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){ce(this,ke,"f").focus()}async setProps(t){h(this,ee,t)}async setValue(t){ue(this,fe,true,"f");ce(this,pe,"m",ze).call(this,t,true)}componentWillLoad(){ce(this,ge,"f").debug.logLoad(this,false);ce(this,ge,"f").theme.register(this);ue(this,fe,true,"f");this.value=this.initialValue;if(!this.data){this.data={"kup-list":{},"kup-text-field":{}}}}componentDidLoad(){ce(this,pe,"m",ze).call(this,this.value,true);ce(this,ge,"f").debug.logLoad(this,true)}componentWillRender(){ce(this,ge,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){ue(this,be,e,"f");ue(this,ke,e.querySelector("input"),"f");mt(e)}}ce(this,ge,"f").debug.logRender(this,true)}render(){const t={alert:this.alert,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,error:this.error,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,readOnly:this.readOnly,sizing:this.sizing,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false};const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");return s(n,{key:"28638ab8423ee6f83a07d87237c824e4acff76c5",class:`${e?"kup-full-height":""} ${i?"kup-full-width":""}`,style:ce(this,de,"f")},s("style",{key:"55ca9795eab45be7b321657d8d234bc2f37594ca"},ce(this,ge,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"6f89c245ddbd8320c5386a7d03717e2a765f247e",id:Ct,style:ce(this,de,"f")},s(dt,Object.assign({key:"498afd4398e617248540a172f985a27c825bb94b"},t,{icon:this.showDropDownIcon?c.DROPDOWN:null,trailingIcon:true},this.data["kup-text-field"],{disabled:this.disabled,fullHeight:e,fullWidth:i,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>{window.clearTimeout(ce(this,ve,"f"));ue(this,ve,window.setTimeout((()=>this.onKupInput()),this.inputDelay),"f")},onIconClick:()=>this.onKupIconClick()}))),ce(this,pe,"m",Ce).call(this))}disconnectedCallback(){if(ce(this,me,"f")){ce(this,ge,"f").dynamicPosition.unregister([ce(this,me,"f")]);ce(this,me,"f").remove()}ce(this,ge,"f").theme.unregister(this)}get rootElement(){return o(this)}};fe=new WeakMap,de=new WeakMap,me=new WeakMap,ge=new WeakMap,be=new WeakMap,ke=new WeakMap,ye=new WeakMap,ve=new WeakMap,pe=new WeakSet,xe=function t(e){if(e!=true&&ce(this,ke,"f").value.length<this.minimumChars){ce(this,pe,"m",we).call(this);return false}const i=this.error.trim().length>0;const s=this.alert.trim().length>0;const n=i||s?-20:0;ce(this,be,"f").classList.add("toggled");ce(this,me,"f").menuVisible=true;const o=ce(this,me,"f").style;o.height="auto";o.minWidth=ce(this,be,"f").clientWidth+"px";if(ce(this,ge,"f").dynamicPosition.isRegistered(ce(this,me,"f"))){ce(this,ge,"f").dynamicPosition.changeAnchor(ce(this,me,"f"),ce(this,be,"f"))}else{ce(this,ge,"f").dynamicPosition.register(ce(this,me,"f"),ce(this,be,"f"),n,u.AUTO,true)}ce(this,ge,"f").dynamicPosition.start(ce(this,me,"f"));if(!ce(this,ye,"f")){ue(this,ye,{cb:()=>{ce(this,pe,"m",we).call(this)},el:ce(this,me,"f")},"f")}ce(this,ge,"f").addClickCallback(ce(this,ye,"f"),true);return true},we=function t(){ce(this,be,"f").classList.remove("toggled");ce(this,me,"f").menuVisible=false;ce(this,ge,"f").dynamicPosition.stop(ce(this,me,"f"));ce(this,ge,"f").removeClickCallback(ce(this,ye,"f"))},_e=function t(){return ce(this,me,"f").menuVisible==true},ze=function t(e,i){if(!ce(this,fe,"f")){return}ue(this,fe,false,"f");const s=ne(e,this.data["kup-list"],ce(this,me,"f"),this.selectMode,this.displayMode);if(s.exists||this.allowInconsistentValues){if(i){this.value=s.value;this.displayedValue=s.displayedValue}if(ce(this,me,"f")!=null&&!this.serverHandledFilter){ce(this,me,"f").filter=s.value}}else{this.displayedValue=e;if(ce(this,me,"f")!=null&&!this.serverHandledFilter){ce(this,me,"f").filter=s.value}}return s},Ce=function t(){return s("kup-list",Object.assign({displayMode:this.displayMode},this.data["kup-list"],{isMenu:true,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>ue(this,me,t,"f")}))};je.style=he;var We;(function(t){t["customStyle"]="Custom style of the component.";t["imageData"]="The data of the image displayed inside the badge.Props of the sub-components.";t["text"]="The text displayed inside the badge.Defaults at false. When set to true, the component is disabled."})(We||(We={}));var $e;(function(t){t["SUCCESS"]="success";t["INFO"]="info";t["ERROR"]="error";t["WARNING"]="warning"})($e||($e={}));const Oe=".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_badge_border_width:var(--kup-badge-border-width, 1px);--kup_badge_border_style:var(--kup-badge-border-style, solid);--kup_badge_border_color:var(--kup-badge-border-color, transparent);--kup_badge_border_radius:var(--kup-badge-border-radius, 30px);--kup_badge_font_family:var(--kup-badge-font-family, var(--kup-font-family));--kup_badge_font_size:var(--kup-badge-font-size, var(--kup-font-size));--kup_badge_min_size:var(--kup-badge-min-size, 1.5em);--kup_badge_padding:var(--kup-badge-padding, 0.45em);--kup_badge_primary_color:var(\n    --kup-badge-primary-color,\n    var(--kup-primary-color)\n  );--kup_badge_text_on_primary_color:var(\n    --kup-badge-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_badge_font_family);font-size:var(--kup_badge_font_size);position:absolute;top:0;left:0;transform:translate(15%, 15%)}#kup-component{background-color:var(--kup_badge_primary_color);border-width:var(--kup_badge_border_width);border-style:var(--kup_badge_border_style);border-color:var(--kup_badge_border_color);border-radius:var(--kup_badge_border_radius);color:var(--kup_badge_text_on_primary_color);font-size:0.625em;min-height:var(--kup_badge_min_size);min-width:var(--kup_badge_min_size);padding:var(--kup_badge_padding) calc(var(--kup_badge_padding));text-align:center;display:flex;justify-content:center;align-items:center}#kup-component .f-image{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);height:inherit;width:inherit}:host(.kup-top-right){top:0;right:0;bottom:unset;left:unset;transform:translate(-15%, 15%)}:host(.kup-bottom-right){top:unset;right:0;bottom:0;left:unset;transform:translate(-15%, -15%)}:host(.kup-bottom-left){top:unset;right:unset;bottom:0;left:0;transform:translate(15%, -15%)}#kup-component.error{background-color:var(--kup-error-color-20);color:var(--kup-error-color-70)}#kup-component.info{background-color:var(--kup-info-color-20);color:var(--kup-info-color-70)}#kup-component.success{background-color:var(--kup-success-color-20);color:var(--kup-success-color-70)}#kup-component.warning{background-color:var(--kup-warning-color-20);color:var(--kup-warning-color-70)}";const De=Oe;const Me=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-badge-click",6);this.kupManager=a();this.customStyle="";this.imageData=null;this.type=$e.INFO;this.text=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,We,t)}async refresh(){i(this)}async setProps(t){h(this,We,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){let t=null;if(!this.text&&this.imageData){if(!this.imageData.sizeX){this.imageData.sizeX="1em"}if(!this.imageData.sizeY){this.imageData.sizeY="1em"}if(!this.imageData.color){this.imageData.color=`var(${p.TEXT_ON_PRIMARY})`}t=s(jt,Object.assign({key:"e197fe483155d3b48e73631cbd8324020ce1e5af"},this.imageData))}return s(n,{key:"1fd717df3a80c057702ffcb7c8f131bf52668be2"},s("style",{key:"3308fe9e61f97234547a6dcbce3a95d2b024430e"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"bcab60d2ee96e3a74216695af0b32c8f139eb188",id:Ct,class:this.type,onClick:()=>this.onKupClick()},this.text,t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Me.style=De;var Te;(function(t){t["buttonType"]="Sets the type of the button.";t["checked"]="When set to true, the icon button state will be on.";t["customStyle"]="Custom style of the component.";t["contentAlign"]="Manage the align contents of the button. It could be right, left, center, around, evenly, between. Center is the default";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["icon"]="When set, the button will show this icon.";t["iconOff"]="When set, the icon button off state will show this icon. Otherwise, an outlined version of the icon prop will be displayed.";t["label"]="When set, the button will show this text.";t["placeholderIcon"]="When set, the button will show this icon, if icon/image not found.";t["styling"]='Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default.';t["showSpinner"]="When set to true, the button show a spinner received in slot.";t["toggable"]="When set to true, the icon button will be toggable on/off.";t["trailingIcon"]="When set, the icon will be shown after the text."})(Te||(Te={}));const Se=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:max-content}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}";const Ie=Se;const Pe=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-button-blur",6);this.kupClick=e(this,"kup-button-click",6);this.kupFocus=e(this,"kup-button-focus",6);this.kupManager=a();this.value="";this.buttonType=null;this.checked=false;this.contentAlign=$t.CENTER;this.customStyle="";this.disabled=false;this.icon=null;this.iconOff=null;this.label=null;this.blackMode=false;this.placeholderIcon=null;this.styling=Ot.RAISED;this.showSpinner=false;this.toggable=false;this.trailingIcon=false;this.sizing=r.MEDIUM;this.keyShortcut=undefined}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupClick(){if(!this.label&&this.icon){if(this.checked){this.checked=false;this.value="off"}else{this.checked=true;this.value="on"}}else{this.value="N/A"}this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}async getProps(t){return l(this,Te,t)}async refresh(){i(this)}async setProps(t){h(this,Te,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(!this.label&&this.icon){if(this.checked){this.value="on"}else{this.value="off"}}else{this.value="N/A"}if(this.keyShortcut&&!this.disabled){this.kupManager.keysBinding.register(this.keyShortcut,this.onKupClick.bind(this))}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={buttonType:this.buttonType,checked:this.checked,contentAlign:this.contentAlign,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,fullHeight:this.rootElement.classList.contains("kup-full-height")?true:false,fullWidth:this.rootElement.classList.contains("kup-full-width")?true:false,icon:this.icon,iconOff:this.iconOff,placeholderIcon:this.placeholderIcon,info:this.rootElement.classList.contains("kup-info")?true:false,label:this.label,large:this.rootElement.classList.contains("kup-large")?true:false,blackMode:this.blackMode,neutral:this.rootElement.classList.contains("kup-neutral")?true:false,pulsating:this.rootElement.classList.contains("kup-pulsating")?true:false,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,shaped:this.rootElement.classList.contains("kup-shaped")?true:false,slim:this.rootElement.classList.contains("kup-slim")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,sizing:this.sizing,styling:this.styling,showSpinner:this.showSpinner,title:this.rootElement.title,toggable:this.toggable,trailingIcon:this.trailingIcon,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus()};if(!this.label&&!this.icon){this.kupManager.debug.logMessage(this,"Empty button.",f.WARNING);return}return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct},s(Wt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this);if(this.keyShortcut){this.kupManager.keysBinding.unregister(this.keyShortcut)}}get rootElement(){return o(this)}};Pe.style=Ie;var Re;(function(t){t["blackMode"]="Forced component on a black background. It prescinds the theme";t["contentAlign"]="Manage the align contents of the button. It could be right, left, center, around, evenly, between. Center is the default";t["columns"]="Number of columns.";t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="When set to true, the sub-components are disabled.";t["showSelection"]="When set to true, highlights the selected button with the secondary color of KupTheme.";t["styling"]='Defines the style of the buttons. Available styles are "flat", "outlined" and "raised" (which is the default).'})(Re||(Re={}));const Ee=".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_buttonlist_grid_gap:var(--kup-buttonlist-grid-gap, 2px);--kup_buttonlist_selected_primary_color:var(\n    --kup-buttonlist-selected-primary-color,\n    var(--kup-secondary-color)\n  );--kup_buttonlist_selected_primary_color_h:var(\n    --kup-buttonlist-selected-primary-color-h,\n    var(--kup-secondary-color-h)\n  );--kup_buttonlist_selected_primary_color_s:var(\n    --kup-buttonlist-selected-primary-color-s,\n    var(--kup-secondary-color-s)\n  );--kup_buttonlist_selected_primary_color_l:var(\n    --kup-buttonlist-selected-primary-color-l,\n    var(--kup-secondary-color-l)\n  );--kup_buttonlist_selected_primary_color_rgb:var(\n    --kup-buttonlist-selected-primary-color-rgb,\n    var(--kup-secondary-color-rgb)\n  );--kup_buttonlist_selected_text_on_primary_color:var(\n    --kup-buttonlist-selected-text-on-primary-color,\n    var(--kup-text-on-secondary-color)\n  );display:block}.button-list--container{display:grid;grid-gap:var(--kup_buttonlist_grid_gap);grid-template-columns:var(--kup_buttonlist_grid_columns);width:max-content}:host(.kup-full-width){width:100%}:host(.kup-full-width) .button-list--container{width:100%}:host(.kup-danger){--kup-button-primary-color:var(--kup-danger-color-60);--kup-button-primary-color-h:var(--kup-danger-color-h);--kup-button-primary-color-s:var(--kup-danger-color-s);--kup-button-primary-color-l:var(--kup-danger-color-l);--kup-button-primary-color-rgb:var(--kup-danger-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-info){--kup-button-primary-color:var(--kup-info-color);--kup-button-primary-color-h:var(--kup-info-color-h);--kup-button-primary-color-s:var(--kup-info-color-s);--kup-button-primary-color-l:var(--kup-info-color-l);--kup-button-primary-color-rgb:var(--kup-info-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-secondary){--kup-button-primary-color:var(--kup-secondary-color);--kup-button-primary-color-h:var(--kup-secondary-color-h);--kup-button-primary-color-s:var(--kup-secondary-color-s);--kup-button-primary-color-l:var(--kup-secondary-color-l);--kup-button-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-button-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-button-primary-color:var(--kup-success-color);--kup-button-primary-color-h:var(--kup-success-color-h);--kup-button-primary-color-s:var(--kup-success-color-s);--kup-button-primary-color-l:var(--kup-success-color-l);--kup-button-primary-color-rgb:var(--kup-success-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-warning){--kup-button-primary-color:var(--kup-warning-color-50);--kup-button-primary-color-h:var(--kup-warning-color-h);--kup-button-primary-color-s:var(--kup-warning-color-s);--kup-button-primary-color-l:var(--kup-warning-color-l);--kup-button-primary-color-rgb:var(--kup-warning-color-rgb);--kup-button-text-on-primary-color:white}";const Ne=Ee;const Le=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-buttonlist-click",6);this.kupManager=a();this.selected="";this.blackMode=false;this.contentAlign=$t.CENTER;this.columns=0;this.customStyle="";this.data=[];this.disabled=false;this.showSelection=true;this.sizing=r.SMALL;this.styling=Ot.RAISED}onKupClick(t,e){this.selected=t;this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:e,obj:this.getObjForEvent(t,e)})}onDropDownItemClick(t,e){this.selected=e;this.onKupClick(e,t.detail.value)}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",f.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return l(this,Re,t)}async refresh(){i(this)}async setProps(t){h(this,Re,t)}renderButton(t,e){if(t===null){this.kupManager.debug.logMessage(this,"Empty data button.",f.WARNING);return null}const i=this.prepareDataFromTreeNode(t,e);if(!i.label&&!i.icon){this.kupManager.debug.logMessage(this,"Empty button.",f.WARNING);return null}const n={blackMode:i.blackMode,contentAlign:i.contentAlign,checked:i.checked,disabled:i.disabled,fullHeight:i.fullHeight,fullWidth:i.fullWidth,icon:i.icon,iconOff:i.iconOff,placeholderIcon:i.placeholderIcon,id:i.id,label:i.label,large:i.large,neutral:this.rootElement.classList.contains("kup-neutral")?true:false,shaped:i.shaped,sizing:i.sizing,styling:i.styling,toggable:i.toggable,trailingIcon:i.trailingIcon,title:i.title,wrapperClass:this.rootElement.className+" "+i.wrapperClass,onClick:()=>this.onKupClick(i.id,"-1")};return s(Wt,Object.assign({},n))}renderDropdownButton(t,e){if(t===null){this.kupManager.debug.logMessage(this,"Empty data dropdown button.",f.WARNING);return null}const i=this.prepareDataFromTreeNode(t,e);if(!i.label&&!i.icon&&!(t===null||t===void 0?void 0:t.data.dropdownOnly)){this.kupManager.debug.logMessage(this,"Empty dropdown button.",f.WARNING);return null}i.data={"kup-list":{data:this.getKupListDataForChildren(t.children),showIcons:true}};i.styling=i.id===this.selected?"raised":i.styling;i.contentalign=i.contentalign;return s("kup-dropdown-button",Object.assign({class:this.rootElement.className+" "+i.wrapperClass},i,{"onkup-dropdownbutton-click":()=>this.onKupClick(e.toString(),"-1"),"onkup-dropdownbutton-itemclick":t=>this.onDropDownItemClick(t,e.toString())}))}prepareDataFromTreeNode(t,e){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(this.blackMode==true){i.blackMode=true}if(this.disabled==true||t.disabled==true){i.disabled=true}if(this.styling!=null&&this.styling.trim()!=""){i.styling=this.styling}if(this.sizing!=null){i.sizing=this.sizing}if(this.contentAlign){i.contentAlign=this.contentAlign}if(i.icon==null){i.icon=t.icon}if(i.placeholderIcon==null){i.placeholderIcon=t.placeholderIcon}if(i.label==null){i.label=t.value}i.fullHeight=this.rootElement.classList.contains("kup-full-height")?true:false;i.fullWidth=this.rootElement.classList.contains("kup-full-width")?true:false;i.id=e.toString();i.large=this.rootElement.classList.contains("kup-large")?true:false;i.pulsating=this.rootElement.classList.contains("kup-pulsating")?true:false;i.shaped=this.rootElement.classList.contains("kup-shaped")?true:false;i.slim=this.rootElement.classList.contains("kup-slim")?true:false;if(!i.wrapperClass){i.wrapperClass=""}if(this.selected==i.id){i.wrapperClass=i.wrapperClass+" selected"}return i}getKupListDataForChildren(t){const e=[];for(let i=0;i<t.length;i++){const s=t[i];e.push({icon:s.icon,placeholderIcon:s.placeholderIcon,id:i.toString(),value:s.value})}return e}getObjForEvent(t,e){let i=Number(t);let s=-1;if(e!=null&&e.trim()!=""){s=Number(e)}let n=this.data[i];if(s!=-1){return n.children[s].obj}return n.obj}renderButtons(){if(this.data==null||this.data.length<1){return null}const t=[];for(let e=0;e<this.data.length;e++){const i=this.data[e];let s=null;if(i.children!=null&&i.children.length>0){s=this.renderDropdownButton(i,e)}else{s=this.renderButton(i,e)}if(s){t.push(s)}}return t}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderButtons();let e=this.columns;if(this.data!=null&&this.data.length>0&&e<=0){e=this.data.length}const i={"--kup_buttonlist_grid_columns":`repeat(${e}, auto)`};const o={"button-list--container":true,"show-selection":this.showSelection&&this.selected?true:false};return s(n,{key:"ecd1414112bdde5f1766f3c43b590e5e70851e71",style:i},s("style",{key:"149c3fda58255a6d3622d39f78c34709784c8c48"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"96c8848d14bab997dc47a5524d95318c6c5d15d0",id:Ct},s("div",{key:"d65aedcb07f673e606119682878f3df22d8a6619",class:o},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["checkDataset"]}}};Le.style=Ne;const Fe=document.documentElement;function Ke(t){const e=[];for(let i=0;i<t.data.cell.length;i++){const n=t.data.cell[i];const o=t.data.columns[i];const a={cell:n,column:o,component:t,density:m.NONE,renderKup:true,row:{cells:{[o.name]:n}}};e.push(s("tr",null,s("td",{class:"label"},o.title),s("td",{class:"value"},s(bt,Object.assign({},a)))))}return s("div",{class:`box-layout-${t.layoutNumber}`},s("table",null,e))}function Ae(t){const e=[];for(let i=0;i<t.data.cell.length;i++){const n=t.data.cell[i];const o=t.data.columns[i];const a={cell:n,column:o,component:t,density:m.NONE,renderKup:true,row:{cells:{[o.name]:n}}};a.cell.cssClass=a.cell.cssClass?a.cell.cssClass+" c-right-aligned":"c-right-aligned";e.push(s("tr",null,s("td",{class:"label"},o.title),s("td",{class:"value"},s(bt,Object.assign({},a)))))}return s("div",{class:`box-layout-${t.layoutNumber}`},s("table",null,e))}function Ve(t){const e=[];for(let i=0;i<t.data.cell.length;i++){const n=t.data.cell[i];const o=t.data.columns[i];const a={cell:n,column:o,component:t,density:m.NONE,renderKup:true,row:{cells:{[o.name]:n}}};e.push(s("div",{class:"flex-container"},s("div",{class:"label"},o.title),s("div",{class:"value"},s(bt,Object.assign({},a)))))}return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},e))}function He(t){var e;const i=t.data.cell;const n=t.data.columns;let o=null;let a=null;for(let t=0;t<i.length;t++){const s=i[t];const n=Fe.ketchup.objects.isImage(s.obj)||Fe.ketchup.objects.isIcon(s.obj)||((e=s.shape)===null||e===void 0?void 0:e.toUpperCase())===d.IMAGE;if(!o&&n){o=t;if(!s.data){s.data={resource:s.value}}}if(!a&&!n){a=t}}const r={};if(o&&n[o]){r[n[o].name]=i[o]}const l={cell:i[o],column:n[o],component:t,density:m.NONE,renderKup:true,row:{cells:r},wrapperClass:"c-centered"};const h={};if(a&&n[a]){h[n[a].name]=i[a]}const c={cell:i[a],column:n[a],component:t,density:m.NONE,renderKup:true,row:{cells:h},wrapperClass:"c-centered"};return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},s("div",{class:"image"},o&&s(bt,Object.assign({},l))),s("div",{class:"value"},a&&s(bt,Object.assign({},c)))))}function Be(t){var e;const i=t.data.cell;const n=t.data.columns;const o=[];let a=null;for(let r=0;r<i.length;r++){const l=i[r];const h=t.data.columns[r];const c=Fe.ketchup.objects.isImage(l.obj)||Fe.ketchup.objects.isIcon(l.obj)||((e=l.shape)===null||e===void 0?void 0:e.toUpperCase())===d.IMAGE;if(!a&&c){a={cell:i[r],column:n[r],component:t,density:m.NONE,renderKup:true,row:{cells:{[n[r].name]:i[r]}},wrapperClass:"c-centered"};if(!l.data){l.data={resource:l.value}}}else{const e={cell:l,column:h,component:t,density:m.NONE,renderKup:true,row:{cells:{[h.name]:l}}};o.push(s("tr",null,s("td",{class:"label"},h.title),s("td",{class:`value`},s(bt,Object.assign({},e)))))}}return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},a?s("div",{class:"image"},s(bt,Object.assign({},a))):null,s("div",{class:"table"},s("table",null,o))))}function Ye(t){var e;const i=t.data.cell;const n=t.data.columns;const o=[];let a=null;for(let n=0;n<i.length;n++){const r=i[n];const l=t.data.columns[n];const h=Fe.ketchup.objects.isImage(r.obj)||Fe.ketchup.objects.isIcon(r.obj)||((e=r.shape)===null||e===void 0?void 0:e.toUpperCase())===d.IMAGE;if(!a&&h){a=n;if(!r.data){r.data={resource:r.value}}}else{const e={cell:r,column:l,component:t,density:m.NONE,renderKup:true,row:{cells:{[l.name]:r}}};o.push(s("tr",null,s("td",{class:"label"},l.title)));o.push(s("tr",null,s("td",{class:`value`},s(bt,Object.assign({},e)))))}}const r={};if(a&&n[a]){r[n[a].name]=i[a]}const l={cell:i[a],column:n[a],component:t,density:m.NONE,renderKup:true,row:{cells:r},wrapperClass:"c-centered"};return s("div",{class:`box-layout-${t.layoutNumber}`},s("div",{class:"container"},s("div",{class:"image"},a&&s(bt,Object.assign({},l))),s("div",{class:"table"},s("table",null,o))))}function Xe(t){return Be(t)}function Ge(t){return Ye(t)}const Ue=Object.freeze({__proto__:null,create1:Ke,create2:Ae,create3:Ve,create4:He,create5:Be,create6:Ye,create7:Xe,create8:Ge});var qe;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["firstDayIndex"]="First day number (0 - sunday, 1 - monday, ...)";t["initialValue"]="Sets the initial value of the component";t["sizing"]="Sets the size of the component. Medium is the default";t["showIcon"]="You can set if u want to show the calendar icon to toggle date-picker. True is the default";t["showPreviousNextMonthDays"]="You can set if show the previous/next month days in calendar"})(qe||(qe={}));var Je;(function(t){t["DATE"]="date";t["MONTH"]="month";t["YEAR"]="year"})(Je||(Je={}));const Ze=document.documentElement;const Qe=a();function ti(t){const e=t.rootElement;if(!e.kupData)e.kupData={};if(t.data&&t.data.options){const i=t.data.options;if(i.resetStatus){e.kupData={};const s=i.initialValue;if(i.initialValue){if(s&&s.k){ei(t,new Date(s.k))}else{ei(t,new Date(i.initialValue))}}if(i.firstDayIndex!==null&&i.firstDayIndex!==undefined){e.kupData.firstDayIndex=i.firstDayIndex}if(i.showPreviousNextMonthDays!=null&&i.showPreviousNextMonthDays!==undefined){e.kupData.showPreviousNextMonthDays=i.showPreviousNextMonthDays}i.resetStatus=false}}if(!e.kupData.value)ei(t,new Date);const i=Ze.ketchup.dates.getMonthsAsString();const n=oi(t);const o=ni(t);const a=yi(n);const r=a.initYear;const l=a.endYear;let h="not-set";switch(ui(t)){case Je.DATE:{h=i[o]+", "+n.toString();break}case Je.MONTH:{h=n.toString();break}case Je.YEAR:{h=r.toString()+" - "+l.toString();break}}const c={icon:"chevron_left",wrapperClass:"prev-page",onClick:()=>bi(t)};const u=s(Wt,Object.assign({},c));const p={icon:"chevron_right",wrapperClass:"next-page",onClick:()=>ki(t)};const f=s(Wt,Object.assign({},p));const d={wrapperClass:"change-view-button kup-neutral",styling:Ot.FLAT,label:h,onClick:()=>vi(t),id:"change-view-button"};const m={icon:"calendar",wrapperClass:"today-navigation-button kup-neutral",styling:Ot.FLAT,title:Qe.language.translate(g.TODAY),onClick:()=>zi(t)};return s("div",{id:t.rootElement.id+"_calendar"},s("div",{class:"section-1"},s("div",{class:"sub-1 nav"},u,s(Wt,Object.assign({},m)),s(Wt,Object.assign({},d)),f)),s("div",{class:"section-2"},fi(t)))}function ei(t,e){if(!(e instanceof Date)||isNaN(e.getTime())){e=new Date}const i=t.rootElement;i.kupData.value=e;i.kupData.day=i.kupData.value.getDate();i.kupData.month=i.kupData.value.getMonth();i.kupData.year=i.kupData.value.getFullYear()}function ii(t){const e=t.rootElement;if(e.kupData.value==null)ei(t,new Date);return e.kupData.value}function si(t){const e=t.rootElement;if(e.kupData.day!=null)return e.kupData.day;return null}function ni(t){const e=t.rootElement;if(e.kupData.month!=null)return e.kupData.month;return null}function oi(t){const e=t.rootElement;if(e.kupData.year!=null)return e.kupData.year;return null}function ai(t,e){const i=t.rootElement;i.kupData.day=e}function ri(t,e){const i=t.rootElement;i.kupData.month=e}function li(t,e){const i=t.rootElement;i.kupData.year=e}function hi(t){const e=t.rootElement;if(e.kupData.firstDayIndex!==null&&e.kupData.firstDayIndex!==undefined)return e.kupData.firstDayIndex;return 1}function ci(t){const e=t.rootElement;if(e.kupData.showPreviousNextMonthDays!==null&&e.kupData.showPreviousNextMonthDays!==undefined)return e.kupData.showPreviousNextMonthDays;return true}function ui(t){const e=t.rootElement;if(e.kupData.calendarView)return e.kupData.calendarView;return Je.DATE}function pi(t,e){const i=t.rootElement;i.kupData.calendarView=e}function fi(t){switch(ui(t)){case Je.DATE:{return di(t)}case Je.MONTH:{return mi(t)}case Je.YEAR:{return gi(t)}}}function di(t){const e=Ze.ketchup.dates.getDaysOfWeekAsString(hi(t));const i=ii(t);const n=si(t);const o=ni(t);const a=oi(t);const r=[];const l=[];for(let t=0;t<e.length;t++){r.push(s("th",null,s("span",{class:"item-text"},e[t])))}const h=new Date(a,o,1);const c=new Date(a,o+1,0);const u=new Date;const p=new Date(a,o,0);const f=false;let d=hi(t);const m=h.getDay();let g=[];let k=0;const y=ci(t);let v=0;while(!f){if(d==m){break}g.unshift(s("td",{class:"item-disabled"},s("span",{class:"item-number"},y?p.getDate()-v++:"")));d++;k++;if(d>6){d=0}}let x=1;while(x<=c.getDate()){let e=k;for(let r=k;r<7;r++){let l="item";let h={"data-index":a.toString()+"-"+b((o+1).toString(),"0",2,true)+"-"+b(x.toString(),"0",2,true)};if(n!=null&&x===n||x===i.getDate()&&o===i.getMonth()&&a===i.getFullYear()){l+=" selected"}let p="item-number";if(u.getFullYear()==a&&u.getMonth()==o&&u.getDate()==x){p+=" today"}g.push(s("td",{class:l},s("span",Object.assign({},h,{class:p,onClick:()=>{_i(t,h["data-index"])}}),x)));x++;e=r;if(x>c.getDate()){break}}let r=1;for(let t=e+1;t<7;t++){g.push(s("td",{class:"item-disabled"},s("span",{class:"item-number"},y?r++:"")))}if(g.length>0){l.push(s("tr",null,g));g=[]}k=0}return s("div",null,s("table",{class:"calendar"},s("thead",null,r),s("tbody",null,l)))}function mi(t){const e=Ze.ketchup.dates.getMonthsAsString(Dt.SHORT);let i=si(t);const n=ni(t);const o=oi(t);if(i==null)i=1;const a=[];let r=[];let l=0;while(l<12){for(let a=0;a<4;a++){let a="item";const h={"data-index":o.toString()+"-"+b((l+1).toString(),"0",2,true)+"-"+b(i.toString(),"0",2,true)};if(l===n){a+=" selected"}r.push(s("td",{class:a},s("span",Object.assign({},h,{class:"item-number",onClick:()=>{wi(t,h["data-index"])}}),e[l])));l++}if(r.length>0){a.push(s("tr",null,r));r=[]}}return s("table",{class:"calendar"},s("tbody",null,a))}function gi(t){let e=si(t);const i=ni(t);const n=oi(t);if(e==null)e=1;const o=yi(n);const a=o.initYear;const r=o.endYear;const l=[];let h=[];let c=a;while(c<=r){for(let o=0;o<4;o++){let o="item";let a={"data-index":c.toString()+"-"+b((i+1).toString(),"0",2,true)+"-"+b(e.toString(),"0",2,true)};if(c===n){o+=" selected"}h.push(s("td",{class:o},s("span",Object.assign({},a,{class:"item-number",onClick:()=>{wi(t,a["data-index"])}}),c)));c++}if(h.length>0){l.push(s("tr",null,h));h=[]}}return s("table",{class:"calendar"},s("tbody",null,l))}function bi(t){let e=ni(t);let i=oi(t);if(ui(t)==Je.DATE){if(e<1){e=11;i--}else{e--}}if(ui(t)==Je.MONTH){i--}if(ui(t)==Je.YEAR){let t=yi(i);i=t.initYear-1}ai(t,null);ri(t,e);li(t,i);xi(t)}function ki(t){let e=ni(t);let i=oi(t);if(ui(t)==Je.DATE){if(e>10){e=0;i++}else{e++}}if(ui(t)==Je.MONTH){i++}if(ui(t)==Je.YEAR){const t=yi(i);i=t.endYear+1}ai(t,null);ri(t,e);li(t,i);xi(t)}function yi(t){const e=t-t%10;const i=e+16-1;return{initYear:e,endYear:i}}function vi(t){ai(t,null);switch(ui(t)){case Je.DATE:{pi(t,Je.MONTH);break}case Je.MONTH:{pi(t,Je.YEAR);break}case Je.YEAR:{pi(t,Je.DATE);break}}xi(t)}function xi(t){t.refresh()}function wi(t,e){let i;if(Ze.ketchup.dates.isIsoDate(e)){i=new Date(e)}else{i=new Date}ri(t,i.getMonth());li(t,i.getFullYear());switch(ui(t)){case Je.MONTH:{pi(t,Je.DATE);break}case Je.YEAR:{pi(t,Je.MONTH);break}}xi(t)}function _i(t,e){let i;if(Ze.ketchup.dates.isIsoDate(e)){i=new Date(e)}else{i=new Date}ei(t,i);t.onKupClick(t.rootElement.id,e);xi(t)}function zi(t){ei(t,new Date);t.onKupClick(t.rootElement.id,(new Date).toISOString());xi(t)}const Ci=document.documentElement;function ji(t){const e=t.rootElement;e.kupData={};if(t.data&&t.data.options){const i=t.data.options;const s=i.initialValue;if(i.initialValue){if(s&&s.k)e.kupData.value=s.k;else e.kupData.value=i.initialValue}if(i.manageSeconds!=null)e.kupData.manageSeconds=i.manageSeconds;if(i.hoursActive!=null)e.kupData.hoursActive=i.hoursActive;if(i.minutesActive!=null)e.kupData.minutesActive=i.minutesActive;if(i.secondsActive!=null)e.kupData.secondsActive=i.secondsActive}else{e.kupData.hoursActive=true}return Pi(t)}function Wi(t){const e=t.rootElement;if(e.kupData.manageSeconds!=null)return e.kupData.manageSeconds;return false}function $i(t){const e=t.rootElement;if(e.kupData.value)return e.kupData.value;return""}function Oi(t,e){const i=t.rootElement;i.kupData.value=e}function Di(t){const e=t.rootElement;if(e.kupData.hoursActive!=null)return e.kupData.hoursActive;return false}function Mi(t){const e=t.rootElement;if(e.kupData.minutesActive!=null)return e.kupData.minutesActive;return false}function Ti(t){const e=t.rootElement;if(e.kupData.secondsActive!=null)return e.kupData.secondsActive;return false}function Si(t,e){if(e){const i=t.rootElement;i.kupData[e.id]=e}}function Ii(t,e){return t.rootElement.shadowRoot.getElementById(e)}function Pi(t){return s("div",{id:"clock-div",onBlur:e=>{if(!Ni(e,t)){Li(t)}}},Fi(t))}function Ri(t,e,i){if(t!=null){if(i==null){i=t.detail.selected.id}}Ei(e,i);e.onKupClick(e.rootElement.id,i)}function Ei(t,e){if(e==null){e=$i(t)}if(e==null){return}Oi(t,e)}function Ni(t,e){if(!t.relatedTarget){return false}let i=t.relatedTarget.id;if(i==null||i.trim()==""){return false}if(i==Ii(e,k.CLOCK).id){return true}let s="#clock-div#confirm#";return s.indexOf("#"+i+"#")>=0}function Li(t){t.onKupClick(t.rootElement.id,$i(t))}function Fi(t){let e;if($i(t)){e=Ci.ketchup.dates.toDate($i(t),Wi(t)?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS)}else{e=new Date}let i=e.getHours().toString();let n=e.getMinutes().toString();if(i.length===1){i="0"+i}if(n.length===1){n="0"+n}let o="";if(Wi(t)){o=e.getSeconds().toString();if(o.length===1){o="0"+o}}let a;let r=[s("span",{id:k.HOURS,class:`h ${Di(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)},onClick:()=>{Ki(t,true,false,false);Ai(t,k.HOURS,k.HOURSCIRCLE)},innerHTML:i}),":",s("span",{id:k.MINUTES,class:`m ${Mi(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)},onClick:()=>{Ki(t,false,true,false);Ai(t,k.MINUTES,k.MINUTESCIRCLE)},innerHTML:n})];if(Wi(t)){a=s("div",{id:k.SECONDSCIRCLE,class:`circle seconds ${Ti(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)}},Vi(60,101,115,115,"sec unit",0,5,o,t),s("div",{class:"mid"}));r.push(":",s("span",{id:k.SECONDS,class:`s ${Ti(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)},onClick:()=>{Ki(t,false,false,true);Ai(t,k.SECONDS,k.SECONDSCIRCLE)},innerHTML:o}))}const l={label:"Ok",styling:Ot.FLAT,onClick:e=>{Hi(e,t)}};return s("div",{class:"clock",id:k.CLOCK,ref:e=>{Si(t,e)}},s("div",{class:"top"},r),s("div",{id:k.HOURSCIRCLE,class:`circle hours ${Di(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)}},Vi(12,101,105,105,"hour",0,1,i,t),Vi(12,64,110,110,"hour2",12,1,i,t),s("div",{class:"mid"})),s("div",{id:k.MINUTESCIRCLE,class:`circle minutes ${Mi(t)?y.VISIBLE:""}`,ref:e=>{Si(t,e)}},Vi(60,101,115,115,"min unit",0,5,n,t),s("div",{class:"mid"})),a,s("div",{class:"actions"},s(Wt,Object.assign({},l))))}function Ki(t,e,i,s){const n=t.rootElement;n.kupData.hoursActive=e;n.kupData.minutesActive=i;n.kupData.secondsActive=s}function Ai(t,e,i){Ii(t,k.HOURS).classList.remove(y.VISIBLE);Ii(t,k.HOURSCIRCLE).classList.remove(y.VISIBLE);Ii(t,k.MINUTES).classList.remove(y.VISIBLE);Ii(t,k.MINUTESCIRCLE).classList.remove(y.VISIBLE);if(Wi(t)){Ii(t,k.SECONDS).classList.remove(y.VISIBLE);Ii(t,k.SECONDSCIRCLE).classList.remove(y.VISIBLE)}Ii(t,e).classList.add(y.VISIBLE);Ii(t,i).classList.add(y.VISIBLE)}function Vi(t,e,i,n,o,a,r,l,h){let c,u;const p=[];for(let f=0;f<t;f++){c=e*Math.cos(f/t*2*Math.PI);u=e*Math.sin(f/t*2*Math.PI);let d;let m={};let g={};if(r==1){if(f+3>12){d=f+3-12+a+""}else{let t=f+3+a;if(t!==24){d=f+3+a+""}else{d="00"}}m["data-value"]=d}else{if(f%r==0){if(f+15>=60){m["data-value"]=f+15-60+"";d=f+15-60+a+""}else{m["data-value"]=f+15+"";d=f+15+a+""}}else{if(f+15>=60){m["data-value"]=f+15-60+"";d="⋅"}else{m["data-value"]=f+15+"";d="·"}}}g["left"]=c+i+"px";g["top"]=u+n+"px";if(m["data-value"].length===1){m["data-value"]="0"+m["data-value"]}let b=o;if(m["data-value"]===l){b+=" selected"}let k=s("div",Object.assign({class:b,style:g},m,{onClick:t=>Bi(t,h)}),d);p.push(k)}return p}function Hi(t,e){const i=Ii(e,k.HOURS);const s=Ii(e,k.MINUTES);const n=Ii(e,k.SECONDS);let o=i.innerText+":"+s.innerText;if(Wi(e)){o+=":"+n.innerText}Ri(t,e,o)}function Bi(t,e){const i=Ii(e,k.HOURS);const s=Ii(e,k.MINUTES);const n=Ii(e,k.HOURSCIRCLE);const o=Ii(e,k.MINUTESCIRCLE);const a=Ii(e,k.SECONDS);const r=Ii(e,k.SECONDSCIRCLE);let l=t.target.getAttribute("data-value");if(Di(e)){i.innerText=l;n.querySelector(".selected").classList.remove("selected");Ki(e,false,true,false);Ai(e,k.MINUTES,k.MINUTESCIRCLE)}else if(Mi(e)){s.innerText=l;o.querySelector(".selected").classList.remove("selected");if(Wi(e)){Ki(e,false,false,true);Ai(e,k.SECONDS,k.SECONDSCIRCLE)}else{Hi(t,e);Ki(e,true,false,false);Ai(e,k.HOURS,k.HOURSCIRCLE)}}else{a.innerText=l;r.querySelector(".selected").classList.remove("selected");Hi(t,e);Ki(e,true,false,false);Ai(e,k.HOURS,k.HOURSCIRCLE)}t.target.classList.add("selected")}const Yi=document.documentElement;const Xi=[v.AVERAGE,v.DIFFERENCE,v.PRODUCT,v.SUM];function Gi(t){const e=t.data.options;const i=[];let n,o,a,r;for(let t=0;t<e.data.columns.length;t++){const s=e.data.columns[t];if(s.visible!==false&&s.obj&&Yi.ketchup.objects.isNumber(s.obj)){i.push({obj:s.obj,value:s.name,title:s.title,id:s.name})}}const l=!!(i.length>0);if(e.enableMerge||e.enableMove){n=Ui(e)}if(e.enableFormula){o=qi(e,l);if(l){a=s("kup-button",{"onKup-button-click":()=>ts(t),label:Yi.ketchup.language.translate(v.CALCULATE),styling:Ot.OUTLINED});r=s("div",{class:"sub-chip"},s("kup-chip",{data:i,"onKup-chip-click":e=>Zi(e,t)}))}}return[n,o,a,r]}function Ui(t){const e=[];if(t.enableMerge){e.push({icon:"library_add",id:g.MERGE,value:Yi.ketchup.language.translate(g.MERGE)})}if(t.enableMove){e.push({icon:"swap_horiz",id:g.MOVE,value:Yi.ketchup.language.translate(g.MOVE)})}return e.length>0?s("kup-list",{data:e,showIcons:true,"onkup-list-click":e=>Qi(e,t)}):null}function qi(t,e){const i=[];const n=Yi.ketchup.objects.isNumber(t.receivingColumn.obj)&&Yi.ketchup.objects.isNumber(t.starterColumn.obj);if(n){i.push({id:v.AVERAGE,value:Yi.ketchup.language.translate(v.AVERAGE)},{id:v.DIFFERENCE,value:Yi.ketchup.language.translate(v.DIFFERENCE)},{id:v.PRODUCT,value:Yi.ketchup.language.translate(v.PRODUCT)},{id:v.SUM,value:Yi.ketchup.language.translate(v.SUM)},{id:`([${t.starterColumn.name}]/[${t.receivingColumn.name}])*100`,value:`[${t.starterColumn.name}] / [${t.receivingColumn.name}] * 100`},{id:`([${t.receivingColumn.name}]/[${t.starterColumn.name}])*100`,value:`[${t.receivingColumn.name}] / [${t.starterColumn.name}] * 100`})}else{i.push({id:x.NO_FORMULA,value:Yi.ketchup.language.translate(x.NO_FORMULA)})}const o={"kup-list":{data:i,selectable:n?true:false},"kup-text-field":{helper:!e?Yi.ketchup.language.translate(x.NON_NUMERICAL_IN_TABLE):n?`i.e.: [${t.receivingColumn.name}] - [${t.starterColumn.name}] + 1`:Yi.ketchup.language.translate(x.NON_NUMERICAL),label:Yi.ketchup.language.translate(v.FORMULA),outlined:true}};return s("kup-combobox",{data:o,disabled:!e})}function Ji(t){return t.rootElement.shadowRoot.querySelector("kup-combobox")}function Zi(t,e){const i=Ji(e);const s=t.detail.chip.value;i.getValue().then((t=>{let e=t;e+="["+s+"]";i.setValue(e)}))}function Qi(t,e){switch(t.detail.selected.id){case g.MERGE:if(e.mergeCb){e.mergeCb()}break;case g.MOVE:if(e.moveCb){e.moveCb()}break}}async function ts(t){const e=t.data.options;const i=Ji(t);if(i){const t=await i.getValue();const s=t.split(";");const n=s.length>=2;const o=n?s[0].trim():"";const a=n?s[1].trim():t;if(Xi.includes(a)){Yi.ketchup.data.column.new(e.data,w.MATH,{columns:[e.receivingColumn.name,e.starterColumn.name],newColumn:n?{name:o,title:o}:undefined,operation:a});if(e.formulaCb!==undefined){e.formulaCb()}}else{const t=Yi.ketchup.data.column.new(e.data,w.MATH,{newColumn:n?{name:o,title:o}:undefined,operation:a});if(typeof t==="string"||t instanceof String){i.classList.add("kup-danger");i.data["kup-text-field"].helper=t;i.refresh()}else if(e.formulaCb!==undefined){e.formulaCb()}}}}const es=document.documentElement;function is(t){const e=t.data.options;const i=!!(e.cancelCb||e.confirmCb);return s("div",{class:"message-box"},e.text?s("div",{class:"text"},e.text):null,i?s("div",{class:"button-wrapper"},e.cancelCb?s(Wt,{icon:"clear",label:es.ketchup.language.translate(g.ABORT),onClick:e.cancelCb,styling:Ot.FLAT}):null,e.confirmCb?s(Wt,{icon:"check",label:es.ketchup.language.translate(g.CONFIRM),onClick:e.confirmCb}):null):null)}const ss=document.documentElement;function ns(t){const e=t.rootElement;if(!e.kupData)e.kupData={value:null,localeValue:""};let i=false;let n=false;const o=os(t);if(o.resetStatus){e.kupData={value:null,localeValue:""};const t=o.initialValue;if(o.initialValue){if(t&&t.k)e.kupData.value=t.k;else e.kupData.value=o.initialValue.toString();e.kupData.localeValue=ss.ketchup.math.numbers.toLocaleString(e.kupData.value)}o.resetStatus=false}if(o.negative)n=true;if(o.decimals)i=true;const a={icon:"cancel",onClick:()=>ls(t)};const r={icon:"save",onClick:()=>cs(t)};const l=hs();return s("table",null,s("tr",null,s("td",{colSpan:3},s("div",{class:"value"},e.kupData.localeValue))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>rs(t,"1")},"1")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"2")},"2")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"3")},"3"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>rs(t,"4")},"4")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"5")},"5")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"6")},"6"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>rs(t,"7")},"7")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"8")},"8")),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"9")},"9"))),s("tr",null,s("td",null,n?[s("div",{class:"number",onClick:()=>as(t)},"-")]:[]),s("td",null,s("div",{class:"number",onClick:()=>rs(t,"0")},"0")),s("td",null,i?[s("div",{class:"number",onClick:()=>rs(t,".")},l)]:[])),s("tr",null,s("td",null),s("td",null,s(Wt,Object.assign({},a))),s("td",null,s(Wt,Object.assign({},r)))))}function os(t){if(t.data.options)return t.data.options;else return{resetStatus:false}}function as(t){const e=t.rootElement;let i=e.kupData.value?e.kupData.value:"0";if(i.startsWith("-"))return;i="-"+i;e.kupData.value=i;e.kupData.localeValue=ss.ketchup.math.numbers.toLocaleString(i);t.refresh()}function rs(t,e){const i=os(t);const s=t.rootElement;const n=".";let o=s.kupData.value?s.kupData.value.toString():"0";if(o=="0"&&e!=n){o=""}if(e==n&&o.includes(n))return;if(i.maxLength&&o.replace(n,"").length==i.maxLength)return;if(i.maxIntegers&&e!=n&&!o.includes(n)&&o.length==i.maxIntegers)return;if(i.maxDecimals&&o.includes(n)&&o.substring(o.indexOf(n)+1).length==i.maxDecimals)return;if(o.includes(n)&&o.substring(o.indexOf(n)+1).length==14)return;o+=e;s.kupData.value=o;s.kupData.localeValue=ss.ketchup.math.numbers.toLocaleString(o);t.refresh()}function ls(t){const e=t.rootElement;e.kupData.value=null;e.kupData.localeValue="";t.refresh()}function hs(){return.1.toLocaleString(ss.ketchup.math.locale).substring(1,2)}function cs(t){const e=t.rootElement;t.onKupClick(t.rootElement.id,e.kupData.value?Number(e.kupData.value).toString():"")}const us=document.documentElement;let ps=null;let fs=null;let ds=null;let ms=null;let gs=null;function bs(t){const e=t.data.options;const i=()=>{ps.setValue("")};const n=t=>{fs.disabled=t;ps.disabled=t;ds.showSpinner=t};const o=async()=>{if(e.submitCb){e.submitCb(n,ps)}};const a=()=>{if(gs){e.authCb(gs)}};const r=()=>[s("div",{class:"title"},"Authentication"),s("kup-text-field",{class:"password",label:"Password",icon:"key-variant",inputType:"password",helperEnabled:true,"onKup-textfield-iconclick":a,"onKup-textfield-submit":a,ref:t=>gs=t}),s("kup-button",{class:"login-button",label:"Login","onKup-button-click":a})];const l=()=>[s("div",{class:"spinner"},s("kup-spinner",{active:true,layout:6,dimensions:"7px"})),s("div",{class:"title"},"Just a moment."),s("div",{class:"text"},"We're connecting you to your AI assistant...")];const h=()=>[s(jt,{resource:"hotel",sizeX:"4em",sizeY:"4em"}),s("div",{class:"title"},"Zzz..."),s("div",{class:"text"},"Your AI assistant is currently offline!")];const c=t=>{if(t.type=="request"){return[s("div",{class:"paragraph"},t.text)]}let e=[];let i=t.funs;let n=t.text;let o=0;for(const t of i){e.push(s("div",{class:"paragraph"},n.slice(o,t.index)));let i=t[0].trim();if(i.startsWith("#[")){i=i.replace("#[","")}if(i.endsWith("]#")){i=i.replace("]#","")}e.push(s("div",{class:"fun",title:"Execute FUN.",onClick:()=>{if(us.ketchup.openAI.onFunClick){us.ketchup.openAI.onFunClick(i)}}},i));o=t.index+t[0].length}e.push(s("div",{class:"paragraph"},n.slice(o)));return e};const u=()=>{const t=()=>{const t=[];if(e.messages&&e.messages.length>0){e.messages.forEach((e=>{t.push(s("div",{class:"message-container"},s("div",{class:e.type},c(e)),s(Wt,{icon:"content-copy",onClick:()=>{navigator.clipboard.writeText(e.text)},title:"Copy text to clipboard.",wrapperClass:"copy"})))}))}else{t.push(s("div",{class:"empty"},"Your chat history is empty!"))}return t};const n=(t,i)=>{if(e.sttCb){e.sttCb(t,i)}};return[s("div",{class:"query-area"},s("kup-text-field",{label:"Ask me something!",textArea:true,ref:t=>ps=t}),s("div",{class:"buttons"},s("kup-button",{icon:"clear",label:"Clear","onKup-button-click":()=>i(),styling:Ot.FLAT,ref:t=>fs=t}),s("kup-button",{class:"stt",icon:"keyboard_voice","onKup-button-click":()=>n(ps,ms),ref:t=>ms=t,styling:Ot.ICON},s("kup-spinner",{active:true,dimensions:"0.6em",layout:6,slot:"spinner"})),s("kup-button",{icon:"smeup-ai",label:"Submit","onKup-button-click":()=>o(),ref:t=>ds=t},s("kup-spinner",{active:true,dimensions:"0.6em",slot:"spinner"})))),s("div",{class:`chat-area ${y.AUTOSCROLL}`},t())]};if(ds){n(false)}return s("div",{class:`wrapper ${e.state}`},e.state==="authentication"?r():e.state==="ready"?u():e.state==="connecting"?l():h())}function ks(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},ti(t))}function ys(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},ji(t))}function vs(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},Gi(t))}function xs(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`})}function ws(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},ns(t))}function _s(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},is(t))}function zs(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${y.BUILT_IN_CARD}`},bs(t))}const Cs=Object.freeze({__proto__:null,create1:ks,create2:ys,create3:vs,create4:xs,create5:ws,create6:_s,create7:zs});var js;(function(t){t["BUTTON_APPLY"]="apply";t["BUTTON_ADD_COLUMNS"]="add";t["BUTTON_GROUP"]="group";t["BUTTON_NEW"]="new";t["BUTTON_OPEN_IN_NEW"]="open-in-new";t["BUTTON_REMOVE"]="remove";t["BUTTON_SEARCH"]="search";t["CHECKBOX_GLOBAL"]="global-checkbox";t["SWITCH_GROUP"]="group";t["SWITCH_KEY"]="key";t["TEXTFIELD_FILTER"]="filter";t["TEXTFIELD_FORMULA"]="formula";t["TEXTFIELD_FROM"]="filter-from";t["TEXTFIELD_TO"]="filter-to"})(js||(js={}));function Ws(t,e){let i=[];for(let n=0;n<t.length;n++){if(typeof t[0]!=="string"&&!t[n].id){t[n]["id"]=e+n}switch(e){case"autocomplete":i.push(s("kup-autocomplete",Object.assign({},t[n])));break;case"button":i.push(s("kup-button",Object.assign({},t[n])));break;case"checkbox":i.push(s("kup-checkbox",Object.assign({},t[n])));break;case"combobox":i.push(s("kup-combobox",Object.assign({},t[n])));break;case"datepicker":i.push(s("kup-date-picker",Object.assign({},t[n])));break;case"slot":i.push(s("slot",null));break;case"text":i.push(s("div",{class:"text"}," ",t[n]));break;case"textfield":i.push(s("kup-text-field",Object.assign({},t[n])));break;case"timepicker":i.push(s("kup-time-picker",Object.assign({},t[n])));break}}return i}function $s(t){return s("div",{id:z.DRAG_HANDLE,class:y.HEADER_BAR},t?s("div",{class:y.DIALOG_TITLE},t):null,s(jt,{color:`var(${p.TITLE})`,sizeX:"1.25em",sizeY:"100%",resource:"clear",id:z.DIALOG_CLOSE}))}function Os(){return s("div",{class:"collapsible-trigger"},s("kup-button",{id:z.EXPAND_ACTION,toggable:true,iconOff:"keyboard_arrow_down",icon:"keyboard_arrow_up"}))}function Ds(t,e){const i=t.rootElement.shadowRoot;if(e.type===_.BUTTON_CLICK&&e.detail.id===z.EXPAND_ACTION){const e=i.querySelector("."+y.COLLAPSIBLE_CARD);if(!e.classList.contains("."+y.EXPANDED)){e.classList.add("."+y.EXPANDED);t.oldSizeY=t.sizeY;t.sizeY="auto"}else if(t.oldSizeY){e.classList.remove("."+y.EXPANDED);t.sizeY=t.oldSizeY}return}if(i&&e.type===_.TABBAR_CLICK&&e.detail.id===z.VIEW_SELECTOR){const t=i.querySelectorAll("."+y.CARD_VIEW);for(let i=0;i<t.length;i++){const s=t[i];if(s.classList.contains(y.VIEW_PREFIX+(e.detail.index+1))){s.classList.add(y.VISIBLE)}else{s.classList.remove(y.VISIBLE)}}}if(i&&e.type===_.CHIP_ICONCLICK&&e.detail.id===z.COLUMNS_LIST){const t=i.querySelector("#"+js.BUTTON_APPLY);t.classList.add("visible")}if(i&&e.type===_.TREE_NODESELECTED&&e.detail.id===z.EXTRA_COLUMNS){if(e.detail.treeNode){const s=i.querySelector("#"+js.BUTTON_APPLY);const n=i.querySelector("#"+z.COLUMNS_LIST);const o=e.detail.treeNode;const a=o.obj;const r=a?a.t+a.p+a.k:"";if(r&&r.trim()!="**"&&o.expandable!=true){const e=n&&n.data?n.data:null;const i=t.rootElement.dataset.column+"_"+(o.id?o.id.replace(/\//g,"_"):"");if(e){const t=e.find((t=>t.value===i));if(t){e.splice(e.indexOf(t),1)}else{e.push({icon:o.icon,placeholderIcon:o.placeholderIcon,value:o.value,obj:o.obj,id:i})}s.classList.add("visible")}else{n.data["chip"]=[{icon:o.icon,placeholderIcon:o.placeholderIcon,label:o.value,obj:o.obj,value:i}]}n.refresh()}}}if(i&&e.type===_.BUTTON_CLICK&&e.detail.id===js.BUTTON_APPLY){const e=i.querySelector("#"+z.COLUMNS_LIST);t.data.chip[0]["data"]=e.data}if(e.type===_.BUTTON_CLICK&&(e.detail.id===z.NEXT_ROW||e.detail.id===z.PREVIOUS_ROW)){t.refresh()}if(i&&e.type===_.BUTTON_CLICK&&e.detail.id===z.VIEW_SELECTOR){const t=i.querySelectorAll("."+y.CARD_VIEW);if(e.detail.value==="on"){t[0].classList.remove(y.VISIBLE);t[1].classList.add(y.VISIBLE)}else{t[1].classList.remove(y.VISIBLE);t[0].classList.add(y.VISIBLE)}}}function Ms(t){const e=t.data["chip"]?t.data["chip"]:[];const i=t.data["color"]?t.data["color"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];let a={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`collapsible-layout-${t.layoutNumber} ${y.COLLAPSIBLE_CARD}`,style:a},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text left"},o[n]?o[n]:""),s("div",{class:"text right"},o[++n]?o[n]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},o[++n]?o[n]:"")),s("div",{class:`sub-3 ${y.COLLAPSIBLE_WRAPPER}`},e[0]?s("kup-chip",Object.assign({class:y.COLLAPSIBLE_ELEMENT,id:"chip1"},e[0])):null)),Os())}function Ts(t){const e=t.data["chip"]?t.data["chip"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`collapsible-layout-${t.layoutNumber} ${y.COLLAPSIBLE_CARD}`,style:r},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++o]?a[o]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},n[0]?s(jt,Object.assign({id:"image1"},n[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++o]?a[o]:"")),s("div",{class:`sub-4 ${y.COLLAPSIBLE_WRAPPER}`},e[0]?s("kup-chip",Object.assign({class:y.COLLAPSIBLE_ELEMENT,id:"chip1"},e[0])):null)),Os())}const Ss=Object.freeze({__proto__:null,create1:Ms,create2:Ts});const Is=document.documentElement;function Ps(t){const e=t.data["text"]?t.data["text"]:[];const i=[];for(let t=1;t<e.length;t++){const n=t%2==0;i.push(s("span",{class:`text ${!n?"label":""}`},e[t]))}return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},$s(e[0]),s("div",{class:"section-1"},i))}function Rs(t){const e=t.data["text"]?t.data["text"]:[];const i=[];for(let t=3;t<e.length;t++){const n=t%2==0;i.push(s("span",{class:`text ${!n?"label":""}`},e[t]))}return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},e[0]?$s(e[0]):$s(""),e[1]&&e[2]?s("div",{class:"section-1"},s("div",{class:"text label"},e[1]),s("div",{class:"text "},e[2])):null,s("div",{class:"section-2"},i))}function Es(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["combobox"]?t.data["combobox"]:[];const n=Array.prototype.slice.call(t.rootElement.children,0);const o=t.data["textfield"]?t.data["textfield"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${y.DIALOG_UNRESIZABLE}`},s("div",null,e.length>0||o.length>0?s("div",{class:"section-1"},s(jt,{id:z.DRAG_HANDLE,resource:"drag_handle",sizeX:"32px",sizeY:"32px"}),Ws(e,"button"),Ws(o,"textfield"),Ws(i,"combobox")):null,n.length>0?s("div",{class:"section-2"},Ws(n,"slot")):null))}function Ns(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["text"]?t.data["text"]:[];const n=t.data["datatable"]?t.data["datatable"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},i[0]?$s(i[0]):$s(""),n[0]&&e[0]&&e[1]?s("div",{class:"section-1"},s("kup-button",Object.assign({},e[0],{id:z.PREVIOUS_ROW,"onkup-button-click":()=>As(t),title:Is.ketchup.language.translate(C.PREVIOUS)})),s("kup-button",Object.assign({},e[1],{id:z.NEXT_ROW,"onkup-button-click":()=>Vs(t),title:Is.ketchup.language.translate(C.NEXT)}))):null,n[0]?s("div",{class:"section-2"},s("kup-data-table",Object.assign({id:"datatable1"},n[0]))):null)}function Ls(t){const e=Array.prototype.slice.call(t.rootElement.children,0);const i=t.data["list"]?t.data["list"]:[];const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${y.DIALOG_UNRESIZABLE}`},n[0]?$s(n[0]):$s(""),s("div",null,e.length>0?s("div",{class:"section-1"},Ws(e,"slot")):null,i[0]?s("div",{class:"section-2"},s("kup-list",Object.assign({id:"list1"},i[0]))):null))}function Fs(t){const e=t.data["datatable"]?t.data["datatable"]:[];const i=t.data["text"]?t.data["text"]:[];return s("div",{class:`dialog-layout-${t.layoutNumber}`},i[0]?$s(i[0]):$s(""),s("div",{class:"section-1"},e.length>0?s("kup-data-table",Object.assign({id:"datatable1"},e[0])):s("kup-spinner",{active:true,dimensions:"7px",layout:14})))}function Ks(t){const e=t.data&&t.data["text"]?t.data["text"]:[];const i=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`dialog-layout-${t.layoutNumber}`},e[0]?$s(e[0]):$s(""),i.length>0?Ws(i,"slot"):null)}function As(t){const e=t.rootElement.shadowRoot;let i=null;let s=null;let n=null;let o=null;if(e){n=e.querySelector("kup-data-table");i=e.querySelector("#"+z.NEXT_ROW);s=e.querySelector("#"+z.PREVIOUS_ROW);if(n){o=n.data}}if(o){let t=Hs(o);if(t){const e=o.columns[t];const n=o.columns[t-1];const a=o.columns[t-2];if(!isNaN(parseInt(n.name))){e.visible=false;n.visible=true;if(isNaN(parseInt(a.name))){s.disabled=true}}i.disabled=false}n.refresh()}}function Vs(t){const e=t.rootElement.shadowRoot;let i=null;let s=null;let n=null;let o=null;if(e){n=e.querySelector("kup-data-table");i=e.querySelector("#"+z.NEXT_ROW);s=e.querySelector("#"+z.PREVIOUS_ROW);if(n){o=n.data}}if(o){let t=Hs(o);if(t){const e=o.columns[t];const n=o.columns[t+1];const a=o.columns[t+2];if(n){e.visible=false;n.visible=true;if(!a){i.disabled=true}}s.disabled=false}n.refresh()}}function Hs(t){for(let e=0;e<t.columns.length;e++){const i=t.columns[e];if(!isNaN(parseInt(i.name))&&i.visible){return e}}return null}const Bs=Object.freeze({__proto__:null,create1:Ps,create2:Rs,create3:Es,create4:Ns,create5:Ls,create6:Fs,create7:Ks});function Ys(t){const e=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},e.length>0?Ws(e,"slot"):null)}function Xs(t){const e=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},e.length>0?Ws(e,"slot"):null)}const Gs=Object.freeze({__proto__:null,create1:Ys,create2:Xs});const Us=document.documentElement;function qs(t){const e=t.data["color"]?t.data["color"]:[];let i=0;const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"descr"},s("div",{style:e[0]?{color:e[0]}:undefined},n[i]?n[i]:"")),s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},n[++i]?n[i]:""))))}function Js(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-int"},s("div",{style:e[1]?{color:e[1]}:undefined},n[0]?n[0]:"",n[1]?Us.ketchup.math.decimalSeparator():"")),n[1]?s("div",{class:"value-dec"},s("div",{style:e[1]?{color:e[1]}:undefined},n[1])):null,s("div",{class:"unit"},s("div",{style:e[1]?{color:e[1]}:undefined},n[2]?n[2]:""))))}function Zs(t){const e=t.data["color"]?t.data["color"]:[];let i=0;const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"value"},s("div",{style:e[0]?{color:e[0]}:undefined},n[i]?n[i]:"")),s("div",{class:"descr"},s("div",{style:e[1]?{color:e[1]}:undefined},n[++i]?n[i]:""))))}function Qs(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];const n=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-and-unit"},s("div",{class:"value-int"},s("div",{style:e[1]?{color:e[1]}:undefined},n[0]?n[0]:"",n[1]?Us.ketchup.math.decimalSeparator():"")),n[1]?s("div",{class:"value-dec"},s("div",{style:e[1]?{color:e[1]}:undefined},n[1])):null,s("div",{class:"unit"},s("div",{style:e[1]?{color:e[1]}:undefined},n[2]?n[2]:""))),s("div",{class:"empty-placeholder"}),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},n[3]?n[3]:""))))}function tn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"descr"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"value"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))),s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null)))}function en(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:"")))))}function sn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))),s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null)))}function nn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))))}function on(t){const e=t.data.color&&t.data.color.length>0?t.data.color[0]:`var(${p.PRIMARY})`;const i=t.data.color&&t.data.color.length>1?t.data.color[1]:`var(${p.BACKGROUND})`;const n=t.data.color&&t.data.color.length>2?t.data.color[2]:`var(${p.TEXT})`;const o=t.data.text&&t.data.text.length>0?t.data.text[0]:null;const a=t.data.text&&t.data.text.length>1?t.data.text[1]:null;const r=t.data.button&&t.data.button.length>0?JSON.parse(JSON.stringify(t.data.button)):[];if(r.length>4){r.splice(4,r.length-4)}r.reverse();const l={["--color-0"]:e,["--color-1"]:i,["--color-2"]:n};return s("div",{class:`scalable-layout-${t.layoutNumber}`,style:l},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"scalable-card"},s("div",{class:"text scalable-element"},s("div",{class:"value"},o),s("div",{class:"descr"},a))),r.length>0?s("div",{class:"buttons"},r.map((e=>s(Wt,{icon:e.icon,placeholderIcon:e.placeholderIcon,title:e.title,styling:e.styling,wrapperClass:e.class,onClick:()=>t.onKupClick(t.rootElement.id,e.id)})))):undefined))}function an(t){const e=t.data.color&&t.data.color.length>0?t.data.color[0]:`var(${p.PRIMARY})`;const i=t.data.color&&t.data.color.length>1?t.data.color[1]:`var(${p.BACKGROUND})`;const n=t.data.color&&t.data.color.length>2?t.data.color[2]:`var(${p.TEXT})`;const o=t.data["image"]?t.data["image"]:[];const a=t.data["color"]?t.data["color"]:[];const r=t.data.text&&t.data.text.length>0?t.data.text[0]:null;const l=t.data.text&&t.data.text.length>1?t.data.text[1]:null;const h=t.data.button&&t.data.button.length>0?JSON.parse(JSON.stringify(t.data.button)):[];if(h.length>4){h.splice(4,h.length-4)}h.reverse();const c={["--color-0"]:e,["--color-1"]:i,["--color-2"]:n};return s("div",{class:`scalable-layout-${t.layoutNumber}`,style:c},s("div",{class:"scalable-card"},s("div",{class:"text scalable-element"},s("div",{class:"title"},r),s("div",{class:"number"},s("div",null,s("div",{class:"icon"},o[0]?s(jt,Object.assign({color:a[0]?a[0]:`var(${p.ICON})`,id:"image1"},o[0],{sizeX:"1.25em",sizeY:"1.25em"})):null)),s("div",null,l)))))}function rn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},s("div",{class:"scalable-element"},s("div",{class:"icon"},i[0]?s(jt,Object.assign({color:e[0]?e[0]:`var(${p.ICON})`,id:"image1"},i[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"value"},s("div",{style:e[1]?{color:e[1]}:undefined},o[n]?o[n]:"")),s("div",{class:"descr"},s("div",{style:e[2]?{color:e[2]}:undefined},o[++n]?o[n]:""))))}const ln=Object.freeze({__proto__:null,create1:qs,create2:Js,create3:Zs,create4:Qs,create5:tn,create6:en,create7:sn,create8:nn,create9:on,create10:an,create11:rn});const hn=document.documentElement;function cn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e.length>0?y.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},i[0]?s("div",{class:"section-1"},s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-2"},o[n]?s("div",{class:"sub-2 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-2 subtitle"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-2 description"},s("div",null,o[n])):null)),e.length>0?s("div",{class:"section-3"},Ws(e,"button")):null)}function un(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e.length>0?y.HAS_ACTIONS:""}`},s("div",{class:"section-1"},o[n]?s("div",{class:"sub-1 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-1 subtitle"},s("div",null,o[n])):null),s("div",{class:"mdc-ripple-surface"},i[0]?s("div",{class:"section-2"},s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-3"},o[++n]?s("div",{class:"sub-3 description"},s("div",null,o[n])):null)),e.length>0?s("div",{class:"section-4"},Ws(e,"button")):null)}function pn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e?y.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},s("div",{class:"media"},i[0]?s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"})):null,s("div",{class:"text-on-media"},o[n]?s("div",{class:"sub-1 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-1 subtitle"},s("div",null,o[n])):null))),s("div",{class:"section-2"},o[++n]?s("div",{class:"sub-2 description"},s("div",null,o[n])):null)),e.length>0?s("div",{class:"section-3"},Ws(e,"button")):null)}function fn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e?y.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},i[0]?s("div",{class:"sub-1 image"},s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"text"},o[n]?s("div",{class:"sub-1 title"},s("div",null,o[n])):null,o[++n]?s("div",{class:"sub-1 subtitle"},s("div",null,o[n])):null))),s("div",{class:"section-2"},e?Ws(e,"button"):""))}function dn(t){const e=t.data["button"]?t.data["button"]:[];let i=0;const n=t.data["color"]?t.data["color"]:[];let o=0;const a=t.data["image"]?t.data["image"]:[];const r=t.data["progressbar"]?t.data["progressbar"]:[];let l=0;const h=t.data["text"]?t.data["text"]:[];let c={[`--color-0`]:n[i]?n[i]:`var(${p.PRIMARY})`,[`--color-1`]:n[++i]?n[i]:`rgba(var(${p.PRIMARY}-rgb),0.1)`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:c},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 icon"},a[o]?s(jt,Object.assign({id:"image1"},a[o],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",{class:"desc-text"},h[l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-2 image"},a[++o]?s(jt,Object.assign({id:"image1"},a[o],{sizeX:"100%",sizeY:"100%"})):null)),s("div",{class:"section-3"},s("div",{class:"sub-3 progress-bar"},r[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-slim":true},r[0])):null),s("div",{class:"sub-3 button"},e[0]?s("kup-button",Object.assign({id:"button1"},e[0])):null)),s("div",{class:"section-4"},s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:""))))}function mn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["progressbar"]?t.data["progressbar"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={["--color-0"]:i[0]?i[0]:`var(${p.PRIMARY})`,["--kup_card_dynamic_color_0"]:"white"};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1"},s("div",{class:"alt-text"},a[o]?a[o]:"")),s("div",{class:"section-2"},s("div",{class:"sub-2"},n[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-radial":true},n[0])):null,s("div",null,a[++o]?a[o]:"")),e[0]?s("kup-button",Object.assign({id:"button1"},e[0])):null))}function gn(t){const e=t.data["color"]?t.data["color"]:[];const i=t.data["image"]?t.data["image"]:[];let n=0;const o=t.data["text"]?t.data["text"]:[];let a={[`--color-0`]:e[0]?e[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:a},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 image"},i[0]?s(jt,Object.assign({id:"image1"},i[0],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",null,o[n]?o[n]:""))),s("div",{class:"section-3"},s("div",{class:"sub-3 alt-text"},o[++n]?o[n]:""),s("div",{class:"sub-3 alt-text"},o[++n]?o[n]:"")))}function bn(t){const e=t.data["chip"]?t.data["chip"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"background"}),s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++o]?a[o]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},n[0]?s(jt,Object.assign({id:"image1"},n[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++o]?a[o]:""))),s("div",{class:"section-2"},e[0]?s("kup-chip",Object.assign({id:"chip1"},e[0])):null))}function kn(t){const e=t.data["chart"]?t.data["chart"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},n[0]?s(jt,Object.assign({color:i[0]?i[0]:`var(${p.PRIMARY})`,id:"image1"},n[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++o]?a[o]:"")),s("div",{class:"text subtitle"},s("div",null,a[++o]?a[o]:""))))),s("div",{class:"section-2"},e[0]?s("kup-chart",Object.assign({id:"chart1"},e[0])):null))}function yn(t){const e=t.data["chart"]?t.data["chart"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1"},e[0]?s("kup-chart",Object.assign({id:"chart1"},e[0])):null),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},n[0]?s(jt,Object.assign({color:i[0]?i[0]:`var(${p.PRIMARY})`,id:"image1"},n[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++o]?a[o]:"")),s("div",{class:"text subtitle"},s("div",null,a[++o]?a[o]:""))))))}function vn(t){const e=t.data["chart"]?t.data["chart"]:[];const i=t.data["color"]?t.data["color"]:[];const n=t.data["image"]?t.data["image"]:[];let o=0;const a=t.data["text"]?t.data["text"]:[];let r={[`--color-0`]:i[0]?i[0]:`var(${p.PRIMARY})`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:r},s("div",{class:"section-1",onMouseEnter:t=>{let e=t.currentTarget;e.style.minWidth=e.scrollWidth+10+"px";e.style.maxWidth=e.scrollWidth+10+"px"},onMouseLeave:t=>{let e=t.currentTarget;e.style.minWidth="";e.style.maxWidth=""}},s("div",{class:"sub-1 dyn-color"},s("div",{class:"text description"},a[o]?a[o]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},n[0]?s(jt,Object.assign({color:i[0]?i[0]:`var(${p.PRIMARY})`,id:"image1"},n[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++o]?a[o]:"")),s("div",{class:"text subtitle"},s("div",null,a[++o]?a[o]:""))))),s("div",{class:"section-2"},e[0]?s("kup-chart",Object.assign({id:"chart1"},e[0])):null))}function xn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["checkbox"]?t.data["checkbox"]:[];const n=t.data["datepicker"]?t.data["datepicker"]:[];const o=t.data["textfield"]?t.data["textfield"]:[];const a=t.data["timepicker"]?t.data["timepicker"]:[];const r=[];for(let t=0;t<e.length;t++){const i=e[t];if(i["id"]){r.push(i["id"])}}return s("div",{class:`standard-layout-${t.layoutNumber} `},r.includes(js.BUTTON_REMOVE)||r.includes(js.BUTTON_GROUP)||r.includes(js.BUTTON_ADD_COLUMNS)?s("div",{class:"section-1"},r.includes(js.BUTTON_REMOVE)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_REMOVE)))):null,r.includes(js.BUTTON_GROUP)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_GROUP)))):null,r.includes(js.BUTTON_ADD_COLUMNS)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_ADD_COLUMNS)))):null):null,s("div",{class:`section-2 ${o.length>0||n.length>0||a.length>0?y.HAS_CONTENT:""}`},n.length>0?Ws(n,"datepicker"):null,o.length>0?Ws(o,"textfield"):null,a.length>0?Ws(a,"timepicker"):null),i.length>0?s("div",{class:"section-3"},Ws(i,"checkbox")):null)}function wn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["combobox"]?t.data["combobox"]:[];const n=t.data["text"]?t.data["text"]:[];const o=t.data["textfield"]?t.data["textfield"]:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${e.length>0?y.HAS_ACTIONS:""}`},s("div",null,e.length>0||o.length>0?s("div",{class:"section-1"},Ws(e,"button"),Ws(o,"textfield"),Ws(i,"combobox")):null,n.length>0?s("div",{class:"section-2"},Ws(n,"text")):null))}function _n(t){const e=t.data["autocomplete"]?t.data["autocomplete"]:[];const i=t.data["button"]?t.data["button"]:[];const n=t.data["checkbox"]?t.data["checkbox"]:[];const o=t.data["chip"]?t.data["chip"]:[];const a=t.data["datepicker"]?t.data["datepicker"]:[];const r=t.data["image"]?t.data["image"]:[];const l=t.data["object"]?t.data["object"]:[];const h=t.data["switch"]?t.data["switch"]:[];const c=t.data["tabbar"]?t.data["tabbar"]:[];const u=t.data["text"]?t.data["text"]:[];const p=t.data["textfield"]?t.data["textfield"]:[];const f=t.data["timepicker"]?t.data["timepicker"]:[];const d=t.data["tree"]?t.data["tree"]:[];const m=[];let b=1;let k=1;if(c[0]&&c[0].data){for(let t=0;t<c[0].data.length;t++){const e=c[0].data[t];m.push(e.id);if(e.active){k=t+1}}}const v=[];for(let t=0;t<i.length;t++){const e=i[t];if(e["id"]){v.push(e["id"])}}const w=[];for(let t=0;t<h.length;t++){const e=h[t];if(e["id"]){w.push(e["id"])}}const _=[];for(let t=0;t<p.length;t++){const e=p[t];if(e["id"]){_.push(e["id"])}}return s("div",{class:`standard-layout-${t.layoutNumber} `},l[0]?s("div",{class:"section-1"},r[0]?s(jt,Object.assign({id:"image1"},r[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:true,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},u[0]||v.includes(js.BUTTON_OPEN_IN_NEW)||v.includes(js.BUTTON_SEARCH)?s("div",{class:"top"},u[0]?s("div",{class:"title"},s("span",{class:`label ${y.CLICKABLE_LINK}`,id:"title-link"},u[0])):null,v.includes(js.BUTTON_OPEN_IN_NEW)||v.includes(js.BUTTON_SEARCH)?s("div",{class:"buttons"},v.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_OPEN_IN_NEW)))):null,v.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_SEARCH)))):null):null):null,u[1]&&u[2]?s("div",{class:"info"},s("span",{class:"label"},u[1]),s("span",{class:"value"},u[2])):null,u[3]&&u[4]?s("div",{class:"info"},s("span",{class:"label"},u[3]),s("span",{class:"value"},u[4])):null)):null,s("div",{class:"section-2"},c[0]?s("kup-tab-bar",Object.assign({},c[0],{id:z.VIEW_SELECTOR})):null),s("div",{class:"section-3"},m.includes(g.FILTERS)?s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${b} ${k===b++?y.VISIBLE:""}`},s("div",{class:`sub-field ${p.length>0||a.length>0||f.length>0?y.HAS_CONTENT:""}`},a.length>0?Ws(a,"datepicker"):null,_.includes(js.TEXTFIELD_FILTER)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_FILTER)))):null,_.includes(js.TEXTFIELD_FROM)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_FROM)))):null,_.includes(js.TEXTFIELD_TO)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_TO)))):null,f.length>0?Ws(f,"timepicker"):null),n.length>0?s("div",{class:"sub-checkbox"},Ws(n,"checkbox")):null):null,m.includes(x.COLUMNS)?s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${b} ${k===b++?y.VISIBLE:""}`},s("div",{class:"sub-button"},v.includes(js.BUTTON_REMOVE)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_REMOVE)))):null,v.includes(js.BUTTON_GROUP)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_GROUP)))):null),s("div",{class:"sub-formula"},_.includes(js.TEXTFIELD_FORMULA)?s("kup-text-field",Object.assign({},p.find((t=>t.id===js.TEXTFIELD_FORMULA)))):null),s("div",{class:"sub-chip"},o[0]?s("kup-chip",Object.assign({},o[0],{type:St.INPUT,id:z.COLUMNS_LIST})):s("kup-chip",{type:St.INPUT,id:z.COLUMNS_LIST}),v.includes(js.BUTTON_APPLY)?s("kup-button",Object.assign({},i.find((t=>t.id===js.BUTTON_APPLY)))):null),l[0]?s("div",{class:"sub-tree"},d[0]?s("kup-tree",Object.assign({class:"kup-full-width",globalFilter:true},d[0],{id:z.EXTRA_COLUMNS})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:true,dimensions:"8px",layout:2}))):null):null,m.includes(g.SETTINGS)?s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${b} ${k===b++?y.VISIBLE:""}`},s("div",{class:"sub-autocomplete"},e.length>0?Ws(e,"autocomplete"):null),s("div",{class:"sub-switch"},w.includes(js.SWITCH_KEY)?s("kup-switch",Object.assign({},h.find((t=>t.id===js.SWITCH_KEY)))):null)):null))}function zn(t){const e=t.data["button"]?t.data["button"]:[];const i=t.data["image"]?t.data["image"]:[];const n=t.data["text"]?t.data["text"]:[];const o=t.data["tree"]?t.data["tree"]:[];const a=1;const r=n.slice(0,5);const l=n.slice(5);const h=[];const c=[];const u=[];for(let t=0;t<l.length;t++){if(t%2===0){c.push(l[t])}else{u.push(l[t])}}for(let t=0;t<c.length;t++){h.push(s("div",{class:"detail-row"},s("div",{class:"detail-row__label ellipsis"},c[t]),s("div",{class:"detail-row__value ellipsis"},u[t])))}const p=[];const f=[];const d=t=>t===js.BUTTON_OPEN_IN_NEW||t===js.BUTTON_SEARCH;for(let t=0;t<e.length;t++){const i=e[t];if(i["id"]){p.push(i["id"])}if(!d(i["id"])){f.push(i)}}const m=()=>{const t={data:{"kup-list":{data:[],showIcons:true}},dropdownOnly:true,icon:"more_vert",id:"options",styling:Ot.ICON};for(let e=5;e<f.length;e++){const i=f[e];t.data["kup-list"].data.push(Object.assign(Object.assign({},i),{value:i.title}))}return s("kup-dropdown-button",Object.assign({},t,{title:hn.ketchup.language.translate(g.OPTIONS)}))};return s("div",{class:`standard-layout-${t.layoutNumber}`},s("div",{class:"section-1"},i[0]?s(jt,Object.assign({id:"image1"},i[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:true,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},n[0]||p.includes(js.BUTTON_OPEN_IN_NEW)||p.includes(js.BUTTON_SEARCH)?s("div",{class:"top"},n[0]?s("div",{class:"title"},s("span",{class:`label ${y.CLICKABLE_LINK}`,id:"title-link"},n[0])):null,p.includes(js.BUTTON_OPEN_IN_NEW)||p.includes(js.BUTTON_SEARCH)?s("div",{class:"buttons"},p.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_OPEN_IN_NEW)))):null,p.includes(js.BUTTON_SEARCH)?s("kup-button",Object.assign({},e.find((t=>t.id===js.BUTTON_SEARCH)))):null):null):null,r[1]&&r[2]?s("div",{class:"info"},s("span",{class:"label"},r[1]),s("span",{class:"value"},r[2])):null,r[3]&&r[4]?s("div",{class:"info"},s("span",{class:"label"},r[3]),s("span",{class:"value"},r[4])):null)),s("div",{class:"section-2"},s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${a} ${y.VISIBLE}`},s("div",{class:"info"},h.length>0?h:null)),s("div",{class:`${y.CARD_VIEW} ${y.VIEW_PREFIX}${a+1}`},o[0]?s("kup-tree",Object.assign({class:"kup-full-width"},o[0])):null)),f.length>0?s("div",{class:"section-3"},Ws(f.slice(0,5),"button"),f.length>5?m():null,o[0]?s("kup-button",{title:hn.ketchup.language.translate(g.SHOW_ROW_OPTIONS),id:"view-selector",icon:"menu"}):null):null)}function Cn(t){const e=t.data["toolbar"]?t.data["toolbar"]:[];const i=t.data["textfield"]?t.data["textfield"]:[];return s("div",{class:`standard-layout-${t.layoutNumber}`},s("div",{class:"section-2"}),s("div",{class:"section-3"},e[0]?s("div",{class:"section-list"},i.length>0?Ws(i,"textfield"):null,s("kup-list",Object.assign({isMenu:false,id:"list1"},e[0]))):null))}function jn(t){const e=t.data["textfield"]?t.data["textfield"]:[];const i=t.data["list"]?t.data["list"]:[];const n=[];for(let t=0;t<e.length;t++){const i=e[t];if(i["id"]){n.push(i["id"])}}return s("div",{class:`standard-layout-${t.layoutNumber} `},e.length>0&&s("div",{class:`section-1 ${e.length>0?y.HAS_CONTENT:""}`},s("div",{class:`sub-field ${e.length>0?y.HAS_CONTENT:""}`},n.includes(js.TEXTFIELD_FILTER)?s("kup-text-field",Object.assign({},e.find((t=>t.id===js.TEXTFIELD_FILTER)))):null)),s("div",{class:"section-2"},i.length>0?s("div",{class:"sub-list"},i.map((t=>s("kup-list",Object.assign({},t))))):null))}const Wn=Object.freeze({__proto__:null,create1:cn,create2:un,create3:pn,create4:fn,create5:dn,create6:mn,create7:gn,create8:bn,create9:kn,create10:yn,create11:vn,create12:xn,create13:wn,create14:_n,create15:zn,create16:Cn,create17:jn});
 /*!
  * vanilla-picker v2.12.3
  * https://vanilla-picker.js.org
  *
  * Copyright 2017-2024 Andreas Borgen (https://github.com/Sphinxxxx), Adam Brooks (https://github.com/dissimulate)
  * Released under the ISC license.
- */var $n=function(t,e){if(!(t instanceof e)){throw new TypeError("Cannot call a class as a function")}};var On=function(){function t(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||false;s.configurable=true;if("value"in s)s.writable=true;Object.defineProperty(t,s.key,s)}}return function(e,i,s){if(i)t(e.prototype,i);if(s)t(e,s);return e}}();var Dn=function(){function t(t,e){var i=[];var s=true;var n=false;var o=undefined;try{for(var a=t[Symbol.iterator](),r;!(s=(r=a.next()).done);s=true){i.push(r.value);if(e&&i.length===e)break}}catch(t){n=true;o=t}finally{try{if(!s&&a["return"])a["return"]()}finally{if(n)throw o}}return i}return function(e,i){if(Array.isArray(e)){return e}else if(Symbol.iterator in Object(e)){return t(e,i)}else{throw new TypeError("Invalid attempt to destructure non-iterable instance")}}}();String.prototype.startsWith=String.prototype.startsWith||function(t){return this.indexOf(t)===0};String.prototype.padStart=String.prototype.padStart||function(t,e){var i=this;while(i.length<t){i=e+i}return i};var Mn={cb:"0f8ff",tqw:"aebd7",q:"-ffff",qmrn:"7fffd4",zr:"0ffff",bg:"5f5dc",bsq:"e4c4",bck:"---",nch:"ebcd",b:"--ff",bvt:"8a2be2",brwn:"a52a2a",brw:"deb887",ctb:"5f9ea0",hrt:"7fff-",chcT:"d2691e",cr:"7f50",rnw:"6495ed",crns:"8dc",crms:"dc143c",cn:"-ffff",Db:"--8b",Dcn:"-8b8b",Dgnr:"b8860b",Dgr:"a9a9a9",Dgrn:"-64-",Dkhk:"bdb76b",Dmgn:"8b-8b",Dvgr:"556b2f",Drng:"8c-",Drch:"9932cc",Dr:"8b--",Dsmn:"e9967a",Dsgr:"8fbc8f",DsTb:"483d8b",DsTg:"2f4f4f",Dtrq:"-ced1",Dvt:"94-d3",ppnk:"1493",pskb:"-bfff",mgr:"696969",grb:"1e90ff",rbrc:"b22222",rwht:"af0",stg:"228b22",chs:"-ff",gnsb:"dcdcdc",st:"8f8ff",g:"d7-",gnr:"daa520",gr:"808080",grn:"-8-0",grnw:"adff2f",hnw:"0fff0",htpn:"69b4",nnr:"cd5c5c",ng:"4b-82",vr:"0",khk:"0e68c",vnr:"e6e6fa",nrb:"0f5",wngr:"7cfc-",mnch:"acd",Lb:"add8e6",Lcr:"08080",Lcn:"e0ffff",Lgnr:"afad2",Lgr:"d3d3d3",Lgrn:"90ee90",Lpnk:"b6c1",Lsmn:"a07a",Lsgr:"20b2aa",Lskb:"87cefa",LsTg:"778899",Lstb:"b0c4de",Lw:"e0",m:"-ff-",mgrn:"32cd32",nn:"af0e6",mgnt:"-ff",mrn:"8--0",mqm:"66cdaa",mmb:"--cd",mmrc:"ba55d3",mmpr:"9370db",msg:"3cb371",mmsT:"7b68ee","":"-fa9a",mtr:"48d1cc",mmvt:"c71585",mnLb:"191970",ntc:"5fffa",mstr:"e4e1",mccs:"e4b5",vjw:"dead",nv:"--80",c:"df5e6",v:"808-0",vrb:"6b8e23",rng:"a5-",rngr:"45-",rch:"da70d6",pgnr:"eee8aa",pgrn:"98fb98",ptrq:"afeeee",pvtr:"db7093",ppwh:"efd5",pchp:"dab9",pr:"cd853f",pnk:"c0cb",pm:"dda0dd",pwrb:"b0e0e6",prp:"8-080",cc:"663399",r:"--",sbr:"bc8f8f",rb:"4169e1",sbrw:"8b4513",smn:"a8072",nbr:"4a460",sgrn:"2e8b57",ssh:"5ee",snn:"a0522d",svr:"c0c0c0",skb:"87ceeb",sTb:"6a5acd",sTgr:"708090",snw:"afa",n:"-ff7f",stb:"4682b4",tn:"d2b48c",t:"-8080",thst:"d8bfd8",tmT:"6347",trqs:"40e0d0",vt:"ee82ee",whT:"5deb3",wht:"",hts:"5f5f5",w:"-",wgrn:"9acd32"};function Tn(t){var e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;var i=e>0?t.toFixed(e).replace(/0+$/,"").replace(/\.$/,""):t.toString();return i||"0"}var Sn=function(){function t(e,i,s,n){$n(this,t);var o=this;function a(e){if(e.startsWith("hsl")){var i=e.match(/([\-\d\.e]+)/g).map(Number),s=Dn(i,4),n=s[0],a=s[1],r=s[2],l=s[3];if(l===undefined){l=1}n/=360;a/=100;r/=100;o.hsla=[n,a,r,l]}else if(e.startsWith("rgb")){var h=e.match(/([\-\d\.e]+)/g).map(Number),c=Dn(h,4),u=c[0],p=c[1],f=c[2],d=c[3];if(d===undefined){d=1}o.rgba=[u,p,f,d]}else{if(e.startsWith("#")){o.rgba=t.hexToRgb(e)}else{o.rgba=t.nameToRgb(e)||t.hexToRgb(e)}}}if(e===undefined);else if(Array.isArray(e)){this.rgba=e}else if(s===undefined){var r=e&&""+e;if(r){a(r.toLowerCase())}}else{this.rgba=[e,i,s,n===undefined?1:n]}}On(t,[{key:"printRGB",value:function t(e){var i=e?this.rgba:this.rgba.slice(0,3),s=i.map((function(t,e){return Tn(t,e===3?3:0)}));return e?"rgba("+s+")":"rgb("+s+")"}},{key:"printHSL",value:function t(e){var i=[360,100,100,1],s=["","%","%",""];var n=e?this.hsla:this.hsla.slice(0,3),o=n.map((function(t,e){return Tn(t*i[e],e===3?3:1)+s[e]}));return e?"hsla("+o+")":"hsl("+o+")"}},{key:"printHex",value:function t(e){var i=this.hex;return e?i:i.substring(0,7)}},{key:"rgba",get:function e(){if(this._rgba){return this._rgba}if(!this._hsla){throw new Error("No color is set")}return this._rgba=t.hslToRgb(this._hsla)},set:function t(e){if(e.length===3){e[3]=1}this._rgba=e;this._hsla=null}},{key:"rgbString",get:function t(){return this.printRGB()}},{key:"rgbaString",get:function t(){return this.printRGB(true)}},{key:"hsla",get:function e(){if(this._hsla){return this._hsla}if(!this._rgba){throw new Error("No color is set")}return this._hsla=t.rgbToHsl(this._rgba)},set:function t(e){if(e.length===3){e[3]=1}this._hsla=e;this._rgba=null}},{key:"hslString",get:function t(){return this.printHSL()}},{key:"hslaString",get:function t(){return this.printHSL(true)}},{key:"hex",get:function t(){var e=this.rgba,i=e.map((function(t,e){return e<3?t.toString(16):Math.round(t*255).toString(16)}));return"#"+i.map((function(t){return t.padStart(2,"0")})).join("")},set:function e(i){this.rgba=t.hexToRgb(i)}}],[{key:"hexToRgb",value:function t(e){var i=(e.startsWith("#")?e.slice(1):e).replace(/^(\w{3})$/,"$1F").replace(/^(\w)(\w)(\w)(\w)$/,"$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/,"$1FF");if(!i.match(/^([0-9a-fA-F]{8})$/)){throw new Error("Unknown hex color; "+e)}var s=i.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map((function(t){return parseInt(t,16)}));s[3]=s[3]/255;return s}},{key:"nameToRgb",value:function e(i){var s=i.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),n=Mn[s];return n===undefined?n:t.hexToRgb(n.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function t(e){var i=Dn(e,4),s=i[0],n=i[1],o=i[2],a=i[3];s/=255;n/=255;o/=255;var r=Math.max(s,n,o),l=Math.min(s,n,o);var h=void 0,c=void 0,u=(r+l)/2;if(r===l){h=c=0}else{var p=r-l;c=u>.5?p/(2-r-l):p/(r+l);switch(r){case s:h=(n-o)/p+(n<o?6:0);break;case n:h=(o-s)/p+2;break;case o:h=(s-n)/p+4;break}h/=6}return[h,c,u,a]}},{key:"hslToRgb",value:function t(e){var i=Dn(e,4),s=i[0],n=i[1],o=i[2],a=i[3];var r=void 0,l=void 0,h=void 0;if(n===0){r=l=h=o}else{var c=function t(e,i,s){if(s<0)s+=1;if(s>1)s-=1;if(s<1/6)return e+(i-e)*6*s;if(s<1/2)return i;if(s<2/3)return e+(i-e)*(2/3-s)*6;return e};var u=o<.5?o*(1+n):o+n-o*n,p=2*o-u;r=c(p,u,s+1/3);l=c(p,u,s);h=c(p,u,s-1/3)}var f=[r*255,l*255,h*255].map(Math.round);f[3]=a;return f}}]);return t}();var In=function(){function t(){$n(this,t);this._events=[]}On(t,[{key:"add",value:function t(e,i,s){e.addEventListener(i,s,false);this._events.push({target:e,type:i,handler:s})}},{key:"remove",value:function e(i,s,n){this._events=this._events.filter((function(e){var o=true;if(i&&i!==e.target){o=false}if(s&&s!==e.type){o=false}if(n&&n!==e.handler){o=false}if(o){t._doRemove(e.target,e.type,e.handler)}return!o}))}},{key:"destroy",value:function e(){this._events.forEach((function(e){return t._doRemove(e.target,e.type,e.handler)}));this._events=[]}}],[{key:"_doRemove",value:function t(e,i,s){e.removeEventListener(i,s,false)}}]);return t}();function Pn(t){var e=document.createElement("div");e.innerHTML=t;return e.firstElementChild}function Rn(t,e,i){var s=false;function n(t,e,i){return Math.max(e,Math.min(t,i))}function o(t,o,a){if(a){s=true}if(!s){return}t.preventDefault();var r=e.getBoundingClientRect(),l=r.width,h=r.height,c=o.clientX,u=o.clientY;var p=n(c-r.left,0,l),f=n(u-r.top,0,h);i(p/l,f/h)}function a(t,e){var i=t.buttons===undefined?t.which:t.buttons;if(i===1){o(t,t,e)}else{s=false}}function r(t,e){if(t.touches.length===1){o(t,t.touches[0],e)}else{s=false}}t.add(e,"mousedown",(function(t){a(t,true)}));t.add(e,"touchstart",(function(t){r(t,true)}));t.add(window,"mousemove",a);t.add(e,"touchmove",r);t.add(window,"mouseup",(function(t){s=false}));t.add(e,"touchend",(function(t){s=false}));t.add(e,"touchcancel",(function(t){s=false}))}var En="linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,\n                   linear-gradient(45deg, lightgrey 25%,       white 25%,       white 75%, lightgrey 75%) 1em 1em / 2em 2em";var Nn=360;var Ln="keydown",Fn="mousedown",Kn="focusin";function An(t,e){return(e||document).querySelector(t)}function Vn(t){t.preventDefault();t.stopPropagation()}function Hn(t,e,i,s,n){t.add(e,Ln,(function(t){if(i.indexOf(t.key)>=0){if(n){Vn(t)}s(t)}}))}var Bn=function(){function t(e){$n(this,t);this.settings={popup:"right",layout:"default",alpha:true,editor:true,editorFormat:"hex",cancelButton:false,defaultColor:"#0cf"};this._events=new In;this.onChange=null;this.onDone=null;this.onOpen=null;this.onClose=null;this.setOptions(e)}On(t,[{key:"setOptions",value:function t(e){var i=this;if(!e){return}var s=this.settings;function n(t,e,i){for(var s in t){if(i&&i.indexOf(s)>=0){continue}e[s]=t[s]}}if(e instanceof HTMLElement){s.parent=e}else{if(s.parent&&e.parent&&s.parent!==e.parent){this._events.remove(s.parent);this._popupInited=false}n(e,s);if(e.onChange){this.onChange=e.onChange}if(e.onDone){this.onDone=e.onDone}if(e.onOpen){this.onOpen=e.onOpen}if(e.onClose){this.onClose=e.onClose}var o=e.color||e.colour;if(o){this._setColor(o)}}var a=s.parent;if(a&&s.popup&&!this._popupInited){var r=function t(e){return i.openHandler(e)};this._events.add(a,"click",r);Hn(this._events,a,[" ","Spacebar","Enter"],r);this._popupInited=true}else if(e.parent&&!s.popup){this.show()}}},{key:"openHandler",value:function t(e){if(this.show()){e&&e.preventDefault();this.settings.parent.style.pointerEvents="none";var i=e&&e.type===Ln?this._domEdit:this.domElement;setTimeout((function(){return i.focus()}),100);if(this.onOpen){this.onOpen(this.colour)}}}},{key:"closeHandler",value:function t(e){var i=e&&e.type;var s=false;if(!e){s=true}else if(i===Fn||i===Kn){var n=(this.__containedEvent||0)+100;if(e.timeStamp>n){s=true}}else{Vn(e);s=true}if(s&&this.hide()){this.settings.parent.style.pointerEvents="";if(i!==Fn){this.settings.parent.focus()}if(this.onClose){this.onClose(this.colour)}}}},{key:"movePopup",value:function t(e,i){this.closeHandler();this.setOptions(e);if(i){this.openHandler()}}},{key:"setColor",value:function t(e,i){this._setColor(e,{silent:i})}},{key:"_setColor",value:function t(e,i){if(typeof e==="string"){e=e.trim()}if(!e){return}i=i||{};var s=void 0;try{s=new Sn(e)}catch(t){if(i.failSilently){return}throw t}if(!this.settings.alpha){var n=s.hsla;n[3]=1;s.hsla=n}this.colour=this.color=s;this._setHSLA(null,null,null,null,i)}},{key:"setColour",value:function t(e,i){this.setColor(e,i)}},{key:"show",value:function t(){var e=this.settings.parent;if(!e){return false}if(this.domElement){var i=this._toggleDOM(true);this._setPosition();return i}var s=this.settings.template||'<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>';var n=Pn(s);this.domElement=n;this._domH=An(".picker_hue",n);this._domSL=An(".picker_sl",n);this._domA=An(".picker_alpha",n);this._domEdit=An(".picker_editor input",n);this._domSample=An(".picker_sample",n);this._domOkay=An(".picker_done button",n);this._domCancel=An(".picker_cancel button",n);n.classList.add("layout_"+this.settings.layout);if(!this.settings.alpha){n.classList.add("no_alpha")}if(!this.settings.editor){n.classList.add("no_editor")}if(!this.settings.cancelButton){n.classList.add("no_cancel")}this._ifPopup((function(){return n.classList.add("popup")}));this._setPosition();if(this.colour){this._updateUI()}else{this._setColor(this.settings.defaultColor)}this._bindEvents();return true}},{key:"hide",value:function t(){return this._toggleDOM(false)}},{key:"destroy",value:function t(){this._events.destroy();if(this.domElement){this.settings.parent.removeChild(this.domElement)}}},{key:"_bindEvents",value:function t(){var e=this;var i=this,s=this.domElement,n=this._events;function o(t,e,i){n.add(t,e,i)}o(s,"click",(function(t){return t.preventDefault()}));Rn(n,this._domH,(function(t,e){return i._setHSLA(t)}));Rn(n,this._domSL,(function(t,e){return i._setHSLA(null,t,1-e)}));if(this.settings.alpha){Rn(n,this._domA,(function(t,e){return i._setHSLA(null,null,null,1-e)}))}var a=this._domEdit;{o(a,"input",(function(t){i._setColor(this.value,{fromEditor:true,failSilently:true})}));o(a,"focus",(function(t){var e=this;if(e.selectionStart===e.selectionEnd){e.select()}}))}this._ifPopup((function(){var t=function t(i){return e.closeHandler(i)};o(window,Fn,t);o(window,Kn,t);Hn(n,s,["Esc","Escape"],t);var i=function t(i){e.__containedEvent=i.timeStamp};o(s,Fn,i);o(s,Kn,i);o(e._domCancel,"click",t)}));var r=function t(i){e._ifPopup((function(){return e.closeHandler(i)}));if(e.onDone){e.onDone(e.colour)}};o(this._domOkay,"click",r);Hn(n,s,["Enter"],r)}},{key:"_setPosition",value:function t(){var e=this.settings.parent,i=this.domElement;if(e!==i.parentNode){e.appendChild(i)}this._ifPopup((function(t){if(getComputedStyle(e).position==="static"){e.style.position="relative"}var s=t===true?"popup_right":"popup_"+t;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){if(t===s){i.classList.add(t)}else{i.classList.remove(t)}}));i.classList.add(s)}))}},{key:"_setHSLA",value:function t(e,i,s,n,o){o=o||{};var a=this.colour,r=a.hsla;[e,i,s,n].forEach((function(t,e){if(t||t===0){r[e]=t}}));a.hsla=r;this._updateUI(o);if(this.onChange&&!o.silent){this.onChange(a)}}},{key:"_updateUI",value:function t(e){if(!this.domElement){return}e=e||{};var i=this.colour,s=i.hsla,n="hsl("+s[0]*Nn+", 100%, 50%)",o=i.hslString,a=i.hslaString;var r=this._domH,l=this._domSL,h=this._domA,c=An(".picker_selector",r),u=An(".picker_selector",l),p=An(".picker_selector",h);function f(t,e,i){e.style.left=i*100+"%"}function d(t,e,i){e.style.top=i*100+"%"}f(r,c,s[0]);this._domSL.style.backgroundColor=this._domH.style.color=n;f(l,u,s[1]);d(l,u,1-s[2]);l.style.color=o;d(h,p,1-s[3]);var m=o,g=m.replace("hsl","hsla").replace(")",", 0)"),b="linear-gradient("+[m,g]+")";this._domA.style.background=b+", "+En;if(!e.fromEditor){var k=this.settings.editorFormat,y=this.settings.alpha;var v=void 0;switch(k){case"rgb":v=i.printRGB(y);break;case"hsl":v=i.printHSL(y);break;default:v=i.printHex(y)}this._domEdit.value=v}this._domSample.style.color=a}},{key:"_ifPopup",value:function t(e,i){if(this.settings.parent&&this.settings.popup){e&&e(this.settings.popup)}else{i&&i()}}},{key:"_toggleDOM",value:function t(e){var i=this.domElement;if(!i){return false}var s=e?"":"none",n=i.style.display!==s;if(n){i.style.display=s}return n}}]);return t}();{var Yn=document.createElement("style");Yn.textContent='.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}';document.documentElement.firstElementChild.appendChild(Yn);Bn.StyleElement=Yn}const Xn='.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}.box-layout-1{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}.box-layout-1 table{width:100%}.box-layout-1 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;width:50%}.box-layout-1 .value{font-weight:bold;padding:0.5em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-2{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}.box-layout-2 table{width:100%;display:grid;gap:var(--kup-space-05)}.box-layout-2 table tr{display:flex;justify-content:space-between}.box-layout-2 .label{max-width:50%}.box-layout-2 .value{font-weight:bold;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-3{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}.box-layout-3 .container{display:flex;justify-content:space-between;overflow:hidden;width:100%}.box-layout-3 .flex-container{align-items:center;display:flex;justify-content:center;width:100%}.box-layout-3 .flex-container:first-child{justify-content:flex-start}.box-layout-3 .flex-container:last-child{justify-content:flex-end}.box-layout-3 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-3 .value{padding:0.5em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-3 .f-cell .f-cell__text{white-space:nowrap}.box-layout-4{display:flex;height:100%;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}.box-layout-4 .container{margin:auto;width:100%}.box-layout-4 .image{border-radius:50%;height:64px;margin:auto;width:64px}.box-layout-4 .value{padding-top:0.5em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-4 .f-cell.c-centered .f-cell__content img,.box-layout-4 .f-cell.c-centered .f-cell__content .f-image{margin:0}.box-layout-5{display:flex;height:100%;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}.box-layout-5 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-5 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-5 .label,.box-layout-5 .value{padding:0.5em}.box-layout-5 .label{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.box-layout-5 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-5 .table{box-sizing:border-box;padding:1.25em}.box-layout-5 .table,.box-layout-5 table{width:100%}.box-layout-6{display:flex;height:100%;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}.box-layout-6 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-6 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-6 .label{padding-bottom:0.25em}.box-layout-6 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;padding-bottom:1.25em}.box-layout-6 tr:last-child .value{padding-bottom:0}.box-layout-6 .table{box-sizing:border-box;display:flex;height:max-content;margin:auto;padding:1.25em}.box-layout-6 .table,.box-layout-6 table{width:100%}.box-layout-7{display:flex;height:100%;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}.box-layout-7 .container{height:100%;margin:auto;width:100%}.box-layout-7 .image{width:100%}.box-layout-7 .label,.box-layout-7 .value{padding:0.25em}.box-layout-7 .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-layout-7 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-7 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-7 .table,.box-layout-7 table{width:100%}.box-layout-8{display:flex;height:100%;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}.box-layout-8 .container{height:100%;margin:auto;width:100%}.box-layout-8 .image{width:100%}.box-layout-8 .label{overflow:hidden;padding-bottom:0.25em;text-overflow:ellipsis;white-space:nowrap}.box-layout-8 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-8 tr:last-child .value{padding-bottom:0}.box-layout-8 .table{box-sizing:border-box;padding-top:var(--kup-space-05);padding-bottom:0}.box-layout-8 .table,.box-layout-8 table{width:100%}.built-in-layout-1{--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-primary));--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );--kup_card_selected_color:var(\n    --kup-card-selected-color,\n    var(--kup-primary-color-60)\n  );--kup_card_selected_color_hover:var(\n    --kup-card-selected-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_card_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );background-color:var(--kup_card_background_color);border-radius:var(--kup-radius-00);box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;max-width:300px;overflow:auto;padding:0.5em}.built-in-layout-1 .section-1{box-sizing:border-box;height:5em;overflow:auto;padding-bottom:1em;width:100%}.built-in-layout-1 .section-1 .sub-1{display:flex;flex-direction:row;justify-content:center}.built-in-layout-1 .section-2{height:calc(100% - 60px);overflow:auto;width:100%}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 .change-view-button button{color:var(-kup_card_text_color)}.built-in-layout-1 .change-view-button button span{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;color:var(-kup_card_text_color)}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page .icon-button .f-image .f-image__icon,.built-in-layout-1 .prev-page .icon-button .f-image .f-image__icon{background-color:var(--kup_card_text_color) !important}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 tbody:before{content:"@";display:block;line-height:var(--kup-space-05);text-indent:-99999px}.built-in-layout-1 .item-text{color:var(--kup_card_text_color);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}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item .item-number{cursor:pointer;color:var(--kup_card_text_color)}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup_card_selected_color_hover)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:var(--kup_card_selected_color);color:var(--kup-gray-color-0)}.built-in-layout-1 .item-disabled .item-number{color:var(--kup-text-disabled)}.built-in-layout-1 .item-number{display:flex;justify-content:center;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize;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;line-height:2.5em}.built-in-layout-1 .item-number.today{text-decoration:underline}.built-in-layout-1 .today-navigation-button{display:flex;align-items:center}.built-in-layout-2{background-color:var(--kup-background-color);box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.built-in-layout-2 .top{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color);height:100px;line-height:100px;font-size:50px;text-align:center}.built-in-layout-2 .top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.built-in-layout-2 .top .visible{opacity:1}.built-in-layout-2 .circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;margin:auto;border-radius:1000px;position:relative;top:25px;box-sizing:border-box;display:none}.built-in-layout-2 .circle.visible{display:block}.built-in-layout-2 .mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.built-in-layout-2 .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.built-in-layout-2 .hour.selected{z-index:2}.built-in-layout-2 .hour.selected::after{content:"";z-index:-1;background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.built-in-layout-2 .hour2.selected::after{content:"";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.built-in-layout-2 .unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.built-in-layout-2 .unit.selected::after{content:"";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour,.built-in-layout-2 .hour2,.built-in-layout-2 .unit{cursor:pointer;transition:background-color 0.25s}.built-in-layout-2 .hour:hover,.built-in-layout-2 .hour2:hover,.built-in-layout-2 .unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.built-in-layout-2 .hour.selected,.built-in-layout-2 .hour2.selected,.built-in-layout-2 .unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.built-in-layout-2 .actions{color:var(--kup-primary-color);font-weight:bold;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px}.built-in-layout-2 .action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.built-in-layout-2 .clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.built-in-layout-2 .clock .actions .action:visible{background-color:rgba(0, 0, 0, 0.3)}.built-in-layout-2 .hour:nth-child(12):after{transform:rotate(330deg)}.built-in-layout-2 .hour:nth-child(11):after{transform:rotate(300deg)}.built-in-layout-2 .hour:nth-child(10):after{transform:rotate(270deg)}.built-in-layout-2 .hour:nth-child(9):after{transform:rotate(240deg)}.built-in-layout-2 .hour:nth-child(8):after{transform:rotate(210deg)}.built-in-layout-2 .hour:nth-child(7):after{transform:rotate(180deg)}.built-in-layout-2 .hour:nth-child(6):after{transform:rotate(150deg)}.built-in-layout-2 .hour:nth-child(5):after{transform:rotate(120deg)}.built-in-layout-2 .hour:nth-child(4):after{transform:rotate(90deg)}.built-in-layout-2 .hour:nth-child(3):after{transform:rotate(60deg)}.built-in-layout-2 .hour:nth-child(2):after{transform:rotate(30deg)}.built-in-layout-2 .hour:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-2 .hour2:nth-child(24):after{transform:rotate(690deg)}.built-in-layout-2 .hour2:nth-child(23):after{transform:rotate(660deg)}.built-in-layout-2 .hour2:nth-child(22):after{transform:rotate(630deg)}.built-in-layout-2 .hour2:nth-child(21):after{transform:rotate(600deg)}.built-in-layout-2 .hour2:nth-child(20):after{transform:rotate(570deg)}.built-in-layout-2 .hour2:nth-child(19):after{transform:rotate(540deg)}.built-in-layout-2 .hour2:nth-child(18):after{transform:rotate(510deg)}.built-in-layout-2 .hour2:nth-child(17):after{transform:rotate(480deg)}.built-in-layout-2 .hour2:nth-child(16):after{transform:rotate(450deg)}.built-in-layout-2 .hour2:nth-child(15):after{transform:rotate(420deg)}.built-in-layout-2 .hour2:nth-child(14):after{transform:rotate(390deg)}.built-in-layout-2 .hour2:nth-child(13):after{transform:rotate(360deg)}.built-in-layout-2 .unit:nth-child(60):after{transform:rotate(354deg)}.built-in-layout-2 .unit:nth-child(59):after{transform:rotate(348deg)}.built-in-layout-2 .unit:nth-child(58):after{transform:rotate(342deg)}.built-in-layout-2 .unit:nth-child(57):after{transform:rotate(336deg)}.built-in-layout-2 .unit:nth-child(56):after{transform:rotate(330deg)}.built-in-layout-2 .unit:nth-child(55):after{transform:rotate(324deg)}.built-in-layout-2 .unit:nth-child(54):after{transform:rotate(318deg)}.built-in-layout-2 .unit:nth-child(53):after{transform:rotate(312deg)}.built-in-layout-2 .unit:nth-child(52):after{transform:rotate(306deg)}.built-in-layout-2 .unit:nth-child(51):after{transform:rotate(300deg)}.built-in-layout-2 .unit:nth-child(50):after{transform:rotate(294deg)}.built-in-layout-2 .unit:nth-child(49):after{transform:rotate(288deg)}.built-in-layout-2 .unit:nth-child(48):after{transform:rotate(282deg)}.built-in-layout-2 .unit:nth-child(47):after{transform:rotate(276deg)}.built-in-layout-2 .unit:nth-child(46):after{transform:rotate(270deg)}.built-in-layout-2 .unit:nth-child(45):after{transform:rotate(264deg)}.built-in-layout-2 .unit:nth-child(44):after{transform:rotate(258deg)}.built-in-layout-2 .unit:nth-child(43):after{transform:rotate(252deg)}.built-in-layout-2 .unit:nth-child(42):after{transform:rotate(246deg)}.built-in-layout-2 .unit:nth-child(41):after{transform:rotate(240deg)}.built-in-layout-2 .unit:nth-child(40):after{transform:rotate(234deg)}.built-in-layout-2 .unit:nth-child(39):after{transform:rotate(228deg)}.built-in-layout-2 .unit:nth-child(38):after{transform:rotate(222deg)}.built-in-layout-2 .unit:nth-child(37):after{transform:rotate(216deg)}.built-in-layout-2 .unit:nth-child(36):after{transform:rotate(210deg)}.built-in-layout-2 .unit:nth-child(35):after{transform:rotate(204deg)}.built-in-layout-2 .unit:nth-child(34):after{transform:rotate(198deg)}.built-in-layout-2 .unit:nth-child(33):after{transform:rotate(192deg)}.built-in-layout-2 .unit:nth-child(32):after{transform:rotate(186deg)}.built-in-layout-2 .unit:nth-child(31):after{transform:rotate(180deg)}.built-in-layout-2 .unit:nth-child(30):after{transform:rotate(174deg)}.built-in-layout-2 .unit:nth-child(29):after{transform:rotate(168deg)}.built-in-layout-2 .unit:nth-child(28):after{transform:rotate(162deg)}.built-in-layout-2 .unit:nth-child(27):after{transform:rotate(156deg)}.built-in-layout-2 .unit:nth-child(26):after{transform:rotate(150deg)}.built-in-layout-2 .unit:nth-child(25):after{transform:rotate(144deg)}.built-in-layout-2 .unit:nth-child(24):after{transform:rotate(138deg)}.built-in-layout-2 .unit:nth-child(23):after{transform:rotate(132deg)}.built-in-layout-2 .unit:nth-child(22):after{transform:rotate(126deg)}.built-in-layout-2 .unit:nth-child(21):after{transform:rotate(120deg)}.built-in-layout-2 .unit:nth-child(20):after{transform:rotate(114deg)}.built-in-layout-2 .unit:nth-child(19):after{transform:rotate(108deg)}.built-in-layout-2 .unit:nth-child(18):after{transform:rotate(102deg)}.built-in-layout-2 .unit:nth-child(17):after{transform:rotate(96deg)}.built-in-layout-2 .unit:nth-child(16):after{transform:rotate(90deg)}.built-in-layout-2 .unit:nth-child(15):after{transform:rotate(84deg)}.built-in-layout-2 .unit:nth-child(14):after{transform:rotate(78deg)}.built-in-layout-2 .unit:nth-child(13):after{transform:rotate(72deg)}.built-in-layout-2 .unit:nth-child(12):after{transform:rotate(66deg)}.built-in-layout-2 .unit:nth-child(11):after{transform:rotate(60deg)}.built-in-layout-2 .unit:nth-child(10):after{transform:rotate(54deg)}.built-in-layout-2 .unit:nth-child(9):after{transform:rotate(48deg)}.built-in-layout-2 .unit:nth-child(8):after{transform:rotate(42deg)}.built-in-layout-2 .unit:nth-child(7):after{transform:rotate(36deg)}.built-in-layout-2 .unit:nth-child(6):after{transform:rotate(30deg)}.built-in-layout-2 .unit:nth-child(5):after{transform:rotate(24deg)}.built-in-layout-2 .unit:nth-child(4):after{transform:rotate(18deg)}.built-in-layout-2 .unit:nth-child(3):after{transform:rotate(12deg)}.built-in-layout-2 .unit:nth-child(2):after{transform:rotate(6deg)}.built-in-layout-2 .unit:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-3{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box;overflow:auto}.built-in-layout-3 kup-button,.built-in-layout-3 kup-combobox{margin:0 auto 0.75em auto}.built-in-layout-3 kup-combobox{width:95%}.built-in-layout-3 .sub-chip{border-top:1px solid var(--kup-border-subtle);max-height:33vh;overflow:auto;width:100%}.built-in-layout-4{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box}.built-in-layout-4 .picker_arrow{position:absolute;z-index:-1}.built-in-layout-4 .picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.built-in-layout-4 .picker_wrapper.popup,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{background:var(--kup-background-color);box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4)}.built-in-layout-4 .picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;transform:skew(45deg);transform-origin:0 100%}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.built-in-layout-4 .popup.popup_top{bottom:100%;left:0}.built-in-layout-4 .popup.popup_top .picker_arrow{bottom:0;left:0;transform:rotate(-90deg)}.built-in-layout-4 .popup.popup_bottom{top:100%;left:0}.built-in-layout-4 .popup.popup_bottom .picker_arrow{top:0;left:0;transform:rotate(90deg) scale(1, -1)}.built-in-layout-4 .popup.popup_left{top:0;right:100%}.built-in-layout-4 .popup.popup_left .picker_arrow{top:0;right:0;transform:scale(-1, 1)}.built-in-layout-4 .popup.popup_right{top:0;left:100%}.built-in-layout-4 .popup.popup_right .picker_arrow{top:0;left:0}.built-in-layout-4 .picker_wrapper.no_alpha .picker_alpha{display:none}.built-in-layout-4 .picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.built-in-layout-4 .picker_wrapper.no_cancel .picker_cancel{display:none}.built-in-layout-4 .layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:0.5em}.built-in-layout-4 .layout_default.picker_wrapper input,.built-in-layout-4 .layout_default.picker_wrapper button{font-size:1em}.built-in-layout-4 .layout_default.picker_wrapper>*{margin:0.5em}.built-in-layout-4 .layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.built-in-layout-4 .layout_default .picker_slider,.built-in-layout-4 .layout_default .picker_selector{padding:1em}.built-in-layout-4 .layout_default .picker_hue{width:100%}.built-in-layout-4 .layout_default .picker_sl{flex:1 1 auto}.built-in-layout-4 .layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.built-in-layout-4 .layout_default .picker_editor{order:1;width:6.5em}.built-in-layout-4 .layout_default .picker_editor input{width:100%;height:100%}.built-in-layout-4 .layout_default .picker_sample{order:1;flex:1 1 auto}.built-in-layout-4 .layout_default .picker_done,.built-in-layout-4 .layout_default .picker_cancel{order:1}.built-in-layout-4 .picker_wrapper{box-sizing:border-box;background:var(--kup-background-color);box-shadow:0 0 0 1px var(--kup-border-subtle);cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.built-in-layout-4 .picker_wrapper:focus{outline:none}.built-in-layout-4 .picker_wrapper button,.built-in-layout-4 .picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px var(--kup-border-subtle);outline:none}.built-in-layout-4 .picker_wrapper button:focus,.built-in-layout-4 .picker_wrapper button:active,.built-in-layout-4 .picker_wrapper input:focus,.built-in-layout-4 .picker_wrapper input:active{box-shadow:0 0 2px 1px var(--kup-border-subtle)}.built-in-layout-4 .picker_wrapper button{padding:0.4em 0.6em;cursor:pointer;background-color:whitesmoke;background-image:linear-gradient(0deg, gainsboro, transparent)}.built-in-layout-4 .picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.built-in-layout-4 .picker_selector{position:absolute;z-index:1;display:block;transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.built-in-layout-4 .picker_slider .picker_selector{border-radius:2px}.built-in-layout-4 .picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px var(--kup-border-subtle)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-subtle);background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%), linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.built-in-layout-4 .picker_alpha,.built-in-layout-4 .picker_sample{position:relative;background:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'2\' height=\'2\'%3E%3Cpath d=\'M1,0H0V1H2V2H1\' fill=\'lightgrey\'/%3E%3C/svg%3E") left top/contain white;box-shadow:0 0 0 1px var(--kup-border-subtle)}.built-in-layout-4 .picker_alpha .picker_selector,.built-in-layout-4 .picker_sample .picker_selector{background:none}.built-in-layout-4 .picker_editor input{font-family:monospace;padding:0.2em 0.4em}.built-in-layout-4 .picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.built-in-layout-4 .picker_done,.built-in-layout-4 .picker_arrow{display:none}.built-in-layout-4 .layout_default.picker_wrapper{bottom:unset;font-size:var(--kup-font-size);left:unset;padding:0.25em;right:unset;top:unset;width:100%}.built-in-layout-4 .layout_default .picker_editor input{background:none;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}.built-in-layout-4 .picker_wrapper.popup{box-shadow:var(--kup-box-shadow);margin:0;outline:none}.built-in-layout-5{--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );--kup_card_background_color_hover:var(\n    --kup-card-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_card_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );--kup_card_border_color:var(\n    --kup-card-border-color,\n    var(--kup-border-subtle)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));background:var(--kup_card_background_color);box-shadow:var(--kup_card_box_shadow);box-sizing:border-box;overflow:auto;padding:var(--kup-space-03)}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup_card_text_color);border-bottom:1px solid var(--kup_card_border_color);min-height:1.5em}.built-in-layout-5>table>tr>td>.f-button{display:flex;justify-content:center}.built-in-layout-5>table>tr>td>div.number{cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-5>table>tr>td>div.number:hover{background-color:var(--kup_card_background_color_hover)}.built-in-layout-6{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:2em}.built-in-layout-6 .text{padding-bottom:1.5em;text-align:center}.built-in-layout-6 .button-wrapper{display:flex;justify-content:center}.built-in-layout-6 .f-button{padding:0 0.5em}.built-in-layout-7{border-radius:var(--kup-radius-00);box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-7 .wrapper{display:grid;grid-template-rows:3fr;margin:auto}.built-in-layout-7 .wrapper.ready{display:flex;flex-direction:column;height:100%;width:100%}.built-in-layout-7 .password{padding:2.5em 0 2em 0}.built-in-layout-7 .query-area{min-width:250px}.built-in-layout-7 .chat-area{overflow:auto;padding-top:var(--kup-space-05);white-space:pre-line;word-break:normal}.built-in-layout-7 .spinner{height:48px;margin:auto;width:48px}.built-in-layout-7 .title{text-align:center;font-size:2em}.built-in-layout-7 .empty,.built-in-layout-7 .text{font-size:0.875em;font-style:italic;opacity:0.5;text-align:center}.built-in-layout-7 .buttons{align-items:center;display:flex;justify-content:space-evenly;padding:1em 0}.built-in-layout-7 .stt{padding:0 1em}.built-in-layout-7 .request,.built-in-layout-7 .response{padding:0.5em 1em 1em 1em}.built-in-layout-7 .request .paragraph{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.built-in-layout-7 .response{margin-bottom:var(--kup-space-05)}.built-in-layout-7 .response .paragraph{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}.built-in-layout-7 .message-container{background-color:var(--kup-background-color);border-radius:var(--kup-radius-00);position:relative}.built-in-layout-7 .message-container:hover{background-color:var(--kup-layer-0-hover)}.built-in-layout-7 .message-container:hover .copy{opacity:1}.built-in-layout-7 .copy{--kup-button-font-size:0.75em;bottom:0;opacity:0;position:absolute;right:0;transition:background-color 125ms ease, opacity 250ms ease}.built-in-layout-7 .fun{font-weight:bold}.built-in-layout-7 .fun:hover{text-decoration:underline;cursor:pointer}.collapsible-layout-1{color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-1 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.collapsible-layout-1 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.collapsible-layout-1 .section-2 .sub-1{min-height:1.5em;display:flex;padding:0.6rem 0.8em 0;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.collapsible-layout-1 .section-2 .sub-1 div{font-size:1em}.collapsible-layout-1 .section-2 .sub-1 .left{text-align:left;width:80%}.collapsible-layout-1 .section-2 .sub-1 .right{text-align:right;width:20%}.collapsible-layout-1 .section-2 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em}.collapsible-layout-2{color:var(--kup-text-color);box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;border-radius:4px;display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-2 .section-1{box-sizing:border-box;height:100%;display:flex;flex-direction:column;max-width:100%;width:100%}.collapsible-layout-2 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.collapsible-layout-2 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;max-width:75%}.collapsible-layout-2 .section-1 .sub-2 div{font-size:0.875em}.collapsible-layout-2 .section-1 .sub-3{color:var(--color-0);text-align:center;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;overflow:hidden;max-height:calc(24px + 2.25em);padding:0 1em}.collapsible-layout-2 .section-1 .sub-3 kup-image{margin:auto}.collapsible-layout-2 .section-1 .sub-3 div{font-size:1.25em}.collapsible-card .collapsible-trigger{display:none;position:absolute;bottom:0;left:0;height:50px;width:100%}.collapsible-card .collapsible-trigger kup-button{margin:auto;width:48px}.collapsible-card .collapsible-wrapper{overflow:auto}.collapsible-card.collapsible-active{padding-bottom:50px}.collapsible-card.collapsible-active .collapsible-trigger{display:block}.dialog-layout-1{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:flex;flex-direction:column;height:100%;width:100%;overflow:auto}.dialog-layout-1 .section-1{display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-1 .section-1 .text{min-width:max-content}.dialog-layout-1 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-2 .section-1{text-align:center;touch-action:none;padding-bottom:1em}.dialog-layout-2 .section-1 .text{padding-top:0.75em}.dialog-layout-2 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2 .section-2{border-top:1px solid var(--kup-border-subtle);display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-2 .section-2 .text{min-width:max-content}.dialog-layout-2 .section-2 .text:not(.label){font-weight:bold}.dialog-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;overflow:visible;flex-direction:column;height:100%;position:relative;width:100%}.dialog-layout-3 kup-button{margin-left:0}.dialog-layout-3 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right;touch-action:none}.dialog-layout-3 .section-1 kup-button{margin-right:0.25em}.dialog-layout-3 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.dialog-layout-3 ::slotted(.text){color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-subtle);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:0.25fr 1fr 0.5fr 0.5fr}.scalable-layout-2 .icon{margin:auto;font-size:150%;margin-right:5%}.scalable-layout-2 .value-int{font-size:250%}.scalable-layout-2 .value-dec,.scalable-layout-2 .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-2 .value-dec{margin-left:2%}.scalable-layout-2 .unit{margin-left:4%}.scalable-layout-3 .descr{font-size:70%;width:100%}.scalable-layout-3 .value{font-size:220%}.scalable-layout-4 #image1 img{object-fit:contain}.scalable-layout-4 .scalable-element{display:grid;grid-template-columns:1fr 5fr}.scalable-layout-4 .icon{font-size:150%;margin:auto 5% auto auto}.scalable-layout-4 .value-and-unit{display:flex;color:var(--color-0)}.scalable-layout-4 .value-and-unit .value-int{font-size:250%}.scalable-layout-4 .value-and-unit .value-dec,.scalable-layout-4 .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-4 .value-and-unit .value-dec{margin-left:2%}.scalable-layout-4 .value-and-unit .unit{margin-left:4%}.scalable-layout-4 .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}.scalable-layout-5 #image1 img{object-fit:contain}.scalable-layout-5 .scalable-element{display:flex}.scalable-layout-5 .text-wrapper{margin-right:10px}.scalable-layout-5 .icon{font-size:150%;margin:auto;margin-bottom:0.35em}.scalable-layout-5 .value{font-size:200%}.scalable-layout-5 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-6 #image1 img{object-fit:contain}.scalable-layout-6 .scalable-element{display:flex;justify-content:space-between}.scalable-layout-6 .text-wrapper{margin-left:1em}.scalable-layout-6 .icon{font-size:150%;margin:auto}.scalable-layout-6 .value{font-size:220%;text-align:right}.scalable-layout-6 .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}.scalable-layout-7 #image1 img{object-fit:contain}.scalable-layout-7 .scalable-element{display:flex}.scalable-layout-7 .text-wrapper{margin-right:0.5em}.scalable-layout-7 .icon{font-size:150%;margin:auto;margin-top:0.35em}.scalable-layout-7 .value{font-size:200%;text-align:right}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-8 #image1 img{object-fit:contain}.scalable-layout-8 .scalable-element{align-items:center;display:grid;grid-template-columns:0.25fr 1.25fr 0.25fr}.scalable-layout-8 .icon{margin-right:4%;font-size:75%}.scalable-layout-8 .value{margin:0 8px;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-layout-9{background-color:var(--color-1);color:var(--color-2);height:100%;display:flex;justify-content:unset;overflow:auto;border-radius:4px}.scalable-layout-9 .section-1{background-color:var(--color-0);width:20%;height:100%}.scalable-layout-9 .section-2{width:100%;height:100%;display:flex;flex-direction:column}.scalable-layout-9 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-9 .descr{font-size:80%}.scalable-layout-9 .value{font-size:220%}.scalable-layout-9 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-9 .f-button{float:right}.scalable-layout-10{--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );background-color:var(--kup_card_background_color);color:var(--kup_card_text_color);height:100%;display:flex;justify-content:unset;overflow:auto;width:100%}.scalable-layout-10 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-10 .number{display:flex;justify-content:space-between}.scalable-layout-10 .title{font-size:120%}.scalable-layout-10 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-10 .f-button{float:right}.scalable-card{--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );background-color:var(--kup_card_background_color);color:var(--kup_card_text_color);align-items:center;border-radius:var(--kup-space-00);display:flex;font-size:var(--kup_card_scalable_static_font_size, calc(var(--kup_card_scalable_starting_font_size) * var(--kup_card_scalable_multiplier, 1)));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%;box-sizing:border-box;padding:var(--kup-space-03)}.standard-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-1 kup-button{margin-right:0}.standard-layout-1 #image1 img{object-fit:cover}.standard-layout-1.has-actions{padding-bottom:52px}.standard-layout-1.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-1 .section-1{height:60%;width:100%}.standard-layout-1 .section-2{height:40%;width:100%;overflow:auto}.standard-layout-1 .section-2 .sub-2.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-1 .section-2 .sub-2.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-1 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-1 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-1 .section-3 kup-button{margin-left:0.25em}.standard-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-2 kup-button{margin-right:0}.standard-layout-2 #image1 img{object-fit:cover}.standard-layout-2.has-actions{padding-bottom:52px}.standard-layout-2.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-2 .section-1{width:100%}.standard-layout-2 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-2 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-2 .section-2{height:75%;width:100%}.standard-layout-2 .section-3{width:100%;overflow:auto}.standard-layout-2 .section-3 .sub-3.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-2 .section-3 .sub-3.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-2 .section-4{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-2 .section-4 kup-button{margin-left:0.25em}.standard-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-3 kup-button{margin-right:0}.standard-layout-3 #image1 img{object-fit:cover}.standard-layout-3.has-actions{padding-bottom:52px}.standard-layout-3.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-3 .section-1{height:75%;width:100%}.standard-layout-3 .section-1 .media{position:relative;height:100%;width:100%}.standard-layout-3 .section-1 .text-on-media{position:absolute;bottom:0;left:0}.standard-layout-3 .section-1 .sub-1.title{color:white;padding:0 1em;padding-top:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-3 .section-1 .sub-1.subtitle{color:white;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-3 .section-2{width:100%;overflow:auto}.standard-layout-3 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-3 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-3 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-3 .section-3 kup-button{margin-left:0.25em}.standard-layout-4{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-4 kup-button{margin-right:0}.standard-layout-4 #image1 img{object-fit:cover}.standard-layout-4.has-actions{padding-bottom:52px}.standard-layout-4.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-4 .section-1{display:flex;height:100%;width:100%}.standard-layout-4 .section-1 .sub-1.image{width:33%}.standard-layout-4 .section-1 .sub-1.text{width:77%}.standard-layout-4 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-4 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-4 .section-2{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-4 .section-2 kup-button{margin-left:0.25em}.standard-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);height:100%;overflow:hidden;width:100%}.standard-layout-5 .section-1{background-color:var(--color-0);height:3%}.standard-layout-5 .section-2{display:flex;height:53%}.standard-layout-5 .section-3{display:flex;height:24%}.standard-layout-5 .section-4{display:flex;height:20%;background-color:var(--color-1)}.standard-layout-5 .sub-2{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.standard-layout-5 .sub-2.icon{min-height:20px;flex:0 0 10%;max-width:10%}.standard-layout-5 .sub-2.icon #image1{box-sizing:border-box;margin:auto;padding:0 20%}.standard-layout-5 .sub-2.icon #image1 img{object-fit:contain}.standard-layout-5 .sub-2.text{flex:0 0 70%;max-width:70%;margin:auto;height:100%;flex-wrap:nowrap;padding:1em;text-align:left}.standard-layout-5 .sub-2.image{box-sizing:border-box;flex:0 0 20%;padding:1.5vh 0;max-width:20%}.standard-layout-5 .sub-2.image #image2{box-sizing:border-box;margin:auto;padding:0 10%}.standard-layout-5 .sub-2.image #image2 img{object-fit:contain}.standard-layout-5 .sub-2 .desc-text{overflow:auto}.standard-layout-5 .sub-2 .alt-text{color:var(--kup-primary-color)}.standard-layout-5 .sub-3{box-sizing:border-box}.standard-layout-5 .sub-3.progress-bar{margin:auto;padding:0 5%;vertical-align:2px;width:80%}.standard-layout-5 .sub-3.button{margin:auto;text-align:center;width:20%}.standard-layout-5 .sub-3 kup-button{margin:auto}.standard-layout-5 .sub-4{box-sizing:border-box;margin:auto}.standard-layout-5 .sub-4.text{width:50%;font-size:0.875em}.standard-layout-5 .sub-4 div{padding:0 5%}.standard-layout-5 .sub-4 .alt-text{color:var(--color-0);font-size:1em}.standard-layout-5 .alt-text{font-weight:bold}@media screen and (max-width: 767px){.standard-layout-5 .sub-2.image{display:none}.standard-layout-5 .sub-2.icon{flex-basis:30%;max-width:30%}}.standard-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%}.standard-layout-6 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.standard-layout-6 .section-1 .alt-text{color:var(--kup_card_dynamic_color_0);height:100%;text-align:center;writing-mode:vertical-lr;margin:auto;font-size:1.25em}.standard-layout-6 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.standard-layout-6 .section-2 .sub-2{margin:auto;text-align:center}.standard-layout-6 .section-2 .sub-2 kup-progress-bar{margin-bottom:1em}.standard-layout-6 kup-button{position:absolute;bottom:2%;right:2%}.standard-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.standard-layout-7 #image1 img{margin:auto;object-fit:contain}.standard-layout-7 .section-1{background-color:var(--color-0);height:5%;width:100%}.standard-layout-7 .section-2{height:80%;width:100%;text-align:center;padding:25px 25%;box-sizing:border-box}.standard-layout-7 .section-2 .sub-2{margin:auto}.standard-layout-7 .section-2 .sub-2.image{box-sizing:border-box;height:65%}.standard-layout-7 .section-2 .sub-2.text{font-size:1.4em;letter-spacing:1.2px;padding-top:1em;height:35%}.standard-layout-7 .section-3{display:flex;height:15%;width:100%}.standard-layout-7 .section-3 .alt-text{margin:auto;opacity:0.75;width:50%}.standard-layout-7 .section-3 .alt-text:nth-child(1){margin-left:1em;text-align:left}.standard-layout-7 .section-3 .alt-text:nth-child(2){margin-right:1em;text-align:right}.standard-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-8 .background{background-color:var(--color-0);content:"";height:100%;width:100%;opacity:0.1;pointer-events:none;position:absolute;top:0;left:0;z-index:1}.standard-layout-8 .section-1{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow:auto;height:auto}.standard-layout-8 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.standard-layout-8 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em;max-width:75%}.standard-layout-8 .section-1 .sub-3{color:var(--color-0);font-weight:bold;text-align:center;font-size:1.2em;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;max-height:calc(24px + 2.25em);padding:0 1em;overflow:hidden}.standard-layout-8 .section-1 .sub-3 kup-image{margin:auto}.standard-layout-8 .section-2{display:flex;height:auto;overflow:auto}.standard-layout-9{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-9 #image1 img{object-fit:contain}.standard-layout-9 .section-1{margin-top:auto;margin-right:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-9 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-9 .sub-2{display:flex;flex-direction:row}.standard-layout-9 .text{text-align:left}.standard-layout-9 .text-wrapper{display:flex;flex-direction:column}.standard-layout-9 .icon{margin:auto;padding:0 1.25em}.standard-layout-9 .description{font-size:1.5em;letter-spacing:1px;padding-left:1.25em;padding-top:0.25em}.standard-layout-9 .title{font-size:2.75em;font-weight:bold}.standard-layout-9 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-10{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-10 #image1 img{object-fit:contain}.standard-layout-10 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-10 .section-2{margin-top:auto;margin-left:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-10 .sub-2{display:flex;flex-direction:row-reverse}.standard-layout-10 .text{text-align:right}.standard-layout-10 .text-wrapper{display:flex;flex-direction:column}.standard-layout-10 .icon{margin:auto;padding:0 1.25em}.standard-layout-10 .description{font-size:1.5em;letter-spacing:1px;padding-right:1.25em;padding-top:0.25em}.standard-layout-10 .title{font-size:2.75em;font-weight:bold}.standard-layout-10 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-11{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-11 #image1 img{object-fit:contain}.standard-layout-11 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;min-width:6em;max-width:6em;overflow:hidden;transition:0.25s ease-in}.standard-layout-11 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-11 .sub-1{background-color:var(--color-0);height:100%;text-align:center;writing-mode:vertical-lr;min-width:6em;display:flex;transition:width 0.25s ease-in}.standard-layout-11 .sub-1 div{font-size:1.25em}.standard-layout-11 .sub-2{display:flex;flex-direction:row}.standard-layout-11 .text:not(.description){text-align:left}.standard-layout-11 .text-wrapper{display:flex;flex-direction:column}.standard-layout-11 .icon{margin:auto;padding:0 1.25em}.standard-layout-11 .description{font-size:1.5em;letter-spacing:1px;margin:auto;color:var(--kup_card_dynamic_color_0)}.standard-layout-11 .title{font-size:2.75em;font-weight:bold;margin-top:auto}.standard-layout-11 .subtitle{font-size:1.5em;opacity:0.75;margin-bottom:auto}.standard-layout-12{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-12 .section-1{display:inline-flex;border-bottom:1px solid var(--kup-border-subtle);width:100%}.standard-layout-12 .section-1 kup-button{margin:0}.standard-layout-12 .section-2{display:flex;flex-direction:column}.standard-layout-12 .section-2.has-content{border-bottom:1px solid var(--kup-border-subtle);padding:var(--kup-space-05)}.standard-layout-12 .section-2 kup-date-picker:first-of-type,.standard-layout-12 .section-2 kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-12 .section-3{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto;padding:var(--kup-space-05)}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-subtle);line-height:1.75em}.standard-layout-14{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);max-width:40vw;min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.standard-layout-14 .section-1 .top{display:flex;justify-content:space-between}.standard-layout-14 .section-1 .buttons{display:flex}.standard-layout-14 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-14 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-14 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.standard-layout-14 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-14 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-14 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto;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}.standard-layout-14 .section-1 .info .value{font-weight:600;width:100%;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-14 .section-2,.standard-layout-14 .section-3{padding:1em}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em 0}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-subtle)}.standard-layout-14 .sub-field{display:flex;flex-direction:column;gap:var(--kup-space-03)}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-subtle);padding:0.5em 0}.standard-layout-14 .sub-field kup-date-picker:first-of-type,.standard-layout-14 .sub-field kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-14 .sub-spinner{height:100px}.standard-layout-14 .sub-autocomplete{padding-top:1em}.standard-layout-14 .sub-autocomplete kup-autocomplete{margin:auto;padding:0.5em 0;width:max-content}.standard-layout-14 .sub-switch{display:flex;justify-content:space-evenly;padding:2em}.standard-layout-14 .sub-tree{max-height:25vh;overflow:auto}.standard-layout-14 #apply{display:none;margin:auto}.standard-layout-14 #apply.visible{display:block}.standard-layout-14 #open-in-new,.standard-layout-14 #search,.standard-layout-14 #new{margin:0 0 0.5em 0}.standard-layout-15{background:var(--kup-background-color);border-radius:3px;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);max-width:40vw;outline:none}.standard-layout-15 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-15 .section-1 .sub-1{width:100%}.standard-layout-15 .section-1 .top{display:flex;justify-content:space-between}.standard-layout-15 .section-1 .buttons{display:flex}.standard-layout-15 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-15 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-15 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.standard-layout-15 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-15 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-15 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto;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}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-subtle);box-sizing:border-box;height:180px;opacity:1;overflow:auto;transition:height 250ms ease-out, opacity 250ms ease-out}.standard-layout-15 .section-2 .info{box-sizing:border-box;height:100%;overflow:auto;padding:1.25em}.standard-layout-15 .section-2 .detail-row{align-items:center;display:flex;justify-content:space-between}.standard-layout-15 .section-2 .detail-row:not(:last-child){margin-bottom:6px}.standard-layout-15 .section-2 .detail-row__label{color:rgba(var(--kup-text-color-rgb), 0.5);margin-top:0.175em;max-width:320px;padding-right:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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}.standard-layout-15 .section-2 .detail-row__value{color:var(--kup-text-color);font-size:105%;font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-subtle);display:flex;justify-content:flex-end;padding:6px;padding-top:2px;padding-bottom:2px}.standard-layout-15 .section-3 kup-button{margin:auto 0}.standard-layout-15 #open-in-new,.standard-layout-15 #search,.standard-layout-15 #new{margin:0 0 0.5em 0}.standard-layout-16{background:var(--kup-layer-1);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);outline:none}.standard-layout-16 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-16 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-16 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.standard-layout-16 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-16 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-16 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto;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}.standard-layout-16 .section-1 .info .value{font-weight:600;width:100%;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-16 .section-3 kup-text-field{padding:var(--kup-space-05);box-sizing:border-box}.standard-layout-16 #open-in-new,.standard-layout-16 #search,.standard-layout-16 #new{margin:0 0 0.5em 0}.standard-layout-17{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-17 .section-1{border-bottom:1px solid var(--kup-border-subtle)}.standard-layout-17 .section-1.has-content{border-bottom:1px solid var(--kup-border-subtle);padding:var(--kup-space-05)}.standard-layout-17 .section-2{display:flex;flex-direction:column;min-width:16rem;overflow-y:auto;max-height:16rem}:host{--kup_card_backdrop:var(--kup-card-backdrop, rgba(0, 0, 0, 0.32));--kup_card_ripple_color:var(\n    --kup-card-ripple-color,\n    var(--kup-primary-color)\n  );--kup_card_scalable_box_shadow:var(\n    --kup-card-scalable-box-shadow,\n    0 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0 1px 1px 0 rgba(0, 0, 0, 0.14),\n    0 1px 3px 0 rgba(0, 0, 0, 0.12)\n  );--kup_card_scalable_starting_font_size:var(\n    --kup-card-scalable-starting-font-size,\n    3em\n  );--kup_card_scalable_static_font_size:var(\n    --kup-card-scalable-static-font-size\n  );display:block;font-size:var(--kup-font-size);height:var(--kup_card_height);min-height:var(--kup_card_height);min-width:var(--kup_card_width);outline:none;position:relative;width:var(--kup_card_width)}:host([is-menu]){display:none;animation:fade-in 0.25s ease-out}:host([menu-visible]){box-shadow:var(--kup-box-shadow);display:block}@media screen and (max-width: 600px){:host(#kup-tooltip){z-index:1000 !important;width:100%;inset:auto 0px 0px !important}}#kup-component{height:100%;width:100%}.mdc-ripple-surface{cursor:pointer;flex-direction:column;display:flex;height:100%;position:relative}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_card_ripple_color)}.card-view{animation:fade-in 0.25s ease-out;display:none;height:100%;width:100%}.card-view.visible{display:block}';const Gn=Xn;const Un=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-card-click",6);this.kupClose=e(this,"kup-card-close",6);this.kupEvent=e(this,"kup-card-event",6);this.kupReady=e(this,"kup-card-ready",6);this.cardEvent=t=>{t.stopPropagation();this.onKupEvent(t)};this.kupManager=a();this.scalingActive=false;this.componentWrapper=null;this.colorPicker=null;this.firstColorPickerChange=true;this.customStyle="";this.data=null;this.isMenu=false;this.layoutFamily=j.STANDARD;this.layoutNumber=1;this.menuVisible=false;this.sizeX="100%";this.sizeY="100%"}onKupClick(t,e){this.kupClick.emit({comp:this,id:t,value:e})}onKupClose(t){this.kupClose.emit({comp:this,id:t});this.rootElement.remove()}onKupEvent(t){Ds(this,t);this.kupEvent.emit({comp:this,id:this.rootElement.id,event:t})}async getProps(t){return l(this,W,t)}async refresh(){i(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.layoutManager()}),300)}async setProps(t){h(this,W,t)}setEvents(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector("#"+z.DIALOG_CLOSE);if(e){e.onclick=()=>this.onKupClose(z.DIALOG_CLOSE)}const i=t.querySelectorAll("."+y.CLICKABLE_LINK);for(let t=0;t<i.length;t++){const e=i[t];e.onclick=t=>{t.stopPropagation();this.onKupClick(e.id,null)}}}}collapsible(){const t=this.rootElement.shadowRoot;const e=t.querySelector("."+y.COLLAPSIBLE_ELEMENT);const i=t.querySelector("."+y.COLLAPSIBLE_CARD);const s=t.querySelector("."+y.COLLAPSIBLE_WRAPPER);if(!i.classList.contains(y.EXPANDED)){if(e.clientHeight>s.clientHeight){if(!i.classList.contains(y.COLLAPSIBLE_ACTIVE)){i.classList.add(y.COLLAPSIBLE_ACTIVE)}}else{if(i.classList.contains(y.COLLAPSIBLE_ACTIVE)){i.classList.remove(y.COLLAPSIBLE_ACTIVE)}}}}getLayout(){const t=this.layoutFamily.toLowerCase();const e="create"+this.layoutNumber;try{switch(t){case j.BOX:{return Ue[e](this)}case j.BUILT_IN:{return Cs[e](this)}case j.COLLAPSIBLE:{return Ss[e](this)}case j.DIALOG:{return Bs[e](this)}case j.FREE:{return Gs[e](this)}case j.SCALABLE:{return ln[e](this)}default:case j.STANDARD:{return Wn[e](this)}}}catch(t){this.kupManager.debug.logMessage(this,t,f.WARNING);let e={resource:"warning",title:this.kupManager.language.translate(g.LAYOUT_NYI)+"!"};return s(jt,Object.assign({},e))}}dialog(){const t=this.rootElement.shadowRoot;if(t){const e=this.rootElement;const i=t.querySelector("#"+z.DRAG_HANDLE);const s=!!t.querySelector("."+y.DIALOG_UNRESIZABLE);if(!this.kupManager.interact.isRegistered(e)){this.kupManager.interact.dialogify(e,i?i:null,s)}}}builtIn(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector("."+y.BUILT_IN_CARD);switch(this.layoutNumber){case 4:const t=this.data&&this.data.options?this.data.options:null;const i=t?t.initialValue:null;if(!this.colorPicker){this.colorPicker=new Bn({alpha:false,color:i,parent:e,popup:false,onChange:t&&t.changeCb?e=>{if(!this.firstColorPickerChange){t.changeCb(e)}this.firstColorPickerChange=false}:null});if(t&&t.creationCb){t.creationCb(this.colorPicker)}}break}}}layoutManager(){const t=this.rootElement.shadowRoot;if(this.componentWrapper){const e=this.layoutFamily.toLowerCase();const i=t.querySelectorAll(".dyn-color");for(let t=0;t<i.length;t++){this.rootElement.style.setProperty("--kup_card_dynamic_color_"+t,this.kupManager.theme.colorContrast(window.getComputedStyle(i[t]).backgroundColor))}const s=t.querySelectorAll("."+y.AUTOSCROLL);if(s&&s.length){s.forEach((t=>{t.scrollTop=t.scrollHeight}))}switch(e){case j.COLLAPSIBLE:this.collapsible();break;case j.DIALOG:this.dialog();break;case j.BUILT_IN:this.builtIn();break;case j.SCALABLE:if(!this.scalingActive){this.scalable()}break}}}registerListeners(){const t=this.rootElement.shadowRoot;t.addEventListener("kup-autocomplete-blur",this.cardEvent);t.addEventListener("kup-autocomplete-change",this.cardEvent);t.addEventListener("kup-autocomplete-input",this.cardEvent);t.addEventListener("kup-autocomplete-itemclick",this.cardEvent);t.addEventListener("kup-button-click",this.cardEvent);t.addEventListener("kup-checkbox-change",this.cardEvent);t.addEventListener("kup-chip-blur",this.cardEvent);t.addEventListener("kup-chip-click",this.cardEvent);t.addEventListener("kup-chip-iconclick",this.cardEvent);t.addEventListener("kup-combobox-change",this.cardEvent);t.addEventListener("kup-combobox-itemclick",this.cardEvent);t.addEventListener("kup-datatable-cellupdate",this.cardEvent);t.addEventListener("kup-datatable-rowselected",this.cardEvent);t.addEventListener("kup-datepicker-cleariconclick",this.cardEvent);t.addEventListener("kup-datepicker-input",this.cardEvent);t.addEventListener("kup-datepicker-itemclick",this.cardEvent);t.addEventListener("kup-datepicker-textfieldsubmit",this.cardEvent);t.addEventListener("kup-dropdownbutton-itemclick",this.cardEvent);t.addEventListener("kup-list-click",this.cardEvent);t.addEventListener("kup-switch-change",this.cardEvent);t.addEventListener("kup-tabbar-click",this.cardEvent);t.addEventListener("kup-textfield-cleariconclick",this.cardEvent);t.addEventListener("kup-textfield-change",this.cardEvent);t.addEventListener("kup-textfield-input",this.cardEvent);t.addEventListener("kup-textfield-submit",this.cardEvent);t.addEventListener("kup-timepicker-cleariconclick",this.cardEvent);t.addEventListener("kup-timepicker-input",this.cardEvent);t.addEventListener("kup-timepicker-itemclick",this.cardEvent);t.addEventListener("kup-timepicker-textfieldsubmit",this.cardEvent);t.addEventListener("kup-tree-dynamicmassexpansion",this.cardEvent);t.addEventListener("kup-tree-buttonclick",this.cardEvent);t.addEventListener("kup-tree-didunload",this.cardEvent);t.addEventListener("kup-tree-nodecollapse",this.cardEvent);t.addEventListener("kup-tree-nodedblclick",this.cardEvent);t.addEventListener("kup-tree-nodeexpand",this.cardEvent);t.addEventListener("kup-tree-nodeselected",this.cardEvent)}async scalable(){this.scalingActive=true;const t=this.rootElement.shadowRoot;const e=t.querySelector(".scalable-element");const i=this.rootElement;const s=90/100*i.clientHeight;const n=85/100*i.clientWidth;const o=95/100*i.clientWidth;const a=.1;let r=75;let l=1;let h=0;const c=async()=>{i.style.setProperty("--kup_card_scalable_multiplier",l.toFixed(1)+"");this.kupManager.debug.logMessage(this,"Redrawing scalable card ("+ ++h+").",f.INFO)};const u=t=>parseFloat(t.toFixed(1));i.style.opacity="0";i.style.transition="opacity 125ms ease-in";await c();while((e.clientWidth<n||e.clientWidth>o)&&r>0&&l>a){r--;if(e.clientWidth<n&&e.clientHeight<=s){l=u(l+a);await c()}else if(e.clientWidth>o){l=u(l-a);await c()}else{r=0}}i.style.opacity="1";this.scalingActive=false}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this);this.registerListeners()}componentDidLoad(){const t=this.rootElement.shadowRoot.querySelector(".mdc-ripple-surface");if(t){Et.attachTo(t)}this.kupManager.resize.observe(this.rootElement);this.kupReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.setEvents();this.layoutManager();if(this.isMenu&&this.menuVisible&&(!document.activeElement||document.activeElement.tagName==="BODY")){setTimeout((()=>{this.rootElement.focus()}),0)}this.kupManager.debug.logRender(this,true)}render(){if(!this.data&&this.rootElement.children.length<1){return}const t={"--kup_card_height":this.sizeY?this.sizeY:"100%","--kup_card_width":this.sizeX?this.sizeX:"100%"};return s(n,{style:t},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct,onClick:()=>this.onKupClick(null,null),ref:t=>this.componentWrapper=t},this.getLayout()))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement]);this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Un.style=Gn;var qn;(function(t){t["asp"]="Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs.";t["axis"]="Sets the axis of the chart.";t["colors"]="Colors of the chart.";t["chartTitle"]="Title of the graph.";t["customStyle"]="Custom style of the component.";t["data"]="The actual data of the chart.";t["hAxis"]="Customize the hAxis.";t["legend"]="Sets the position of the legend. Supported values: bottom, labeled, left, none, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.";t["offlineMode"]="Renders charts without the Google API and using jQuery Sparkline.";t["series"]="The data series to be displayed. They must be of the same type.";t["showMarks"]="Displays the numerical values.";t["sizeX"]="The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).";t["sizeY"]="The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";t["sorting"]="Used to sort series.";t["stacked"]="Displays the data columns of an object on top of each other.";t["types"]="The type of the chart. Supported formats: Area, Bubble, Cal, Candlestick, Combo, Geo, Hbar, Line, Ohlc, Pie, Sankey, Scatter, Unk, Vbar.";t["vAxes"]="Customize the vAxes for multiple-charts.";t["vAxis"]="Customize the vAxis.";t["version"]="Google chart version to load."})(qn||(qn={}));var Jn;(function(t){t["D2"]="2D";t["D3"]="3D"})(Jn||(Jn={}));var Zn;(function(t){t["Area"]="Area";t["Bubble"]="Bubble";t["Cal"]="Cal";t["Candlestick"]="Candlestick";t["Combo"]="Combo";t["Geo"]="Geo";t["Hbar"]="Hbar";t["Line"]="Line";t["Ohlc"]="Ohlc";t["Pie"]="Pie";t["Sankey"]="Sankey";t["Scatter"]="Scatter";t["Unk"]="Unk";t["ColumnChart"]="ColumnChart";t["Vbar"]="Vbar"})(Zn||(Zn={}));function Qn(t,e){if(t==null||e==null){return null}for(let i=0;i<e.length;i++){let s=e[i];if(s!=null&&s.name==t){return s.title}}return t}const to=(t,{series:e,axis:i})=>{if(!t||!e){return[]}const s=[];const n=O(t.columns,i);if(n){s.push(n)}e.map((e=>{const i=O(t.columns,e.code);if(i){s.push(i)}}));return s};const eo=(t,e,i)=>{if(!t){return[]}const s=[];if(t.rows){const n=new Tt;const o=new M;t.rows.forEach((t=>{const a=t.cells;const r=[];e.forEach(((t,e)=>{const s=a[t.name];if(s&&s.obj){const t=i&&e>0;if(o.isNumber(s.obj)){const e=D(s);r.push(e);if(t){r.push(e.toString())}}else if(o.isDate(s.obj)){const e=n.toDate(o.parseDate(s.obj));r.push(e);if(t){r.push(e.toString())}}else if(o.isTime(s.obj)){const e=n.normalize(s.obj.k,Mt.ISO_TIME);r.push(e.toDate());if(t){r.push(e.toDate())}}else if(o.isTimestamp(s.obj)){const e=n.normalize(s.obj.k,Mt.ISO_DATE_TIME);r.push(e.toDate());if(t){r.push(e.toDate())}}else{r.push(s.obj.k);if(t){r.push(s.value)}}}}));s.push(r)}))}return s};const io=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;margin:auto;position:relative}:host #kup-component{height:100%;width:100%;overflow:hidden}";const so=io;const no=class{constructor(i){t(this,i);this.kupChartClick=e(this,"kup-chart-click",6);this.kupManager=a();this.elStyle=undefined;this.themeColors=null;this.themeText=null;this.asp=undefined;this.axis=undefined;this.chartTitle=undefined;this.colors=[];this.customStyle="";this.data=undefined;this.hAxis=undefined;this.hAxes=undefined;this.legend="right";this.offlineMode=undefined;this.series=undefined;this.showMarks=false;this.sizeX="100%";this.sizeY="100%";this.sorting=null;this.stacked=false;this.types=[Zn.Hbar];this.vAxes=undefined;this.vAxis=undefined;this.trendlines=undefined;this.version="45.2"}identifyRows(){if(this.data){T(this.data.rows)}}async getProps(t){return l(this,qn,t)}async refresh(){i(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{if(!this.offlineMode){const t=this.createGoogleChartOptions();try{this.gChart.draw(this.gChartView,t)}catch(t){}}else{this.loadOfflineChart()}}),300)}async setProps(t){h(this,qn,t)}loadGoogleChart(){google.charts.setOnLoadCallback(this.createChart.bind(this))}createGoogleChart(){if(this.isComboChart()){return new google.visualization.ComboChart(this.chartContainer)}else if(this.types.length===1){switch(this.types[0]){case Zn.Area:return new google.visualization.AreaChart(this.chartContainer);case Zn.Bubble:return new google.visualization.BubbleChart(this.chartContainer);case Zn.Cal:return new google.visualization.Calendar(this.chartContainer);case Zn.Candlestick:return new google.visualization.CandlestickChart(this.chartContainer);case Zn.Geo:return new google.visualization.GeoChart(this.chartContainer);case Zn.Hbar:return new google.visualization.BarChart(this.chartContainer);case Zn.Line:return new google.visualization.LineChart(this.chartContainer);case Zn.Pie:return new google.visualization.PieChart(this.chartContainer);case Zn.Sankey:return new google.visualization.Sankey(this.chartContainer);case Zn.Scatter:return new google.visualization.ScatterChart(this.chartContainer);default:return new google.visualization.ColumnChart(this.chartContainer)}}}getMainChartType(){if(this.types.length>0){return this.types[0]}return Zn.Unk}isComboChart(){return this.types.length>1}createGoogleChartOptions(){const t={backgroundColor:"transparent",is3D:Jn.D3===this.asp};if(this.trendlines)t.trendlines=this.trendlines;if(this.colors&&this.colors.length>0){t.colors=this.colors}else{t.colors=this.themeColors}if(this.legend&&this.legend!=="none"){t.legend={position:this.legend,textStyle:{color:this.themeText}}}else{t.legend={position:"none"}}if(this.stacked&&(Zn.ColumnChart===this.getMainChartType()||Zn.Unk===this.getMainChartType()||Zn.Hbar===this.getMainChartType()||Zn.Vbar===this.getMainChartType())){t.isStacked=true}if(this.chartTitle){t.title=this.chartTitle.value;t.titleTextStyle={};if(this.chartTitle.color){t.titleTextStyle.color=this.chartTitle.color}else{t.titleTextStyle.color=this.themeText}if(this.chartTitle.size){t.titleTextStyle.fontSize=this.chartTitle.size}}if(this.isComboChart()){t.series={};this.types.forEach(((e,i)=>{let s="bars";if(Zn.Line===e){s="line"}else if(Zn.Area===e){s="area"}let n="";if(this.vAxes&&this.vAxes.length>0||this.hAxes&&this.hAxes.length>0){n=i.toString()}t.series[i.toString()]={type:s,targetAxisIndex:n}}))}if(this.vAxes){t.vAxes={};this.vAxes.forEach(((e,i)=>{t.vAxes[i.toString()]=e}))}if(this.vAxis){t.vAxis=this.vAxis;t.vAxis["textStyle"]={color:this.themeText}}else{t.vAxis={textStyle:{color:this.themeText}}}if(this.hAxes){t.hAxes={};this.hAxes.forEach(((e,i)=>{t.hAxes[i.toString()]=e}))}if(this.hAxis){t.hAxis=this.hAxis;t.hAxis["textStyle"]={color:this.themeText}}else{t.hAxis={textStyle:{color:this.themeText}}}if(this.types[0]==="Pie"){t.slices=[];for(let e=0;e<t.colors.length;e++){t.slices.push({textStyle:{color:this.kupManager.theme.colorContrast(t.colors[e])}})}}return t}createChart(){const t=to(this.data,{axis:this.axis,series:this.series});const e=eo(this.data,t,this.showMarks);const i=[];for(let e=0;e<t.length;e++){const s=t[e];i.push({label:Qn(s.name,this.data.columns)});if(e>0&&this.showMarks){i.push({type:"string",role:"annotation"})}}this.gChartDataTable=new google.visualization.arrayToDataTable([i,...e]);this.gChartView=new google.visualization.DataView(this.gChartDataTable);if(this.sorting&&this.sorting.length>0){this.gChartView.setRows(this.gChartView.getSortedRows(this.sorting))}this.gChart=this.createGoogleChart();const s=this.createGoogleChartOptions();this.gChart.draw(this.gChartView,s);google.visualization.events.addListener(this.gChart,"select",this.onChartSelect.bind(this))}onChartSelect(){const t=this.gChart.getSelection()[0];if(t){const e={comp:this,id:this.rootElement.id};if(t.date){e.datetime=t.date;if(t.row||t.row==0){const i=this.gChartView.getTableRowIndex(t.row);e.row=this.data.rows[i];e.rowindex=i}else{return}}else{const i=t.row;const s=t.column;const n=this.gChartView.getTableRowIndex(i!=null?i:0);e.row=this.data.rows[n];e.rowindex=n;if(this.series.length>1){let t=this.gChartView.getTableColumnIndex(s!=null?s:0);if("annotation"===this.gChartDataTable.getColumnProperty(t,"role")){--t}e.column=O(this.data.columns,this.series[t-1].code);e.colindex=t}else{e.column=O(this.data.columns,this.series[0].code);e.colindex=0}}this.kupChartClick.emit(e)}}loadOfflineChart(){if(!this.offlineMode.value||this.offlineMode.value==""){this.kupManager.debug.logMessage(this,"Incorrect or incomplete data, can't render chart in offline mode!",f.WARNING);return}let t=this.offlineMode.value.split(";");let e=undefined;var i={height:this.rootElement.clientHeight,width:this.rootElement.clientWidth};if(this.colors&&this.colors.length>0){e=this.colors}else{e=this.themeColors}switch(this.offlineMode.shape){case"box":i["type"]="box";break;case"bul":case"bullet":i["type"]="bullet";i["targetWidth"]=this.rootElement.clientWidth/20;break;case"dis":case"discrete":i["type"]="discrete";i["lineColor"]=e[0];break;case"lin":case"line":i["type"]="line";i["lineColor"]=e[0];i["fillColor"]=e[1];break;case"pie":i["type"]="pie";i["sliceColors"]=e;break;case"tri":case"tristate":i["type"]="tristate";i["barWidth"]=this.rootElement.clientWidth/t.length;break;default:i["type"]="bar";i["barColor"]=e[0];i["negBarColor"]=e[1];i["zeroBarColor"]=e[2];i["barWidth"]=this.rootElement.clientWidth/t.length}$(this.chartContainer).sparkline(this.complianceCheck(t),i)}complianceCheck(t){let e=[t.length];let i=0;t.forEach((t=>{try{t=t.replace(",",".");e[i++]=parseFloat(t)}catch(t){e[i++]=null}}));return e}fetchThemeColors(){const t=[];const e="--kup-chart-color-";for(let i=1;this.kupManager.theme.cssVars[e+i];i++){t.push(this.kupManager.theme.cssVars[e+i])}this.themeText=this.kupManager.theme.cssVars[p.TEXT];try{for(let e=0;e<this.data.rows.length||e<this.data.columns.length;e++){t.push(this.kupManager.theme.randomColor(25))}}catch(t){if(!this.offlineMode){this.kupManager.debug.logMessage(this,"Chart colors setup failed!",f.WARNING)}}this.themeColors=t}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.identifyRows()}componentDidLoad(){this.kupManager.resize.observe(this.rootElement);if(!this.offlineMode&&(!this.axis||!this.series)){return}if(google&&!this.offlineMode){document.querySelectorAll(`link[href^="https://www.gstatic.com/charts/${this.version}/css"]`).forEach((t=>this.rootElement.shadowRoot.appendChild(t.cloneNode())));try{this.loadGoogleChart()}catch(t){console.error(t)}}else{try{this.loadOfflineChart()}catch(t){console.error(t)}}this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.fetchThemeColors()}componentDidRender(){this.kupManager.debug.logRender(this,true)}componentWillUpdate(){if(this.gChart){this.gChart.clearChart()}}componentDidUpdate(){if(!this.offlineMode){this.loadGoogleChart()}else{this.loadOfflineChart()}}render(){this.elStyle=undefined;this.elStyle={height:this.sizeY,minHeight:this.sizeY,width:this.sizeX,minWidth:this.sizeX};return s(n,{key:"c77ecf9340d7a436406e99adffa75580a2389212",style:this.elStyle},s("style",{key:"42248a47432001b86591b90fee854fcc8553daa1"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"6e24e6341b89e4d5d6087e85067250bb65a48f5b",id:Ct,ref:t=>this.chartContainer=t}))}disconnectedCallback(){this.kupManager.theme.unregister(this);this.kupManager.resize.unobserve(this.rootElement)}get rootElement(){return o(this)}static get watchers(){return{data:["identifyRows"]}}};no.style=so;var oo;(function(t){t["checked"]="Defaults at false. When set to true, the component will be set to 'checked'.";t["customStyle"]="Custom style of the component.";t["disabled"]="When set to true, the component is disabled.";t["indeterminate"]="When set to true, the component will be set to 'indeterminate'.";t["label"]="When specified, its content will be shown as a label.";t["leadingLabel"]="When set to true, the label will be on the left of the component."})(oo||(oo={}));const ao=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;margin:auto}";const ro=ao;const lo=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-checkbox-blur",6);this.kupChange=e(this,"kup-checkbox-change",6);this.kupFocus=e(this,"kup-checkbox-focus",6);this.kupManager=a();this.value="";this.alert="";this.checked=false;this.customStyle="";this.disabled=false;this.error="";this.indeterminate=false;this.label=null;this.leadingLabel=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,checked:this.checked==true?true:false,value:this.value})}onKupChange(){if(this.indeterminate){this.checked=true;this.indeterminate=false;this.value="indeterminate"}else if(this.checked){this.checked=false;this.value="off"}else{this.checked=true;this.value="on"}this.kupChange.emit({comp:this,id:this.rootElement.id,checked:this.checked,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,checked:this.checked==true?true:false,value:this.value})}async getProps(t){return l(this,oo,t)}async refresh(){i(this)}async setProps(t){h(this,oo,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.checked){this.value="on"}else{this.value="off"}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={checked:this.checked,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,indeterminate:this.indeterminate,info:this.rootElement.classList.contains("kup-info")?true:false,label:this.label,leadingLabel:this.leadingLabel,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,warning:this.rootElement.classList.contains("kup-warning")?true:false,alert:this.alert,error:this.error,onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(n,{key:"9bc426ce9f548a47e2391de0c92e4b7f28b46ac1"},s("style",{key:"323da2e0beabb0e8f16784b153dea13c96974a7c"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"7ee3d6e81b47037e15538cba61cf0a4f308b570e",id:Ct},s(Nt,Object.assign({key:"3e3cf55d3b952e8e60dda14c9626e5516bbf60a9"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};lo.style=ro;var ho;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="List of elements.";t["displayId"]="When enabled, the chip's text will display both the id and the value.";t["enableInput"]="When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field).";t["type"]="The type of chip. Available types: input, filter, choice or empty for default."})(ho||(ho={}));const co=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}";const uo=co;var po=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var fo,mo,go;const bo=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-chip-blur",6);this.kupChange=e(this,"kup-chip-change",6);this.kupClick=e(this,"kup-chip-click",6);this.kupFocus=e(this,"kup-chip-focus",6);this.kupIconClick=e(this,"kup-chip-iconclick",6);fo.add(this);this.kupManager=a();this.customStyle="";this.data=[];this.displayId=false;this.enableInput=false;this.type=St.STANDARD;this.sizing=It.MEDIUM;this.styling=Pt.RAISED}onKupBlur(t){this.kupBlur.emit({comp:this,id:this.rootElement.id,chip:t})}onKupClick(t){const e=this.type.toLowerCase()===St.CHOICE;const i=this.type.toLowerCase()===St.FILTER;if(e){this.kupManager.data.node.setProperties(this.data,{checked:false},true,[t])}if(e||i){t.checked=t.checked?false:true}this.kupClick.emit({comp:this,id:this.rootElement.id,chip:t});this.refresh()}onKupFocus(t){this.kupFocus.emit({comp:this,id:this.rootElement.id,chip:t})}onKupIconClick(t){this.kupIconClick.emit({comp:this,id:this.rootElement.id,chip:this.kupManager.data.node.remove(this.data,t)});this.kupChange.emit({comp:this,id:this.rootElement.id,stringifiedValues:po(this,fo,"m",go).call(this)});this.refresh()}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",f.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return l(this,ho,t)}async refresh(){i(this)}async setProps(t){h(this,ho,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.checkDataset(this.data)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillUpdate(){const t=this.type.toLowerCase()===St.CHOICE;let e=false;if(t){for(let t=0;this.data&&t<this.data.length;t++){if(this.data[t].checked&&e){this.data[t].checked=false;let e="Found occurence of data("+t+") to be set on 'checked' when another one was found before! Overriding to false because the 'choice' type only allows 1 'checked'.";this.kupManager.debug.logMessage(this,e,f.WARNING)}if(this.data[t].checked&&!e){e=true}}}}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){var t;const e={danger:this.rootElement.classList.contains("kup-danger")?true:false,data:this.data,displayId:this.displayId,info:this.rootElement.classList.contains("kup-info")?true:false,onBlur:[],onClick:[],onExpansionClick:[],onFocus:[],onIconClick:[],primary:this.rootElement.classList.contains("kup-primary")?true:false,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,sizing:this.sizing,styling:this.styling,success:this.rootElement.classList.contains("kup-success")?true:false,type:this.type,warning:this.rootElement.classList.contains("kup-warning")?true:false};for(let t=0;this.data&&t<this.data.length;t++){e.onBlur.push((t=>this.onKupBlur(t)));e.onClick.push((t=>this.onKupClick(t)));e.onExpansionClick.push(((t,e)=>{t.isExpanded=!t.isExpanded?true:false;if(e.ctrlKey&&t.children&&t.children.length>0){this.kupManager.data.node.setProperties(t.children,{isExpanded:t.isExpanded},true)}this.refresh()}));e.onFocus.push((t=>this.onKupFocus(t)));e.onIconClick.push((t=>this.onKupIconClick(t)))}return s(n,{key:"8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54","onKup-autocomplete-itemclick":t=>{po(this,fo,"m",mo).call(this,t)},"onKup-combobox-itemclick":t=>{po(this,fo,"m",mo).call(this,t)},"onKup-textfield-change":t=>{po(this,fo,"m",mo).call(this,t)}},s("style",{key:"a9c2bec738240a0e281a5b5901307c072794dd0c"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"9bdd7db8c5130175a4f4315203827ccfce8ae74c",id:Ct},((t=this.data)===null||t===void 0?void 0:t.length)>0?s(Rt,Object.assign({},e)):null,s("slot",{key:"b6669cc2db3989ce563a5b70f31a246756ebe816",name:"field"})))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["checkDataset"]}}};fo=new WeakSet,mo=async function t(e){var i,s;e.stopPropagation();const n=(i=e.detail)===null||i===void 0?void 0:i.value;const o=e.detail.node;if(n){const t=(s=this.data)===null||s===void 0?void 0:s.find((t=>t.id===n));if(!t){const t=this.data&&this.data.length?this.data:[];this.data=[...t,{id:o?o.id:n,value:o?o.value:n}];const e=this.rootElement.querySelector("[slot=field]");await e.setValue("");await e.refresh();await e.setFocus();this.kupChange.emit({comp:this,id:this.rootElement.id,stringifiedValues:po(this,fo,"m",go).call(this)})}}},go=function t(){let e="";this.data.forEach((t=>e+=t.id+";"));return e};bo.style=uo;var ko;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the text field.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]='Sets the initial value of the component. Can be css color name, hex code or rgb code (sample: "red" or rgb(255, 0, 0) or "#FF0000" ).';t["swatchOnly"]="When true, the component's text field will be replaced by a swatch."})(ko||(ko={}));const yo=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}#kup-component{transition:background-color 0.2s;width:max-content}#kup-component .mdc-text-field:not(.mdc-text-field--disabled){cursor:pointer}#kup-component .mdc-text-field:not(.mdc-text-field--disabled) input{cursor:pointer}#kup-component .mdc-text-field .kup-icon.action{background-color:var(--kup_colorpicker_thumb_color, var(--kup-icon-color)) !important}#kup-component .thumb-icon .kup-icon{border:3px solid rgba(var(--kup-text-color-rgb), 0.575);border-radius:50%;box-sizing:border-box}.color-picker{outline:none;height:1.5em;width:1.5em;margin:0.25em;border-radius:50%;border:0.1em solid var(--kup-border-subtle);background-color:transparent;cursor:pointer}.color-picker:disabled{cursor:default}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const vo=yo;const xo=class{constructor(i){t(this,i);this.kupChange=e(this,"kup-colorpicker-change",6);this.kupManager=a();this.clickCb=null;this.value=null;this.customStyle="";this.data=null;this.disabled=false;this.initialValue="";this.readOnly=false;this.swatchOnly=false}async getProps(t){return l(this,ko,t)}async getValue(){return this.value}async setFocus(){this.textfieldEl.querySelector("input").focus()}async setProps(t){h(this,ko,t)}async setValue(t){this.value=t;if(this.picker&&!this.isPickerOpened()){this.picker.setColor(t,true)}}async refresh(){i(this)}setHexValue(){if(this.value){if(this.value.indexOf("#")<0){this.value=this.kupManager.theme.colorCheck(this.value).hexColor}}}createCard(){const t=document.createElement("kup-card");const e={options:{initialValue:this.value,changeCb:t=>{this.setValue(t.hex.substring(0,7));this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value})},creationCb:t=>{this.picker=t}}};t.data=e;t.isMenu=true;t.layoutFamily=j.BUILT_IN;t.layoutNumber=4;return t}openPicker(){if(!this.card){this.card=this.createCard()}const t=this.textfieldEl;this.card.menuVisible=true;this.card.sizeX=this.textfieldEl.parentElement.clientWidth+"px";this.card.sizeY="auto";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.card)){this.kupManager.dynamicPosition.changeAnchor(this.card,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.card,this.textfieldEl.parentElement,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.card);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.card}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);const t=this.textfieldEl;if(t){t.classList.remove("toggled")}this.card.menuVisible=false;this.kupManager.dynamicPosition.stop(this.card)}isPickerOpened(){return this.card&&this.card.menuVisible?true:false}prepTextField(){let t=null;let e=Object.assign({readOnly:this.readOnly},this.data["kup-text-field"]);if(!e.icon){e.icon="brightness-1"}if(e.trailingIcon===undefined){e.trailingIcon=true}if(this.value===""){t=this.value;e.icon=""}else if(!this.value){const i=this.kupManager.language.translate(g.INVALID_COLOR)+": "+this.value;t=i;e.icon="warning";e.title=i}else{t=this.value}return s(dt,Object.assign({},e,{disabled:this.disabled,fullHeight:this.rootElement.classList.contains("kup-full-height")?true:false,fullWidth:this.rootElement.classList.contains("kup-full-width")?true:false,value:t,wrapperClass:e.icon==="brightness-1"?"thumb-icon":"",onClick:()=>{if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}},onIconClick:()=>{if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}}}))}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this);this.value=this.initialValue;this.setHexValue();if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillUpdate(){this.setHexValue()}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){this.textfieldEl=t.querySelector(".f-text-field");if(this.textfieldEl){mt(this.textfieldEl)}}this.kupManager.debug.logRender(this,true)}render(){let t=null;if(this.swatchOnly){t=s("button",{key:"9038771a91cd730f94d18c35954e83726b7da0cb",disabled:this.disabled,class:"color-picker",onClick:()=>this.openPicker(),style:{backgroundColor:this.value},type:"button"})}else{t=this.prepTextField()}const e={["--kup_colorpicker_thumb_color"]:this.value?this.value:""};return s(n,{key:"8e5696f5c34dc0b68c5ce0479c2015be1c3fb194",style:e},s("style",{key:"7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"f6a806242bfd2f16db903d03110c80c618ad18e8",id:Ct},t))}disconnectedCallback(){if(this.card){this.kupManager.dynamicPosition.unregister([this.card]);this.card.remove()}this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};xo.style=vo;var wo;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components (date input text field).";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["displayMode"]='Sets how to show the selected item value. Suported values: "code", "description", "both".';t["initialValue"]="Sets the initial value of the component";t["isClearable"]="Enables a clear trailing icon.";t["isSelect"]="Lets the combobox behave as a select element.";t["selectMode"]='Sets how to return the selected item value. Suported values: "code", "description", "both".';t["showDropDownIcon"]="When true shows the drop-down icon, for open list.";t["label"]="When set, its content will be shown as a label.";t["leadingLabel"]="When set to true, the label will be on the left of the component."})(wo||(wo={}));const _o=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size);width:max-content}:host([is-select]) #kup-component{transition:background-color 0.2s}:host([is-select]) .mdc-text-field:not(.mdc-text-field--disabled) input{cursor:pointer}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon);order:2}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}:host(.page-selector) .f-text-field .mdc-text-field,:host(.rows-selector) .f-text-field .mdc-text-field{border-bottom:none !important;width:max-content !important}:host(.page-selector) .f-text-field .mdc-text-field-container,:host(.rows-selector) .f-text-field .mdc-text-field-container{flex-direction:row !important}:host(.page-selector) .f-text-field .mdc-text-field-container .mdc-text-field__label-container,:host(.rows-selector) .f-text-field .mdc-text-field-container .mdc-text-field__label-container{white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}:host(.page-selector) .f-text-field .mdc-text-field-helper-line,:host(.rows-selector) .f-text-field .mdc-text-field-helper-line{display:none}";const zo=_o;var Co=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var jo=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var Wo,$o,Oo,Do,Mo,To,So,Io,Po,Ro,Eo,No;const Lo=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-combobox-blur",6);this.kupChange=e(this,"kup-combobox-change",6);this.kupClick=e(this,"kup-combobox-click",6);this.kupFocus=e(this,"kup-combobox-focus",6);this.kupInput=e(this,"kup-combobox-input",6);this.kupIconClick=e(this,"kup-combobox-iconclick",6);this.kupItemClick=e(this,"kup-combobox-itemclick",6);Wo.add(this);$o.set(this,a());Oo.set(this,undefined);Do.set(this,undefined);Mo.set(this,undefined);To.set(this,undefined);So.set(this,null);this.displayedValue=undefined;this.value="";this.alert="";this.customStyle="";this.data=undefined;this.disabled=false;this.displayMode=gt.DESCRIPTION;this.error="";this.icon=null;this.initialValue="";this.isClearable=false;this.isSelect=false;this.label=null;this.leadingLabel=false;this.readOnly=false;this.selectMode=gt.CODE;this.showDropDownIcon=true;this.sizing=r.MEDIUM;this.trailingIcon=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value})}onKupChange(t){let e=Co(this,Wo,"m",Eo).call(this,t,true);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value,node:e.node})}onKupClick(){if(this.isSelect==true){if(Co(this,Mo,"f").classList.contains("toggled")){Co(this,Wo,"m",Po).call(this)}else{Co(this,Wo,"m",Io).call(this)}}this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value})}onKupInput(){let t=Co(this,Wo,"m",Eo).call(this,Co(this,To,"f").value,false);Co(this,Wo,"m",Io).call(this);this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value,node:t.node})}onKupIconClick(){if(Co(this,Mo,"f").classList.contains("toggled")){Co(this,Wo,"m",Po).call(this)}else{Co(this,Wo,"m",Io).call(this)}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value,open:Co(this,Mo,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id);Co(this,Wo,"m",Po).call(this);if(Co(this,To,"f")){Co(this,To,"f").focus()}this.kupItemClick.emit({comp:this,id:this.rootElement.id,node:t.detail.selected,value:this.value,inputValue:Co(this,To,"f").value})}initialValueChange(t){this.setValue(t)}listenKeydown(t){if(Co(this,Wo,"m",Ro).call(this)){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();Co(this,Do,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();Co(this,Do,"f").focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();Co(this,Do,"f").select().then((()=>{Co(this,Wo,"m",Po).call(this);Co(this,To,"f").focus()}));break;case"Escape":t.preventDefault();t.stopPropagation();Co(this,Wo,"m",Po).call(this);break}}else{switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();Co(this,Wo,"m",Io).call(this);Co(this,Do,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();Co(this,Wo,"m",Io).call(this);Co(this,Do,"f").focusPrevious();break}}}async getProps(t){return l(this,wo,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){Co(this,To,"f").focus()}async setProps(t){h(this,wo,t)}async setValue(t){Co(this,Wo,"m",Eo).call(this,t,true)}componentWillLoad(){Co(this,$o,"f").debug.logLoad(this,false);Co(this,$o,"f").theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-list":{},"kup-text-field":{}}}}componentDidLoad(){Co(this,Wo,"m",Eo).call(this,this.value,true);Co(this,$o,"f").debug.logLoad(this,true)}componentWillRender(){Co(this,$o,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){jo(this,Mo,e,"f");jo(this,To,e.querySelector("input"),"f");mt(e)}}Co(this,$o,"f").debug.logRender(this,true)}render(){const t={alert:this.alert,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,error:this.error,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,readOnly:this.readOnly,sizing:this.sizing,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false};const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");return s(n,{key:"311adfa03e31d667b5691c4531d0406daaaf0905",class:`${e?"kup-full-height":""} ${i?"kup-full-width":""}`,style:Co(this,Oo,"f")},s("style",{key:"7169ed993e329479764f0da7fefe93504f773987"},Co(this,$o,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"2272409a12755754ee293a8f576861abcdd23439",id:Ct,style:Co(this,Oo,"f")},s(dt,Object.assign({key:"5ca4d7672f4216ae6e39788f68e4aaeef047a88b"},t,this.data["kup-text-field"],{disabled:this.disabled,fullHeight:e,fullWidth:i,trailingIcon:true,icon:this.showDropDownIcon?c.DROPDOWN:null,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>this.onKupInput(),onIconClick:()=>this.onKupIconClick()}))),Co(this,Wo,"m",No).call(this))}disconnectedCallback(){if(Co(this,Do,"f")){Co(this,$o,"f").dynamicPosition.unregister([Co(this,Do,"f")]);Co(this,Do,"f").remove()}Co(this,$o,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{initialValue:["initialValueChange"]}}};$o=new WeakMap,Oo=new WeakMap,Do=new WeakMap,Mo=new WeakMap,To=new WeakMap,So=new WeakMap,Wo=new WeakSet,Io=function t(){if(Co(this,Wo,"m",Ro).call(this)){return}const e=this.error.trim().length>0;const i=this.alert.trim().length>0;const s=e||i?-20:0;Co(this,Mo,"f").classList.add("toggled");Co(this,Do,"f").menuVisible=true;Co(this,Do,"f").filter="";const n=Co(this,Do,"f").style;n.height="auto";n.minWidth=Co(this,Mo,"f").clientWidth+"px";if(Co(this,$o,"f").dynamicPosition.isRegistered(Co(this,Do,"f"))){Co(this,$o,"f").dynamicPosition.changeAnchor(Co(this,Do,"f"),Co(this,Mo,"f"))}else{Co(this,$o,"f").dynamicPosition.register(Co(this,Do,"f"),Co(this,Mo,"f"),s,u.AUTO,true)}Co(this,$o,"f").dynamicPosition.start(Co(this,Do,"f"));if(!Co(this,So,"f")){jo(this,So,{cb:()=>{Co(this,Wo,"m",Po).call(this)},el:Co(this,Do,"f")},"f")}Co(this,$o,"f").addClickCallback(Co(this,So,"f"),true)},Po=function t(){Co(this,Mo,"f").classList.remove("toggled");Co(this,Do,"f").menuVisible=false;Co(this,$o,"f").dynamicPosition.stop(Co(this,Do,"f"));Co(this,$o,"f").removeClickCallback(Co(this,So,"f"))},Ro=function t(){return Co(this,Do,"f").menuVisible==true},Eo=function t(e,i){let s=ne(e,this.data["kup-list"],Co(this,Do,"f"),this.selectMode,this.displayMode);if(s.exists){if(i){this.value=s.value;this.displayedValue=s.displayedValue}if(Co(this,Do,"f")!=null){Co(this,Do,"f").filter=s.value}}else{this.value=e;this.displayedValue=e;if(Co(this,Do,"f")!=null){Co(this,Do,"f").filter=s.value}}return s},No=function t(){return s("kup-list",Object.assign({},this.data["kup-list"],{displayMode:this.displayMode,"is-menu":true,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>jo(this,Do,t,"f")}))};Lo.style=zo;class Fo{constructor(){this.filters={};this.expandGroups=false;this.groupLabelDisplay=S.BOTH;this.density="small";this.enableSortableColumns=false;this.enableExtraColumns=true;this.forceOneLine=false;this.globalFilter=false;this.globalFilterValue="";this.groups=[];this.headerIsPersistent=true;this.lazyLoadRows=false;this.loadMoreLimit=1e3;this.selection=I.SINGLE;this.rowsPerPage=10;this.showFilters=false;this.showGroups=false;this.showHeader=true;this.showLoadMore=false;this.sortEnabled=true;this.sort=[];this.sortableColumnsMutateData=true;this.pageSelected=1;this.dragEnabled=false;this.dropEnabled=false;this.showFooter=false;this.load=false}toDebugString(){return"dt state"}}const Ko=document.documentElement;class Ao{constructor(){this.clickCb=null;this.filtersColumnMenuInstance=new Lt;this.filtersRowsInstance=new Ft}open(t,e){this.filtersColumnMenuInstance.resetTextualFilters(t.filters,e)}close(t){t.menuVisible=false;Ko.ketchup.removeClickCallback(this.clickCb);Ko.ketchup.dynamicPosition.stop(t)}reposition(t,e){const i=t.rootElement.shadowRoot;if(i){if(e){const t=e.dataset.column;const s=i.querySelector('th[data-column="'+t+'"]');if(Ko.ketchup.dynamicPosition.isRegistered(e)){Ko.ketchup.dynamicPosition.changeAnchor(e,s)}else{Ko.ketchup.dynamicPosition.register(e,s,0,u.AUTO,true)}if(!this.clickCb){this.clickCb={cb:()=>{this.close(e)},el:e}}Ko.ketchup.addClickCallback(this.clickCb,true);Ko.ketchup.dynamicPosition.start(e);e.menuVisible=true}}}prepData(t,e,i){const s=i?Object.assign({},i):{};s.button=this.prepButton(t,e);s.checkbox=this.prepCheckbox(t,e);s.chip=this.prepChip(t,e);s.datepicker=this.prepIntervalDatePicker(t,e);s.object=e.objs?e.objs:e.obj?[e.obj]:null;s.switch=this.prepSwitch(t,e,s.object);if(!i){s.tabbar=this.prepTabBar(t,e);s.text=[e.title]}s.textfield=this.prepTextfield(t,e);s.timepicker=this.prepIntervalTimePicker(t,e);return s}prepButton(t,e){const i=[];if(!Lt.isTree(t)&&t.showGroups){i.push({className:"printable","data-storage":{columnName:e.name},icon:"book",id:js.BUTTON_GROUP,title:t.getGroupByName(e.name)!=null?Ko.ketchup.language.translate(P.DISABLE):Ko.ketchup.language.translate(P.ENABLE)})}if(t.removableColumns){i.push({className:"printable","data-storage":{column:e},icon:"table-column-remove",id:js.BUTTON_REMOVE,title:Ko.ketchup.language.translate(x.HIDE)})}if(t.enableExtraColumns&&(Ko.ketchup.objects.canObjHaveExtraColumns(e.obj)||Ko.ketchup.objects.canObjsHaveExtraColumns(e.objs))){i.push({className:"printable","data-storage":{columnName:e.name},icon:"table-column-plus-after",id:js.BUTTON_ADD_COLUMNS,title:Ko.ketchup.language.translate(x.ADD)});i.push({className:"printable",label:Ko.ketchup.language.translate(g.APPLY),id:js.BUTTON_APPLY,styling:Ot.OUTLINED,title:Ko.ketchup.language.translate(g.APPLY)})}return i}prepCheckbox(t,e){const i=[];if(t.showFilters&&(Ko.ketchup.objects.isStringObject(e.obj)||Ko.ketchup.objects.isCheckbox(e.obj))){const s=this.filtersColumnMenuInstance.getCheckBoxFilterValues(t.filters,e.name);const n=t.getColumnValues(e);if(n.length>0){i.push({checked:s.length==0,"data-storage":{column:e,value:null},id:js.CHECKBOX_GLOBAL,key:js.CHECKBOX_GLOBAL+e.name,label:Ko.ketchup.language.translate(R.ALL)})}for(let t=0;t<n.length;t++){let o=E(n[t],e);if(Ko.ketchup.objects.isCheckbox(e.obj)){if(n[t].value=="1"){o=Ko.ketchup.language.translate(R.CHECKED)}else{o=Ko.ketchup.language.translate(R.UNCHECKED)}}i.push({checked:N.valuesArrayContainsValue(s,n[t].value),"data-storage":{column:e,value:n[t].value,displayedValue:E(n[t],e)},label:o})}}return i}prepChip(t,e){let i=[];const s={data:[]};if(e.children){const i=[];for(let s=0;s<e.children.length;s++){const n=e.children[s];let o=null;try{if(Lt.isTree(t)){o=t.columns.find((t=>t.name===n.name))}else{o=t.data.columns.find((t=>t.name===n.name))}}catch(t){Ko.ketchup.debug.logMessage(this,"Child column not found ("+n.name+")!"+t,f.ERROR)}i.push({icon:n.icon?n.icon:null,value:o?o.title:"*Not found!",obj:n.obj?n.obj:null,id:o?o.name:"*NOTFND"})}s.dataSet={initialData:[...i]};s.data=i}s.type=St.INPUT;i.push(s);return i}prepSwitch(t,e,i){const s=[];if(!Lt.isTree(t)){if(i&&i.length>0&&!Ko.ketchup.objects.isEmptyKupObj(i[0])){s.push({"data-storage":{columnName:e.name},checked:e.isKey?true:false,key:js.SWITCH_KEY+e.name,id:js.SWITCH_KEY,label:Ko.ketchup.language.translate(C.KEY),leadingLabel:true})}if(t.showGroups){const i=t.getGroupByName(e.name)!=null;s.push({"data-storage":{columnName:e.name},key:js.SWITCH_GROUP+e.name,checked:i?true:false,id:js.SWITCH_GROUP,label:Ko.ketchup.language.translate(P.GROUPS),leadingLabel:true})}}return s}prepTabBar(t,e){const i=[{data:[]}];const s=i[0].data;if(t.showFilters){s.push({id:g.FILTERS,value:Ko.ketchup.language.translate(g.FILTERS)})}if(t.enableExtraColumns&&(Ko.ketchup.objects.canObjHaveExtraColumns(e.obj)||Ko.ketchup.objects.canObjsHaveExtraColumns(e.objs))||t.removableColumns){s.push({id:x.COLUMNS,value:Ko.ketchup.language.translate(x.COLUMNS)})}if(!Lt.isTree(t)){s.push({icon:"settings",id:g.SETTINGS,value:""})}if(s.length>0){s[0].active=true}return i}prepTextfield(t,e){let i=[];if(t.showFilters){if(this.filtersColumnMenuInstance.isColumnFiltrableByInterval(e)){i=i.concat(this.prepIntervalTextfield(t,e))}else if(Ko.ketchup.objects.isStringObject(e.obj)){let s=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,e.name);s=L(s,e.obj,e.decimals);i.push({"data-storage":{column:e},fullWidth:true,id:js.TEXTFIELD_FILTER,initialValue:s,isClearable:true,key:js.TEXTFIELD_FILTER+e.name,label:Ko.ketchup.language.translate(F.SEARCH),trailingIcon:true})}}if(!Lt.isTree(t)){if(Ko.ketchup.objects.isNumber(e.obj)&&t.enableColumnsFormula){i.push({fullWidth:true,icon:"functions",id:js.TEXTFIELD_FORMULA,key:js.TEXTFIELD_FORMULA+e.name,helper:`i.e.: Description;[${e.name}] * 2`,label:Ko.ketchup.language.translate(v.FORMULA),trailingIcon:true})}}return i}prepIntervalTextfield(t,e){let i=[];if(!t.showFilters){return i}if(!Ko.ketchup.objects.isNumber(e.obj)){return i}let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,e);let n=s[K.FROM];let o=s[K.TO];i.push({"data-storage":{column:e,intervalIndex:K.FROM,isInterval:true},fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_FROM,key:js.TEXTFIELD_FROM+e.name,initialValue:n,isClearable:true,label:Ko.ketchup.language.translate(F.FROM),trailingIcon:true});i.push({"data-storage":{column:e,intervalIndex:K.TO,isInterval:true},fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_TO,key:js.TEXTFIELD_TO+e.name,initialValue:o,isClearable:true,label:Ko.ketchup.language.translate(F.TO),trailingIcon:true});return i}prepIntervalTimePicker(t,e){let i=[];if(!t.showFilters){return i}if(!Ko.ketchup.objects.isTime(e.obj)){return i}let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,e);let n=s[K.FROM];let o=s[K.TO];i.push({"data-storage":{column:e,intervalIndex:K.FROM,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_FROM,key:js.TEXTFIELD_FROM+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.FROM)}},initialValue:n,manageSeconds:Ko.ketchup.objects.isTimeWithSeconds(e.obj)});i.push({"data-storage":{column:e,intervalIndex:K.TO,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_TO,key:js.TEXTFIELD_TO+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.TO)}},initialValue:o,manageSeconds:Ko.ketchup.objects.isTimeWithSeconds(e.obj)});return i}prepIntervalDatePicker(t,e){let i=[];if(!t.showFilters){return i}if(!Ko.ketchup.objects.isDate(e.obj)&&!Ko.ketchup.objects.isTimestamp(e.obj)){return i}let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,e);let n=s[K.FROM];let o=s[K.TO];let a=null;let r=null;if(Ko.ketchup.objects.isTimestamp(e.obj)){a=" 00:00:00";r=" 23:59:59";if(n&&n.length>=10){n=n.substring(0,10)}else{n=""}if(o&&o.length>=10){o=o.substring(0,10)}else{o=""}}i.push({"data-storage":{column:e,suffix:a,intervalIndex:K.FROM,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_FROM,key:js.TEXTFIELD_FROM+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.FROM)}},initialValue:n});i.push({"data-storage":{column:e,suffix:r,intervalIndex:K.TO,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_TO,key:js.TEXTFIELD_TO+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.TO)}},initialValue:o});return i}eventHandlers(t,e){var i;const s=t.detail.card?t.detail.card:t.detail.comp.rootElement;const n=t.detail.event;const o=n.detail.id;const a=n.target;const r=a["data-storage"];const l=n.type;const h=l.toLowerCase().endsWith("click");switch(n.type){case"kup-button-click":switch(o){case js.BUTTON_GROUP:this.toggleGroup(e,r["columnName"]);break;case js.BUTTON_REMOVE:e.closeColumnMenu().then((()=>{e.hideColumn(r["column"])}));break}break;case"kup-checkbox-change":this.checkboxChange(e,n.detail.checked,r["column"],{value:r["value"],displayedValue:r["displayedValue"]});break;case"kup-switch-change":switch(o){case js.SWITCH_GROUP:this.toggleGroup(e,r["columnName"]);break;case js.SWITCH_KEY:this.setKey(e,r["columnName"],n.detail.value);break}break;case"kup-textfield-submit":case"kup-datepicker-textfieldsubmit":case"kup-timepicker-textfieldsubmit":switch(o){case js.TEXTFIELD_FORMULA:break;default:this.saveTextualFilters(e,r["column"]);this.close(s);break}break;case"kup-textfield-cleariconclick":case"kup-datepicker-cleariconclick":case"kup-timepicker-cleariconclick":if(r["isInterval"]==true){this.intervalChange(e,null,r["column"],r["intervalIndex"],false)}else{this.textfieldChange(e,null,r["column"])}this.saveTextualFilters(e,r["column"]);break;case"kup-textfield-change":switch(o){case js.TEXTFIELD_FORMULA:const t=n.detail.value;const i=t.split(";");const o=i.length>=2;const a=o?i[0].trim():"";const r=o?i[1].trim():t;e.newColumn(w.MATH,{operation:r,newColumn:o?{name:a,title:a}:undefined}).then((t=>{if(typeof t==="string"||t instanceof String){const e=n.detail.comp;e.rootElement.classList.add("kup-danger");e.helper=t}else{this.close(s)}}));break}break;case"kup-textfield-input":case"kup-datepicker-input":case"kup-datepicker-itemclick":case"kup-timepicker-input":case"kup-timepicker-itemclick":switch(o){case js.TEXTFIELD_FORMULA:break;default:window.clearTimeout(e.columnFilterTimeout);e.columnFilterTimeout=window.setTimeout((()=>{var t;if(r["isInterval"]==true){this.intervalChange(e,n.detail.value,r["column"],r["intervalIndex"],!h,r["suffix"])}else{this.textfieldChange(e,n.detail.value,r["column"])}if(h){this.saveTextualFilters(e,r["column"])}if((t=s.data)===null||t===void 0?void 0:t.checkbox){s.data.checkbox=this.prepCheckbox(e,r["column"]);s.refresh()}}),300);break}break}if(((i=s.data)===null||i===void 0?void 0:i.checkbox)&&!(r===null||r===void 0?void 0:r["isInterval"])&&(r===null||r===void 0?void 0:r["column"])){s.data.checkbox=this.prepCheckbox(e,r["column"]);s.refresh()}}textfieldChange(t,e,i){if(!Lt.isTree(t)){t.resetCurrentPage()}let s="";if(e){s=this.filtersColumnMenuInstance.normalizeValue(e.trim(),i.obj)}const n=Object.assign({},t.filters);this.filtersColumnMenuInstance.setTextFieldFilterValue(n,i.name,s);t.filters=n}intervalChange(t,e,i,s,n,o){if(!Lt.isTree(t)){t.resetCurrentPage()}let a="";if(e){a=e.trim();if(n){a=this.filtersColumnMenuInstance.normalizeValue(a,i.obj)}if(o!=null&&a!=""){a=a+o}}const r=Object.assign({},t.filters);this.filtersColumnMenuInstance.setIntervalTextFieldFilterValue(r,i.name,a,s);t.filters=r}saveTextualFilters(t,e){const i=Object.assign({},t.filters);this.filtersColumnMenuInstance.saveTextualFilters(i,e.name);t.filters=i}checkboxChange(t,e,i,s){if(!Lt.isTree(t)){t.resetCurrentPage()}const n=Object.assign({},t.filters);if(e||s==null||s.value==null){this.filtersColumnMenuInstance.addCheckboxFilter(n,i.name,s)}else{this.filtersColumnMenuInstance.removeCheckboxFilter(n,i.name,s.value)}t.filters=n}toggleGroup(t,e){const i=t.getGroupByName(e);if(i!==null){const e=t.groups.indexOf(i);t.groups.splice(e,1);t.groups=[...t.groups]}else{t.groups=[...t.groups,{column:e,visible:true}]}t.refresh()}setKey(t,e,i){const s=t.data.columns;const n=i==="on"?true:false;for(let t=0;t<s.length;t++){const i=s[t];if(i.name===e){i.isKey=n}else if(n){i.isKey=false}}t.refresh()}}const Vo=".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_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-layer-1)\n  );--kup_datatable_th_background_color:var(\n    --kup-datatable-th-background-color,\n    var(--kup-layer-2)\n  );--kup_datatable_background_color_selected:var(\n    --kup-datatable-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_datatable_border:var(\n    --kup-datatable-border-color,\n    1px solid var(--kup-border-subtle)\n  );--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-gray-color-30)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\n  );--kup_datatable_background_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_datatable_text_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-text-primary)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_dense:var(\n    --kup-fcell-padding-dense,\n    var(--kup-space-01) var(--kup-space-03)\n  );--kup_fcell_padding_medium:var(\n    --kup-fcell-padding-medium,\n    var(--kup-space-02) var(--kup-space-03)\n  );--kup_fcell_padding_wide:var(\n    --kup-fcell-padding-wide,\n    var(--kup-space-04) var(--kup-space-03)\n  );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense .header-cell__content{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-medium .header-cell__content{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-medium tbody>tr.group>td{padding-top:0.5em;padding-bottom:0.5em}.density-wide .header-cell__content{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;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;font-size:13px}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0.5em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 678px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:11px}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}";const Ho=Vo;var Bo=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var Yo=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var Xo,Go,Uo,qo,Jo,Zo,Qo,ta,ea,ia,sa,na,oa,aa,ra,la,ha,ca,ua,pa,fa,da,ma,ga,ba,ka,ya,va,xa,wa,_a,za,Ca,ja,Wa,$a,Oa,Da,Ma,Ta,Sa,Ia,Pa,Ra,Ea,Na,La,Fa,Ka,Aa,Va,Ha,Ba,Ya,Xa,Ga,Ua,qa,Ja,Za,Qa,tr,er,ir,sr,nr,or,ar,rr,lr,hr,cr,ur,pr,fr,dr,mr,gr,br,kr,yr,vr,xr,wr,_r,zr,Cr,jr,Wr,$r,Or,Dr,Mr,Tr,Sr,Ir,Pr,Rr,Er,Nr,Lr,Fr,Kr,Ar,Vr,Hr,Br,Yr,Xr,Gr,Ur,qr,Jr,Zr,Qr,tl,el,il,sl,nl,ol,al,rl,ll,hl,cl,ul,pl,fl,dl,ml,gl,bl,kl,yl,vl,xl,wl,_l,zl,Cl,jl,Wl,$l,Ol,Dl,Ml,Tl,Sl,Il,Pl,Rl,El,Nl,Ll,Fl,Kl,Al,Vl,Hl,Bl,Yl,Xl,Gl,Ul,ql,Jl,Zl,Ql,th,eh,ih,sh,nh,oh,ah,rh;const lh=class{constructor(i){t(this,i);this.kupDidUnload=e(this,"kup-datatable-didunload",6);this.kupDidLoad=e(this,"kup-datatable-didload",6);this.kupResetSelectedRows=e(this,"kup-datatable-resetselectedrows",6);this.kupRowSelected=e(this,"kup-datatable-rowselected",6);this.kupDataTableClick=e(this,"kup-datatable-click",6);this.kupDataTableContextMenu=e(this,"kup-datatable-contextmenu",6);this.kupDataTableCellActionsMenu=e(this,"kup-datatable-cell-actions-menu",6);this.kupDataTableDblClick=e(this,"kup-datatable-dblclick",6);this.kupDataTableColumnMenu=e(this,"kup-datatable-columnmenu",6);this.kupLoadMoreClick=e(this,"kup-datatable-loadmoreclick",6);this.kupColumnMove=e(this,"kup-datatable-columnmove",6);this.kupColumnRemove=e(this,"kup-datatable-columnremove",6);this.kupDeleteRow=e(this,"kup-datatable-delete-row",6);this.kupSave=e(this,"kup-datatable-save",6);this.kupInsertRow=e(this,"kup-datatable-insert-row",6);this.kupHistory=e(this,"kup-datatable-history",6);this.kupRowActionItemClick=e(this,"kup-datatable-rowaction-item-click",6);this.kupCellActionIconClick=e(this,"kup-datatable-cell-action-icon-click",6);this.kupUpdate=e(this,"kup-datatable-update",6);Xo.add(this);this.state=new Fo;Go.set(this,false);Uo.set(this,void 0);qo.set(this,0);Jo.set(this,void 0);Zo.set(this,0);Qo.set(this,void 0);ta.set(this,a());ea.set(this,[]);ia.set(this,0);sa.set(this,0);na.set(this,void 0);oa.set(this,void 0);aa.set(this,undefined);ra.set(this,undefined);la.set(this,void 0);ha.set(this,void 0);ca.set(this,void 0);ua.set(this,void 0);pa.set(this,void 0);fa.set(this,undefined);da.set(this,undefined);ma.set(this,0);ga.set(this,false);ba.set(this,false);ka.set(this,false);ya.set(this,false);va.set(this,void 0);xa.set(this,null);wa.set(this,[]);_a.set(this,[]);za.set(this,[]);Ca.set(this,null);ja.set(this,false);Wa.set(this,[]);$a.set(this,[]);Oa.set(this,[]);Da.set(this,[]);Ma.set(this,null);Ta.set(this,null);Sa.set(this,null);Ia.set(this,null);Pa.set(this,null);Ra.set(this,null);Ea.set(this,void 0);Na.set(this,void 0);La.set(this,void 0);Fa.set(this,void 0);Ka.set(this,null);Aa.set(this,null);Va.set(this,null);Ha.set(this,null);Ba.set(this,null);Ya.set(this,null);Xa.set(this,null);Ga.set(this,null);Ua.set(this,null);qa.set(this,0);Ja.set(this,"cancel");Za.set(this,"submit");Qa.set(this,"fieldsForm");tr.set(this,"message");er.set(this,"messageWrapper");ir.set(this,"insert_");pr.set(this,(()=>{if(Bo(this,oa,"f")){if(Bo(this,ba,"f")){if(!Bo(this,ga,"f")){Bo(this,Xo,"m",fr).call(this);Bo(this,ha,"f").classList.add("activated")}else{Bo(this,ha,"f").classList.remove("activated")}}else{Bo(this,ha,"f").classList.remove("activated")}}}));Wl.set(this,(()=>{this.kupUpdate.emit({comp:this,id:this.rootElement.id,originalData:Bo(this,ra,"f"),updatedData:Kt(Bo(this,ra,"f"),this.data)})}));Bl.set(this,["small","medium","big"]);Yl.set(this,["Small","Medium","Big"]);Xl.set(this,["format-font-size-decrease","format-color-text","format-font-size-increase"]);ql.set(this,["Dense","Medium","Wide"]);Jl.set(this,["format-align-justify","reorder-horizontal","view-sequential"]);th.set(this,["Complete","Col","Row","None"]);eh.set(this,["Complete","Columns","Rows","None"]);ih.set(this,["grid_on","view_column","view_headline","grid_off"]);this.stateId="";this.store=undefined;this.autoFillMissingCells=false;this.customStyle="";this.data=undefined;this.density=m.DENSE;this.dragEnabled=false;this.dropEnabled=false;this.editableData=false;this.emptyDataLabel=null;this.enableColumnsFormula=true;this.enableExtraColumns=true;this.enableMergeColumns=true;this.enableSortableColumns=true;this.expandGroups=false;this.filters={};this.fixedColumns=0;this.fixedColumnsR=0;this.fixedRows=0;this.forceOneLine=false;this.globalFilter=false;this.globalFilterValue="";this.groupLabelDisplay=S.BOTH;this.groups=[];this.headerIsPersistent=true;this.insertMode="";this.isFocusable=false;this.lazyLoadRows=false;this.lineBreakCharacter="\n";this.loadMoreLimit=1e3;this.loadMoreMode=A.PROGRESSIVE_THRESHOLD;this.loadMoreStep=60;this.pageSelected=-1;this.paginatorPos=V.TOP;this.legacyLook=false;this.removableColumns=false;this.resizableColumns=true;this.rowActions=undefined;this.commands=undefined;this.rowsPerPage=10;this.scrollOnHover=false;this.selection=I.SINGLE;this.showCustomization=true;this.showDeleteButton=false;this.showHistoryButton=false;this.showFilters=false;this.showFooter=false;this.showGrid=H.ROW;this.showGroups=false;this.showHeader=true;this.showLoadMore=false;this.sort=[];this.sortableColumnsMutateData=true;this.sortEnabled=true;this.tableHeight=undefined;this.tableWidth=undefined;this.totals=undefined;this.transpose=false;this.updatableData=false;this.lazyLoadCells=false;this.currentPage=1;this.currentRowsPerPage=50;this.selectedRows=[];this.selectedColumn=undefined;this.columnMenuAnchor=null;this.groupState={};this.openedTotalMenu=null;this.openedCustomSettings=false;this.fontsize="medium"}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){Bo(this,ta,"f").debug.logMessage(this,"Initializing stateId "+this.stateId);this.filters=Object.assign({},t.filters);this.groups=[...t.groups];this.expandGroups=t.expandGroups;this.groupLabelDisplay=t.groupLabelDisplay;this.density=t.density;this.enableExtraColumns=t.enableExtraColumns;this.enableSortableColumns=t.enableSortableColumns;this.forceOneLine=t.forceOneLine;this.globalFilter=t.globalFilter;this.globalFilterValue=t.globalFilterValue;this.headerIsPersistent=t.headerIsPersistent;this.lazyLoadRows=t.lazyLoadRows;this.loadMoreLimit=t.loadMoreLimit;this.selection=t.selection;this.rowsPerPage=t.rowsPerPage;this.showFilters=t.showFilters;this.showGroups=t.showGroups;this.showHeader=t.showHeader;this.showLoadMore=t.showLoadMore;this.sortEnabled=t.sortEnabled;this.sort=[...t.sort];this.pageSelected=t.pageSelected;this.sortableColumnsMutateData=t.sortableColumnsMutateData;this.dragEnabled=t.dragEnabled;this.dropEnabled=t.dropEnabled;this.showFooter=t.showFooter;this.totals=Object.assign({},t.totals)}}}persistState(){if(this.store&&this.stateId){let t=false;if(!Bo(this,ta,"f").objects.deepEqual(this.state.filters,this.filters)){this.state.filters=Object.assign({},this.filters);t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.groups,this.groups)){this.state.groups=[...this.groups];t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.sort,this.sort)){this.state.sort=[...this.sort];t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.expandGroups,this.expandGroups)){this.state.expandGroups=this.expandGroups;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.groupLabelDisplay,this.groupLabelDisplay)){this.state.groupLabelDisplay=this.groupLabelDisplay;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.density,this.density)){this.state.density=this.density;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.enableExtraColumns,this.enableExtraColumns)){this.state.enableExtraColumns=this.enableExtraColumns;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.enableSortableColumns,this.enableSortableColumns)){this.state.enableSortableColumns=this.enableSortableColumns;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.forceOneLine,this.forceOneLine)){this.state.forceOneLine=this.forceOneLine;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.globalFilter,this.globalFilter)){this.state.globalFilter=this.globalFilter;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.headerIsPersistent,this.headerIsPersistent)){this.state.headerIsPersistent=this.headerIsPersistent;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.lazyLoadRows,this.lazyLoadRows)){this.state.lazyLoadRows=this.lazyLoadRows;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)){this.state.loadMoreLimit=this.loadMoreLimit;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.selection,this.selection)){this.state.selection=this.selection;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)){this.state.rowsPerPage=this.currentRowsPerPage;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showFilters,this.showFilters)){this.state.showFilters=this.showFilters;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showGroups,this.showGroups)){this.state.showGroups=this.showGroups;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showHeader,this.showHeader)){this.state.showHeader=this.showHeader;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)){this.state.showLoadMore=this.showLoadMore;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.sortEnabled,this.sortEnabled)){this.state.sortEnabled=this.sortEnabled;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.sortableColumnsMutateData,this.sortableColumnsMutateData)){this.state.sortableColumnsMutateData=this.sortableColumnsMutateData;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)){this.state.pageSelected=this.currentPage;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.dragEnabled,this.dragEnabled)){this.state.dragEnabled=this.dragEnabled;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.dropEnabled,this.dropEnabled)){this.state.dropEnabled=this.dropEnabled;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showFooter,this.showFooter)){this.state.showFooter=this.showFooter;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.totals,this.totals)){this.state.totals=Object.assign({},this.totals);t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.selectRowsById,this.selectedRows.reduce(((t,e,i)=>{const s=i>0?";":"";return t+s+e.id}),""))){this.state.selectRowsById=this.selectedRows.reduce(((t,e,i)=>{const s=i>0?";":"";return t+s+e.id}),"");t=true}if(!this.state.load){this.state.load=true;return}if(t){Bo(this,ta,"f").debug.logMessage(this,"Persisting stateId "+this.stateId);this.store.persistState(this.stateId,this.state)}}}rowsPerPageHandler(t){this.currentRowsPerPage=t}expandGroupsHandler(){if(!Bo(this,ya,"f")){this.recalculateRows();this.groupState={};Bo(this,Xo,"m",Ur).call(this)}}filtersChanged(){this.expandGroupsHandler()}recalculateRows(){if(!Bo(this,ya,"f")){Bo(this,Xo,"m",Ar).call(this)}}identifyAndInitRows(){T(this.getRows());this.expandGroupsHandler();Bo(this,Xo,"m",jr).call(this)}backupOriginalDataAndAdapting(){Yo(this,ra,JSON.parse(JSON.stringify(this.data)),"f");if(this.data["type"]==="SmeupDataTable"){At(this.data)}}recalculateRowsAndUndoSelections(){if(!Bo(this,ya,"f")){this.recalculateRows();this.groupState={};Bo(this,Xo,"m",Ur).call(this);Bo(this,Xo,"m",jr).call(this)}}controlFixedRowsColumns(){let t="";if(isNaN(this.fixedColumns)||this.fixedColumns<0){t+=`The value ${this.fixedColumns} set on fixedColumns property is not valid.`}if(isNaN(this.fixedColumnsR)||this.fixedColumnsR<0){t+=`The value ${this.fixedColumnsR} set on fixedColumnsR property is not valid.`}if(isNaN(this.fixedRows)||this.fixedRows<0){t+=`The value ${this.fixedRows} set on fixedRows property is not valid.`}if(t&&console){console.warn(t+"Any fixed rule will be ignored.")}}recalculateData(){if(Bo(this,Go,"f")){Bo(this,Xo,"m",or).call(this)}}async closeColumnMenu(){this.columnMenuAnchor=null;if(Bo(this,Ya,"f")){Bo(this,Ya,"f").data=null}Bo(this,Na,"f").close(Bo(this,Ya,"f"));this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:null,open:false})}async collapseAll(){this.expandGroups=false}async deleteRows(t=[]){const e=[];const i=[];const s=this.getRows();for(let n=0;n<s.length;n++){const o=s[n];if(t.includes(o.id)){const t=o.clonedFrom?o.clonedFrom:o;e.push(t);if(this.selectedRows.includes(o)){this.selectedRows.splice(this.selectedRows.indexOf(o),1)}}else{i.push(o)}}if(e.length>0){this.data.rows=i;await this.refresh(true)}return e}async closeInsertCard(){if(Bo(this,Aa,"f")){Bo(this,Aa,"f").remove();Yo(this,Aa,null,"f")}}async closeConfirmDeleteCard(){if(Bo(this,Ba,"f")){Bo(this,Ba,"f").close();Yo(this,Ha,null,"f");Yo(this,Ba,null,"f")}}async getCards(){const t={};if(Bo(this,Aa,"f")){t["insertCard"]={el:Bo(this,Aa,"f"),messageWrapper:Bo(this,Aa,"f").querySelector("#"+Bo(this,er,"f")),message:Bo(this,Aa,"f").querySelector("#"+Bo(this,tr,"f")),submitButton:Bo(this,Aa,"f").querySelector("#"+Bo(this,Za,"f")),cancelButton:Bo(this,Aa,"f").querySelector("#"+Bo(this,Ja,"f")),form:Bo(this,Aa,"f").querySelector("#"+Bo(this,Qa,"f"))}}if(Bo(this,Ha,"f")){t["confirmDeleteCard"]={el:Bo(this,Ha,"f"),messageWrapper:Bo(this,Aa,"f").querySelector("#"+Bo(this,er,"f")),message:Bo(this,Ha,"f").querySelector("#"+Bo(this,tr,"f")),submitButton:Bo(this,Ha,"f").querySelector("#"+Bo(this,Za,"f")),cancelButton:Bo(this,Ha,"f").querySelector("#"+Bo(this,Ja,"f"))}}return t}async insertNewRow(t){if(t){this.data.rows.push(t);await this.refresh(true)}}async expandAll(){this.expandGroups=true}async getProps(t){return l(this,ot,t)}async getSelectedRows(){const t=[];this.selectedRows.forEach((e=>{if(e.clonedFrom){t.push(e.clonedFrom)}else{t.push(e)}}));return t}async hideColumn(t){Bo(this,ta,"f").data.column.hide(this.data,[t.name]);this.kupColumnRemove.emit({comp:this,id:this.rootElement.id,column:t});this.refresh()}async setGroupExpansionByDepth(t){const e=()=>{const t=[];for(let e=0;e<Bo(this,Jo,"f").length;e++){const i=Bo(this,Jo,"f")[e];const s=i.group;if(s){n(i)}function n(e){const i=e.group;t.push(e);for(let t=0;(i===null||i===void 0?void 0:i.children)&&t<i.children.length;t++){n(i.children[t])}}}return t};const i=(t,e,s,o)=>{var a;const r=t.group;if(t.hasOwnProperty("group")){const t=o<s;r.expanded=t;this.groupState[r.id]={expanded:t};const l=(a=n===null||n===void 0?void 0:n.find((t=>{var e;return((e=t.group)===null||e===void 0?void 0:e.id)===r.id})))===null||a===void 0?void 0:a.group;if(l){l.expanded=t}if(r.children){for(let t=0;t<r.children.length;t++){const n=r.children[t];i(n,e,s,o+1)}}}};const s=()=>{const t=Bo(this,Uo,"f")[0];let e=0;const i=(t,s)=>{const n=t.group;if(t.hasOwnProperty("group")){if(n.expanded){e=Math.max(e,s);e+=1}i(n.children[0],s+1)}};if(t){i(t,0)}return e};const n=e();let o=s()+t;for(let t=0;t<Bo(this,Uo,"f").length;t++){const e=Bo(this,Uo,"f")[t];const s=e.group;if(s){i(e,false,o,0)}}Bo(this,Xo,"m",kl).call(this);this.refresh()}async newColumn(t,e){const i=Bo(this,ta,"f").data.column.new(this.data,t,e);this.refresh();return i}async openColumnMenu(t){this.columnMenuAnchor=t;if(!Bo(this,Ya,"f")){Yo(this,Ya,document.createElement("kup-card"),"f");Bo(this,Ya,"f").isMenu=true;Bo(this,Ya,"f").layoutNumber=12;Bo(this,Ya,"f").sizeX="auto";Bo(this,Ya,"f").sizeY="auto";Bo(this,Ya,"f").addEventListener("kup-card-click",(t=>{this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:t,open:Bo(this,Ya,"f").menuVisible})}));Bo(this,Ya,"f").addEventListener("kup-card-event",(t=>{Bo(this,Na,"f").eventHandlers(t,this);this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:t,open:Bo(this,Ya,"f").menuVisible})}))}Bo(this,Ya,"f").setAttribute("data-column",t);Bo(this,Ya,"f").data=Bo(this,Na,"f").prepData(this,O(this.getVisibleColumns(),t));Bo(this,Na,"f").open(this,t);Bo(this,Na,"f").reposition(this,Bo(this,Ya,"f"));this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:null,open:true})}async refresh(t){if(t){Bo(this,Xo,"m",Ar).call(this)}i(this)}async resizeCallback(){if(this.lazyLoadCells&&this.rootElement.clientWidth!==Bo(this,Ca,"f")){window.clearTimeout(Bo(this,Ea,"f"));Yo(this,Ea,window.setTimeout((()=>this.refresh()),300),"f")}}async setCellValue(t,e,i){const s=O(this.data.columns,t);if(!s){return}const n=Bo(this,Xo,"m",ar).call(this,e);if(!n){return}const o=n.cells[t];if(!o){return}o.value=i;o.displayedValue=null;if(o.data){o.data.key=(new Date).getTime()+s.name;o.data.initialValue=i}this.refresh()}async setFocus(t,e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;i&&t<i.length;t++){const s=i[t];if(s["data-row"]&&s["data-row"].id==e){const t=s.querySelector("input");if(t){t.focus()}else{const t=s.querySelector(".hydrated");if(t){try{t.setFocus()}catch(t){}}}}}}async setProps(t){h(this,ot,t)}async setSelectedRows(t,e){this.selectedRows=[];for(let e=0;e<t.length;e++){const i=t[e];const s=Bo(this,Xo,"m",ar).call(this,i);if(s){this.selectedRows.push(s)}}if(e!==false){this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})}}componentWillLoad(){Bo(this,ta,"f").debug.logLoad(this,false);Bo(this,ta,"f").language.register(this);Bo(this,ta,"f").theme.register(this);Bo(this,ta,"f").toolbar.register(this.rootElement);if(!this.emptyDataLabel){this.emptyDataLabel=Bo(this,ta,"f").language.translate(g.EMPTY_DATA)}Yo(this,Na,new Ao,"f");Yo(this,La,new Lt,"f");Yo(this,Fa,new Ft,"f");Yo(this,ya,true,"f");this.initWithPersistedState();if(this.pageSelected>0){this.currentPage=this.pageSelected}this.currentRowsPerPage=this.rowsPerPage;Yo(this,ya,false,"f");T(this.getRows());this.expandGroupsHandler();if(document.querySelector(".header")){Yo(this,ma,document.querySelector(".header").clientHeight,"f")}else{Yo(this,ma,0,"f")}if(document.querySelector(".topbar")){Yo(this,ma,Bo(this,ma,"f")+document.querySelector(".topbar").clientHeight,"f")}Bo(this,Xo,"m",dr).call(this);Yo(this,ka,CSS.supports("position","-webkit-sticky")||!!(window&&window.safari),"f");Bo(this,Xo,"m",or).call(this);Yo(this,Go,true,"f");this.backupOriginalDataAndAdapting()}componentWillRender(){Bo(this,ta,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){mt(e[t])}}if(this.showCustomization){Bo(this,Xo,"m",wr).call(this)}Bo(this,Xo,"m",Tl).call(this);Bo(this,Xo,"m",xr).call(this);Bo(this,Xo,"m",kr).call(this);Bo(this,Xo,"m",gr).call(this);Bo(this,Xo,"m",Kl).call(this,false);if(this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined){Bo(this,Xo,"m",fr).call(this)}setTimeout((()=>Bo(this,Xo,"m",Qr).call(this)),50);if(this.lazyLoadCells){this.persistState()}Yo(this,Ca,this.rootElement.clientWidth,"f");Bo(this,ta,"f").debug.logRender(this,true)}componentDidLoad(){Bo(this,Xo,"m",br).call(this);Bo(this,Xo,"m",yr).call(this);Bo(this,Xo,"m",mr).call(this);this.lazyLoadCells=true;this.kupDidLoad.emit({comp:this,id:this.rootElement.id});Bo(this,ta,"f").resize.observe(this.rootElement);Bo(this,ta,"f").debug.logLoad(this,true)}resetCurrentPage(){this.currentPage=1;Bo(this,Xo,"m",jr).call(this)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:""}]}getVisibleColumns(){const t=this.getColumns().filter((t=>!Bo(this,ta,"f").data.column.isCodVer(t)&&(!("visible"in t)||t.visible)));if(Bo(this,Xo,"m",Hr).call(this)){return t.filter((t=>{let e=null;for(let i of this.groups){if(i.column===t.name){e=i;break}}if(e){return!e.hasOwnProperty("visible")||e.visible}return true}))}return t}getGroupByName(t){if(!Bo(this,Xo,"m",Hr).call(this)){return null}for(let e of this.groups){if(e.column===t){return e}}return null}getColumnValues(t){return Bo(this,Fa,"f").getColumnValues(this,t,this.globalFilterValue,Bo(this,La,"f"))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}async getInternalState(){return{groups:this.groups,filters:this.filters,data:this.data}}async defaultSortingFunction(t,e,i,s=false){const n=!s?t:[...t];Bo(this,Xo,"m",jl).call(this,n,e,i);return n}areTotalsSelected(t){return this.totals&&this.totals[t.name]?true:false}onTotalsChange(t,e){Bo(this,Xo,"m",dl).call(this);if(e){const i=Object.assign({},this.totals);const s=t.detail.selected.id;if(s===B.CANC){if(this.totals&&this.totals[e.name]){delete i[e.name]}}else{i[e.name]=s}this.totals=i}}renderFooter(){let t=0;let e=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const i=Bo(this,Xo,"m",Zr).call(this,t,0,0,t);e=s("td",{class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null})}let i=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){t++;const e=Bo(this,Xo,"m",Zr).call(this,t,0,0,t);i=s("td",{class:e?e.fixedCellClasses:{},style:e?e.fixedCellStyle:{}})}const n=this.getVisibleColumns().map(((e,i)=>{const n=Bo(this,Xo,"m",Zr).call(this,i+1+t,i+1,0,t);let o=undefined;let a=B.CALC;const r={[B.AVERAGE]:Bo(this,ta,"f").language.translate(v.AVERAGE),[B.CALC]:Bo(this,ta,"f").language.translate(v.CALCULATE),[B.CANC]:Bo(this,ta,"f").language.translate(v.CANCEL),[B.COUNT]:Bo(this,ta,"f").language.translate(v.COUNT),[B.DISTINCT]:Bo(this,ta,"f").language.translate(v.DISTINCT),[B.MATH]:Bo(this,ta,"f").language.translate(v.FORMULA),[B.MAX]:Bo(this,ta,"f").language.translate(v.MAXIMUM),[B.MIN]:Bo(this,ta,"f").language.translate(v.MINIMUM),[B.SUM]:Bo(this,ta,"f").language.translate(v.SUM)};if(this.totals){const t=this.totals[e.name];if(t){if(t.startsWith(Y.MATH)){a=B.MATH}else{switch(t){case Y.COUNT:a=B.COUNT;break;case Y.DISTINCT:a=B.DISTINCT;break;case Y.SUM:a=B.SUM;break;case Y.AVERAGE:a=B.AVERAGE;break;case Y.MIN:a=B.MIN;break;case Y.MAX:a=B.MAX;break}}}}if(Bo(this,Xo,"m",ml).call(this,e.name)){const t=[{id:Y.COUNT,value:r[B.COUNT]},{id:Y.DISTINCT,value:r[B.DISTINCT]}];if(Bo(this,ta,"f").objects.isNumber(e.obj)){t.push({id:Y.SUM,separator:true,value:r[B.SUM]},{id:Y.AVERAGE,value:r[B.AVERAGE]},{id:Y.MIN,value:r[B.MIN]},{id:Y.MAX,value:r[B.MAX]})}else if(Bo(this,ta,"f").objects.isDate(e.obj)){t.push({id:Y.MIN,separator:true,value:r[B.MIN]},{id:Y.MAX,value:r[B.MAX]})}if(this.totals){const i=t.find((t=>t.id===this.totals[e.name]));if(i){i.selected=true;t.push({id:B.CANC,separator:true,value:r[B.CANC]})}}o=s("kup-list",{class:`total-menu`,data:t,id:"totals-menu","is-menu":true,keyboardNavigation:true,"menu-visible":true,"onkup-list-click":t=>this.onTotalsChange(t,e),tabindex:0})}let l;const h=Bo(this,Qo,"f")[e.name];if(a===B.COUNT||a===B.DISTINCT){l=h}else if((a===B.MAX||a===B.MIN)&&Bo(this,ta,"f").objects.isDate(e.obj)){if(h){l=h}}else{l=Bo(this,ta,"f").math.numberToFormattedString(h,e.decimals,e.obj?e.obj.p:"")}return s("td",{"data-column":e.name,class:n&&n.fixedCellClasses?n.fixedCellClasses:"",style:n?n.fixedCellStyle:null},o,s("span",{class:"totals-value",title:r[a]},l))}));const o=s("tfoot",null,s("tr",null,e,i,n));return o}renderCustomizePanel(){let t=undefined;let e=undefined;let i=undefined;let n=undefined;let o=undefined;if(this.openedCustomSettings){t=Bo(this,Xo,"m",Ql).call(this);e=Bo(this,Xo,"m",Ul).call(this);i=Bo(this,Xo,"m",ah).call(this);n=Bo(this,Xo,"m",nh).call(this);if(this.totals&&this.groups.length>0){o=Bo(this,Xo,"m",oh).call(this)}}return s("kup-card",{customStyle:"::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }",isMenu:true,layoutFamily:j.FREE,ref:t=>{Yo(this,pa,t,"f")},sizeX:"360px",sizeY:"300px"},t,i,e,n,s("kup-switch",{class:"customize-element",checked:this.dragEnabled,label:Bo(this,ta,"f").language.translate(g.DRAG_AND_DROP),leadingLabel:true,"onkup-switch-change":()=>this.dragEnabled=!this.dragEnabled}),s("kup-switch",{class:"customize-element",checked:this.editableData,label:Bo(this,ta,"f").language.translate(g.EDITABLE),leadingLabel:true,"onkup-switch-change":()=>this.editableData=!this.editableData}),s("div",{style:{display:"grid","grid-template-columns":"repeat(2, auto)",width:"max-content"}},s("kup-button",{title:Bo(this,ta,"f").language.translate(g.TOGGLE)+" Magic Box "+"("+Bo(this,ta,"f").language.translate(g.EXPERIMENTAL_FEAT)+")",icon:"auto-fix","onkup-button-click":()=>Bo(this,ta,"f").toggleMagicBox()}),Bo(this,ta,"f").enableExperimentalFeatures&&Bo(this,ta,"f").openAI&&Bo(this,ta,"f").openAI.url?s("kup-button",{title:Bo(this,ta,"f").language.translate(g.TOGGLE)+" "+Bo(this,ta,"f").language.translate(g.AI_ASSISTANT)+" ("+Bo(this,ta,"f").language.translate(g.EXPERIMENTAL_FEAT)+")",icon:"smeup-ai","onkup-button-click":()=>{Bo(this,ta,"f").openAI.show({context:this.rootElement.tagName,dataset:this.data});Bo(this,Xo,"m",El).call(this)}}):null),o)}render(){Yo(this,_a,[],"f");Yo(this,za,[],"f");Yo(this,ea,[],"f");let t=undefined;let e=undefined;Yo(this,fa,Bo(this,Xo,"m",Wr).call(this),"f");let i=null;if(Bo(this,Zo,"f")===0){i=s("tr",{key:"efb6db0e8b175d8bb3a438222a63228df9562650",ref:t=>Bo(this,za,"f").push(t)},s("td",{key:"bb7ed6cde229dd2f305801df88144145e8c9c5b0",colSpan:Bo(this,Xo,"m",_l).call(this)},this.emptyDataLabel))}else{i=[];Bo(this,Jo,"f").map(((t,e,i)=>Bo(this,Xo,"m",Il).call(this,t,0,e+1,e>0?i[e-1]:null))).forEach((t=>{if(Array.isArray(t)){t.forEach((t=>i.push(t)))}else{i.push(t)}}))}const o=Bo(this,Xo,"m",Dl).call(this);const a=Bo(this,Xo,"m",Ml).call(this);let l=undefined;let h=undefined;if(!this.lazyLoadRows&&Bo(this,qo,"f")>this.rowsPerPage||this.showCustomization||this.showLoadMore){if(V.TOP===this.paginatorPos||V.BOTH===this.paginatorPos){l=Bo(this,Xo,"m",Nl).call(this,true)}if(V.BOTTOM===this.paginatorPos||V.BOTH===this.paginatorPos){h=Bo(this,Xo,"m",Nl).call(this,false)}}let u=null;if(Bo(this,Xo,"m",Hr).call(this)){const t=[];for(let e=0;e<this.groups.length;e++){const i=this.groups[e];const s=O(this.getColumns(),i.column);if(s){t.push({value:s.title,id:s.name,checked:true})}else{Bo(this,ta,"f").debug.logMessage(this,"Grouped for a non-existent column! ("+i.column+")",f.WARNING)}}if(t.length>0){const e={data:t,id:"group-chips",type:St.INPUT,onIconClick:[]};for(let i=0;i<t.length;i++){e.onIconClick.push((()=>Bo(this,Xo,"m",Yr).call(this,i)))}u=s(Rt,Object.assign({key:"e51efbb765103f29668ba724068fd8545b21a48e"},e))}}const d={"auto-width":Bo(this,Xo,"m",Gr).call(this),"column-separation":H.COMPLETE===this.showGrid||H.COL===this.showGrid,"row-separation":H.COMPLETE===this.showGrid||H.ROW===this.showGrid,"persistent-header":this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined,"custom-size":!!this.tableHeight||!!this.tableWidth,"border-top":!this.showHeader};const m=d["auto-width"]?"auto-width":"";d[`density-${this.density}`]=true;d[`fontsize-${this.fontsize}`]=true;if(this.tableHeight&&this.tableHeight!=="100%"){t=Object.assign(Object.assign({},t),{height:this.tableHeight,overflow:"auto"})}if(this.tableWidth&&this.tableHeight!=="100%"){t=Object.assign(Object.assign({},t),{width:this.tableWidth,overflow:"auto"});e=Object.assign(Object.assign({},e),{width:this.tableWidth,overflow:"auto"})}let g=undefined;if(this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined){g=s("sticky-header",{key:"9f3a65a115893581db844f7ebb19f313e70c9741",class:"hover-scrolling-child",hidden:!this.showHeader,ref:t=>Yo(this,ha,t,"f")},s("thead-sticky",{key:"cb350fb0f1b870f718854e98fb7131e34c31e7a0"},s("tr-sticky",{key:"636d59e4090e8ab9b38decb3d10c457a4e039c66"},a)))}let b="below-wrapper";if(!!this.tableHeight||!!this.tableWidth){b+=" custom-size"}const k=t=>{if(t&&t.detail&&t.detail.row){const e=t.detail.row;if(!this.selectedRows.includes(e)){if(this.selection===I.MULTIPLE_CHECKBOX||this.selection===I.MULTIPLE){this.selectedRows.push(e)}else{this.selectedRows=[e]}}if(t.type==="kup-cell-input"){this.refresh()}}};const y=s(n,{key:"d7fcdea877130818a425778b04831b27b598a238","onKup-cell-input":k,"onKup-cell-update":k},s("style",{key:"2d9e947791974f6a27fac9cda40b47b89db8fd0a"},Bo(this,ta,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e8d7ab9756bf74e33f00c89c8a8270d5a9f0d623",id:Ct,class:m},s("div",{key:"2600d608f664012c22e768ad5b52690b3c4e4ec5",class:"group-wrapper"},u),s("div",{key:"fade30e46f5d96f6bcc77b665fe345bf856ef637",class:"actions-wrapper",style:e},this.globalFilter?s("div",{id:"global-filter"},s(dt,{fullWidth:true,icon:c.SEARCH,label:Bo(this,ta,"f").language.translate(F.SEARCH),value:this.globalFilterValue,onInput:t=>{const e=t.target;window.clearTimeout(Bo(this,va,"f"));Yo(this,va,window.setTimeout((()=>Bo(this,Xo,"m",sl).call(this,e)),600,e),"f")}})):null,s("div",{key:"34b7bb761d08f0251e2f798111f1bee38d40bd0c",class:"above-wrapper paginator-top"},l),this.insertMode!==""&&this.selectedRows.length>0?s(Wt,{icon:"save",onClick:()=>{this.kupSave.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})},styling:Ot.FLAT,sizing:r.MEDIUM,title:"Save",wrapperClass:"save-button"}):null,this.showDeleteButton&&this.selectedRows.length>0?s(Wt,{icon:"delete",onClick:()=>{Bo(this,Xo,"m",Rr).call(this)},styling:Ot.FLAT,sizing:r.MEDIUM,title:"Delete selected rows",wrapperClass:"delete-button"}):null,this.showHistoryButton?s(Wt,{icon:"history",onClick:()=>{this.kupHistory.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})},styling:Ot.FLAT,sizing:r.MEDIUM,title:"History",wrapperClass:"history-button"}):null,this.insertMode!==""?s(Wt,{label:"Crea nuovo",onClick:async()=>{var t;if(this.insertMode==="form"){Bo(this,Xo,"m",Pr).call(this)}else{Yo(this,qa,(t=Bo(this,qa,"f"),t++,t),"f");const e={};for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];e[i.name]={data:i.cellData?JSON.parse(JSON.stringify(i.cellData)):undefined,slotData:i.cellSlotData?JSON.parse(JSON.stringify(i.cellSlotData)):undefined,isEditable:i.isKey||i.isEditable,obj:Object.assign({},i.obj),shape:i.shape,value:""}}const i={cells:e,id:Bo(this,ir,"f")+Bo(this,qa,"f")};this.data.rows.unshift(i);await this.refresh(true)}},sizing:r.MEDIUM,styling:Ot.RAISED,title:"Insert row",wrapperClass:"insert-button"}):null),s("div",{key:"69f207abce792e0c58d0984d1b525e8bbf0fc489",class:"droparea",ref:t=>Yo(this,Ma,t,"f")},this.showGroups?Bo(this,Xo,"m",Fl).call(this):null,this.removableColumns?Bo(this,Xo,"m",Ll).call(this):null),s("div",{key:"2404bd9828f12ac9d50786c2fdd7357257196998",style:t,class:b,ref:t=>Yo(this,la,t,"f")},this.showCustomization?[s("div",{class:"settings-trigger",onClick:()=>{Bo(this,Xo,"m",Pl).call(this)},ref:t=>{Yo(this,ua,t,"f")}},s(jt,{color:`var(${p.TITLE})`,resource:"settings",sizeX:"10px"})),this.renderCustomizePanel()]:null,s("table",{key:"9467784989575b9b437dbdf88caa5b92f34214f4",class:d,ref:t=>Yo(this,oa,t,"f"),onMouseLeave:t=>{t.stopPropagation()},onPointerDown:t=>{Yo(this,ca,Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(t.target,this.rootElement),t),"f")},onPointerUp:t=>{Yo(this,ca,Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(t.target,this.rootElement),t),"f")},onContextMenu:t=>{t.preventDefault()}},s("thead",{key:"761a479563b77451ea506784462b5b5aea974e8b",hidden:!this.showHeader,ref:t=>Yo(this,na,t,"f")},s("tr",{key:"7a89e45fdaf6d1469e881a002537cce28962be4e"},o)),s("tbody",{key:"37377d063aab99b4da2efa32225d6aab2ba14bbc"},i),this.showFooter||Bo(this,Xo,"m",Xr).call(this)?this.renderFooter():null),g),h),this.updatableData?Bo(this,Xo,"m",rh).call(this):null);return y}disconnectedCallback(){Bo(this,ta,"f").interact.unregister(Bo(this,Wa,"f").concat(Bo(this,$a,"f"),Bo(this,Oa,"f"),Bo(this,Da,"f")));Bo(this,ta,"f").language.unregister(this);Bo(this,ta,"f").theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+X+"]");if(t.length>0){Bo(this,ta,"f").dynamicPosition.unregister(Array.prototype.slice.call(t))}if(Bo(this,pa,"f")){Bo(this,pa,"f").remove()}if(Bo(this,Ya,"f")){Bo(this,Ya,"f").remove()}if(this.scrollOnHover){Bo(this,ta,"f").scrollOnHover.unregister(Bo(this,la,"f"))}Bo(this,ta,"f").resize.unobserve(this.rootElement);this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return o(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],expandGroups:["expandGroupsHandler"],filters:["filtersChanged"],globalFilterValue:["filtersChanged"],sort:["recalculateRows"],totals:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["identifyAndInitRows","backupOriginalDataAndAdapting"],groups:["recalculateRowsAndUndoSelections"],fixedColumns:["controlFixedRowsColumns"],fixedColumnsR:["controlFixedRowsColumns"],fixedRows:["controlFixedRowsColumns"],transpose:["recalculateData"]}}};Go=new WeakMap,Uo=new WeakMap,qo=new WeakMap,Jo=new WeakMap,Zo=new WeakMap,Qo=new WeakMap,ta=new WeakMap,ea=new WeakMap,ia=new WeakMap,sa=new WeakMap,na=new WeakMap,oa=new WeakMap,aa=new WeakMap,ra=new WeakMap,la=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,pa=new WeakMap,fa=new WeakMap,da=new WeakMap,ma=new WeakMap,ga=new WeakMap,ba=new WeakMap,ka=new WeakMap,ya=new WeakMap,va=new WeakMap,xa=new WeakMap,wa=new WeakMap,_a=new WeakMap,za=new WeakMap,Ca=new WeakMap,ja=new WeakMap,Wa=new WeakMap,$a=new WeakMap,Oa=new WeakMap,Da=new WeakMap,Ma=new WeakMap,Ta=new WeakMap,Sa=new WeakMap,Ia=new WeakMap,Pa=new WeakMap,Ra=new WeakMap,Ea=new WeakMap,Na=new WeakMap,La=new WeakMap,Fa=new WeakMap,Ka=new WeakMap,Aa=new WeakMap,Va=new WeakMap,Ha=new WeakMap,Ba=new WeakMap,Ya=new WeakMap,Xa=new WeakMap,Ga=new WeakMap,Ua=new WeakMap,qa=new WeakMap,Ja=new WeakMap,Za=new WeakMap,Qa=new WeakMap,tr=new WeakMap,er=new WeakMap,ir=new WeakMap,pr=new WeakMap,Wl=new WeakMap,Bl=new WeakMap,Yl=new WeakMap,Xl=new WeakMap,ql=new WeakMap,Jl=new WeakMap,th=new WeakMap,eh=new WeakMap,ih=new WeakMap,Xo=new WeakSet,sr=function t(){Bo(this,ta,"f").dynamicPosition.stop(Bo(this,Xa,"f"));Bo(this,ta,"f").removeClickCallback(Bo(this,Ra,"f"));Bo(this,Xa,"f").remove();Yo(this,Xa,null,"f")},nr=function t(e,i){if(Bo(this,Xa,"f")){Bo(this,Xo,"m",sr).call(this)}Yo(this,Xa,document.createElement("kup-card"),"f");Bo(this,Xa,"f").data={options:{data:this.data,enableFormula:this.enableColumnsFormula,enableMerge:this.enableMergeColumns,enableMove:this.enableSortableColumns,receivingColumn:i,starterColumn:e,formulaCb:()=>{Bo(this,Xo,"m",sr).call(this);this.refresh()},mergeCb:()=>{this.newColumn(w.CONCATENATE,{columns:[i.name,e.name]});Bo(this,Xo,"m",sr).call(this)},moveCb:()=>{Bo(this,Xo,"m",Cl).call(this,i,e);Bo(this,Xo,"m",sr).call(this)}}};Bo(this,Xa,"f").layoutFamily=j.BUILT_IN;Bo(this,Xa,"f").layoutNumber=3;Bo(this,Xa,"f").isMenu=true;Bo(this,Xa,"f").sizeX="280px";Bo(this,Xa,"f").sizeY="auto";Bo(this,ta,"f").dynamicPosition.register(Bo(this,Xa,"f"),Bo(this,Ga,"f"),0,u.AUTO,true);Bo(this,ta,"f").dynamicPosition.start(Bo(this,Xa,"f"));Yo(this,Ra,{cb:()=>{Bo(this,Xo,"m",sr).call(this)},el:Bo(this,Xa,"f")},"f");Bo(this,ta,"f").addClickCallback(Bo(this,Ra,"f"),true);Bo(this,Xa,"f").menuVisible=true},or=function t(){if(!this.transpose){if(Bo(this,aa,"f")){this.data=Object.assign({},Bo(this,aa,"f"))}}else{Bo(this,Xo,"m",hr).call(this)}},ar=function t(e){if(Bo(this,Xo,"m",Hr).call(this)&&typeof e==="string"){return Bo(this,Xo,"m",rr).call(this,e,Bo(this,Jo,"f"))}else{return Bo(this,Xo,"m",rr).call(this,e,Bo(this,Uo,"f"))}},rr=function t(e,i){if(!i||i.length==0){return null}if(typeof e==="number"){return i[e]}else{for(let s=0;s<i.length;s++){let n=i[s];if(n.id===e){return n}if(n.group){n=Bo(this,Xo,"m",t).call(this,e,n.group.children);if(n){return n}}}}return null},lr=function t(e){if(e){this.filters={}}return Bo(this,ta,"f").data.transpose(this.data,e)},hr=function t(){Yo(this,aa,Object.assign({},this.data),"f");if(this.data.columns.length>0){this.data=Bo(this,Xo,"m",lr).call(this,this.data.columns[0].name)}},cr=function t(){if(Bo(this,Uo,"f").length===0||!Bo(this,Uo,"f")[0].group)return;const e={};const i=[];i.push(Bo(this,Uo,"f")[0].group.column);Object.keys(Bo(this,Uo,"f")[0].group.totals).forEach((t=>{if(Bo(this,Uo,"f")[0].group.column!==t)i.push(t)}));const s=[];i.forEach((t=>{this.data.columns.forEach((e=>{if(e.name===t){const t=Object.assign({},e);const i=this.totals[t.name];if(i){if(i.startsWith(Y.MATH)){t.title=B[Y.MATH]+" "+t.title}else{const e=Object.keys(Y).find((t=>Y[t]===i));if(e){t.title=B[e]+" "+t.title}else{t.title=i+" "+t.title}}Bo(this,Xo,"m",ur).call(this,t,this.totals)}s.push(t)}}))}));e.columns=s;const n=[];let o=0;Bo(this,Uo,"f").forEach((t=>{const e={};i.forEach((i=>{let s=t.group.totals[i];if(!s){s=t.group.id}if(Bo(this,ta,"f").dates.isIsoDate(s)){s=Bo(this,ta,"f").dates.format(s)}e[i]={value:String(s)}}));n.push({id:String(o),cells:e});o++}));e.rows=n;this.groups=[];this.data=Object.assign({},e);const a={};Object.keys(this.totals).forEach((t=>{switch(this.totals[t]){case Y.DISTINCT:a[t]=Y.COUNT;break;case Y.COUNT:a[t]=Y.SUM;break;default:a[t]=this.totals[t];break}}));this.totals=Object.assign({},a)},ur=function t(e,i){const s=e.obj;const n=i[e.name];if(Bo(this,ta,"f").objects.isDate(s)){if(n===Y.MAX||n===Y.MIN){return}}else if(Bo(this,ta,"f").objects.isNumber(s)){if(s.p&&s.p.toUpperCase()==="P"){if(n!==Y.COUNT&&n!==Y.DISTINCT){return}}}e.obj={t:"NR",p:"",k:""};if(e.icon){delete e.icon}},fr=function t(){const e=document.querySelector(".header");const i=document.querySelector(".topbar");if(e){Yo(this,ma,e.clientHeight,"f")}else{Yo(this,ma,0,"f")}if(i){Yo(this,ma,Bo(this,ma,"f")+i.clientHeight,"f")}if(Bo(this,ha,"f")){Bo(this,ha,"f").style.top=Bo(this,ma,"f")+"px";const t=Bo(this,la,"f").offsetWidth;Bo(this,ha,"f").style.maxWidth=t+"px";const e=Bo(this,na,"f").querySelectorAll("th");const i=Bo(this,ha,"f").querySelectorAll("th-sticky");for(let t=0;t<e.length;t++){const s=e[t].offsetWidth;i[t].style.width=s+"px"}}},dr=function t(){const e=t=>{t.forEach((t=>{if(t.target.tagName==="TR"){if(t.isIntersecting){Bo(this,ta,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const e=Bo(this,Uo,"f").length-this.currentRowsPerPage;if(e<this.loadMoreStep){this.currentRowsPerPage+=e}else{this.currentRowsPerPage+=this.loadMoreStep}t.target.classList.remove("last-row")}}if(t.target.tagName==="THEAD"){if(t.isIntersecting){Yo(this,ga,true,"f")}else if(t.boundingClientRect.bottom>Bo(this,ma,"f")){Yo(this,ga,true,"f")}else{Yo(this,ga,false,"f")}}if(t.target.tagName==="TABLE"){if(t.isIntersecting){Yo(this,ba,true,"f")}else{Yo(this,ba,false,"f")}}if(this.tableHeight===undefined&&this.tableWidth===undefined&&this.headerIsPersistent){Bo(this,pr,"f").call(this)}}))};const i={threshold:0,rootMargin:"-"+Bo(this,ma,"f")+"px 0px 0px 0px"};Yo(this,da,new IntersectionObserver(e,i),"f")},mr=function t(){Bo(this,Da,"f").push(Bo(this,oa,"f"));const e=t=>{var e,i,s,n;if(Bo(this,ja,"f")){Yo(this,ja,false,"f");return}switch(t.button){case 0:const o={};for(const e in t){o[e]=t[e]}if(t.target.classList.contains("f-image__icon")){const o=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(t.target,this.rootElement),t);if(((i=(e=o===null||o===void 0?void 0:o.cell)===null||e===void 0?void 0:e.obj)===null||i===void 0?void 0:i.t)!=="J4"&&((n=(s=o===null||o===void 0?void 0:o.cell)===null||s===void 0?void 0:s.obj)===null||n===void 0?void 0:n.p)!=="ICO"){break}}Bo(this,wa,"f").push(setTimeout((()=>{this.kupDataTableClick.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Nr).call(this,o)})}),300));break;case 2:this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Fr).call(this,t)});break}};const i=t=>{switch(t.button){case 0:for(let t=0;t<Bo(this,wa,"f").length;t++){clearTimeout(Bo(this,wa,"f")[t]);Bo(this,ta,"f").debug.logMessage(this,"Cleared clickHandler timeout("+Bo(this,wa,"f")[t]+").")}Yo(this,wa,[],"f");this.kupDataTableDblClick.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Kr).call(this,t)});break}};const s=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){Yo(this,ja,true,"f");this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Fr).call(this,t)})}};Bo(this,ta,"f").interact.on(Bo(this,oa,"f"),G.TAP,e);Bo(this,ta,"f").interact.on(Bo(this,oa,"f"),G.DOUBLETAP,i);Bo(this,ta,"f").interact.on(Bo(this,oa,"f"),G.HOLD,s)},gr=function t(){if(this.showGroups){if(!Bo(this,$a,"f").includes(Bo(this,Sa,"f"))){Bo(this,$a,"f").push(Bo(this,Sa,"f"));Bo(this,ta,"f").interact.dropzone(Bo(this,Sa,"f"),{accept:`[${U}]`},null,{drop:t=>{const e=t.relatedTarget;const i=O(this.getColumns(),e.dataset.column);Bo(this,Xo,"m",Al).call(this,i);Bo(this,oa,"f").removeAttribute(q)}})}}if(this.removableColumns){if(!Bo(this,$a,"f").includes(Bo(this,Ta,"f"))){Bo(this,$a,"f").push(Bo(this,Ta,"f"));Bo(this,ta,"f").interact.dropzone(Bo(this,Ta,"f"),{accept:`[${U}]`},null,{drop:t=>{const e=t.relatedTarget;const i=O(this.getColumns(),e.dataset.column);this.hideColumn(i);Bo(this,oa,"f").removeAttribute(q)}})}}if(this.enableSortableColumns||this.enableMergeColumns||this.enableColumnsFormula){const t=t=>{const e=t.target;return{cell:null,column:O(this.getVisibleColumns(),e.dataset.column),id:this.rootElement.id,multiple:!!(this.selection===I.MULTIPLE||this.selection===I.MULTIPLE_CHECKBOX),row:null,selectedRows:this.selectedRows}};const e=t=>{const e=!!(!this.enableSortableColumns&&!this.enableColumnsFormula&&this.enableMergeColumns);const i=!!(this.enableSortableColumns&&!this.enableColumnsFormula&&!this.enableMergeColumns);const s=t.relatedTarget;const n=!!(this.rootElement.id===s.kupDragDrop.id);const o=s.kupDragDrop.column;const a=O(this.getColumns(),t.target.dataset.column);Yo(this,Ga,t.target,"f");if(n&&a&&o){if(i){Bo(this,Xo,"m",Cl).call(this,a,o)}else if(e){this.newColumn(w.CONCATENATE,{columns:[a.name,o.name]})}else{Bo(this,Xo,"m",nr).call(this,o,a)}}Bo(this,oa,"f").removeAttribute(q)};const i=t=>{const e=t.target;Bo(this,Xo,"m",Kl).call(this,true,e)};const s=()=>{Bo(this,Xo,"m",Kl).call(this,false)};const n={drop:e};const o={start:i,end:s};for(let e=0;e<Bo(this,_a,"f").length;e++){const i=Bo(this,_a,"f")[e];if(i&&!Bo(this,Wa,"f").includes(i)){Bo(this,Wa,"f").push(i);Bo(this,ta,"f").interact.dropzone(i,{accept:`[${U}]`},null,n);Bo(this,ta,"f").interact.draggable(i,{cursorChecker(){return null},ignoreFrom:".header-cell__drag-handler"},{callback:t},J.CLONE,o)}}}if(this.resizableColumns){const t=t=>{const e=O(this.getVisibleColumns(),t.target.dataset.column);e.size=t.rect.width+"px";this.refresh()};const e={move:t};for(let t=0;t<Bo(this,_a,"f").length;t++){const i=Bo(this,_a,"f")[t];if(i&&!Bo(this,Oa,"f").includes(i)){Bo(this,Oa,"f").push(i);Bo(this,ta,"f").interact.resizable(i,{allowFrom:".header-cell__drag-handler",edges:{left:false,right:true,bottom:false,top:false},ignoreFrom:".header-cell__content"},e)}}}if(this.dragEnabled){for(let t=0;t<Bo(this,za,"f").length;t++){const e=Bo(this,za,"f")[t];const i=()=>{var t,e,i;const s=(t=Bo(this,ca,"f"))===null||t===void 0?void 0:t.cell;const n=(e=Bo(this,ca,"f"))===null||e===void 0?void 0:e.column;const o=(i=Bo(this,ca,"f"))===null||i===void 0?void 0:i.row;if(!s){Bo(this,ta,"f").debug.logMessage(this,"Couldn't find cell to retrieve drag informations!",f.WARNING);return}return{cell:s,column:n,id:this.rootElement.id,multiple:!!(this.selection===I.MULTIPLE||this.selection===I.MULTIPLE_CHECKBOX),row:o,selectedRows:this.selectedRows}};if(e&&!Bo(this,Wa,"f").includes(e)){Bo(this,Wa,"f").push(e);Bo(this,ta,"f").interact.draggable(e,{allowFrom:"td",cursorChecker(){return null}},{callback:i},J.BADGE)}}}if(this.dropEnabled){const t=()=>{var t,e,i;const s=(t=Bo(this,ca,"f"))===null||t===void 0?void 0:t.cell;const n=(e=Bo(this,ca,"f"))===null||e===void 0?void 0:e.column;const o=(i=Bo(this,ca,"f"))===null||i===void 0?void 0:i.row;if(!s){Bo(this,ta,"f").debug.logMessage(this,"Couldn't find cell to retrieve dropzone informations!",f.WARNING);return}return{cell:s,column:n,id:this.rootElement.id,row:o}};for(let e=0;e<Bo(this,za,"f").length;e++){const i=Bo(this,za,"f")[e];if(i&&!Bo(this,$a,"f").includes(i)){Bo(this,$a,"f").push(i);Bo(this,ta,"f").interact.dropzone(i,{accept:`[${Z}]`},{callback:t,dispatcher:this.rootElement,type:Q.DATATABLE})}}}},br=function t(){if(this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined){Bo(this,da,"f").observe(Bo(this,oa,"f"));Bo(this,da,"f").observe(Bo(this,na,"f"))}},kr=function t(){if(Bo(this,Zo,"f")<Bo(this,qo,"f")&&this.lazyLoadRows){Bo(this,da,"f").observe(Bo(this,za,"f")[Bo(this,Zo,"f")-1])}},yr=function t(){Bo(this,la,"f").addEventListener("scroll",(()=>Bo(this,Xo,"m",vr).call(this)))},vr=function t(){if(!Bo(this,ha,"f")){return}Bo(this,ha,"f").scrollLeft=Bo(this,la,"f").scrollLeft},xr=function t(){if(!Bo(this,ta,"f").scrollOnHover.isRegistered(Bo(this,la,"f"))){if(this.scrollOnHover&&this.tableHeight===undefined&&this.tableWidth===undefined){Bo(this,ta,"f").scrollOnHover.register(Bo(this,la,"f"))}}else{if(!this.scrollOnHover&&(this.tableHeight!==undefined||this.tableWidth!==undefined)){Bo(this,ta,"f").scrollOnHover.unregister(Bo(this,la,"f"))}}},wr=function t(){if(Bo(this,ua,"f")&&!Bo(this,ta,"f").dynamicPosition.isRegistered(Bo(this,pa,"f"))){Bo(this,ta,"f").dynamicPosition.register(Bo(this,pa,"f"),Bo(this,ua,"f"),0,u.BOTTOM,true)}},_r=function t(){return Bo(this,Xo,"m",Cr).call(this,Bo(this,Uo,"f"))},zr=function t(){return Bo(this,Xo,"m",Cr).call(this,Bo(this,Jo,"f"))},Cr=function t(e){if(e==null){return 0}let i=0;for(let s=0;s<e.length;s++){const n=e[s];if(n==null){continue}i+=1;if(n.group!=null){i+=Bo(this,Xo,"m",t).call(this,n.group.children)}}return i},jr=function t(){if(this.getRows().length===0)return;this.selectedRows=[];this.kupResetSelectedRows.emit({comp:this,id:this.rootElement.id})},Wr=function t(){const e=this.getColumns();const i=[];for(let t=0;t<e.length;t++){if(e[t].size!==null&&e[t].size!==undefined&&e[t].size!==""){i.push(e[t])}}if(i.length>0){return i}else{return undefined}},$r=function t(e,i,s){const n=Bo(this,Xo,"m",lr).call(this);const o={button:[{disabled:parseInt(e.id)===0?true:false,icon:"chevron_left"},{disabled:parseInt(e.id)===this.getRows().length-1?true:false,icon:"chevron_right"}],datatable:[{customStyle:'#kup-component .below-wrapper{overflow: visible} #kup-component td[data-column="'+lt.toUpperCase()+`"]{background-color: rgba(var(${p.TEXT}-rgb), 0.15); width: 10px;}`,data:n,density:"medium",editableData:true,headerIsPersistent:false,id:this.rootElement.id?this.rootElement.id:"",rowsPerPage:1e3,showGrid:H.NONE,showHeader:false}],text:[Bo(this,ta,"f").language.translate(C.DETAIL)]};const a=o.datatable[0].data.columns;const r=o.datatable[0].data.rows;a.unshift({name:lt.toUpperCase(),title:lt},{name:ht.toUpperCase(),title:ht});for(let t=0;t<a.length;t++){a[t].visible=false}a.find((t=>t.name===ct.toUpperCase())).visible=true;const l=a.find((t=>t.name===e.id));if(l){l.visible=true}else{Bo(this,ta,"f").debug.logMessage(this,"Invalid column name on row ID ("+e.id+"), couldn't set current record!",f.WARNING)}let h=null;for(let t=0;t<r.length;t++){const i=this.data.columns.find((e=>e.name===r[t].transposedColumnName));if(!i){Bo(this,ta,"f").debug.logMessage(this,"Column not found on row name ("+i+")!",f.WARNING);return}const s=r[t].cells[e.id].isEditable?true:false;let n=null;if(i.isKey||s){a.find((t=>t.name===lt.toUpperCase())).visible=true}if(i.isKey){h=e.cells[i.name];n={obj:{t:"J4",p:"ICO",k:"OG_OG_KF"},data:{color:`var(${p.TEXT})`,resource:s?"edit-key":"key-variant"},title:s?Bo(this,ta,"f").language.translate(C.EDITABLE_KEY):Bo(this,ta,"f").language.translate(C.KEY),value:s?"edit-key":"key-variant"}}else if(s){n={obj:{t:"VO",p:"COD_VER",k:"000051"},data:{color:`var(${p.TEXT})`,resource:"pencil"},title:Bo(this,ta,"f").language.translate(g.EDITABLE_FIELD),value:"pencil"}}else{n={obj:{t:"",p:"",k:""},value:""}}if(h){r[t].cells[ht.toUpperCase()]=h}else{r[t].cells[ht.toUpperCase()]={value:null}}r[t].cells[lt.toUpperCase()]=n}if(!Bo(this,Ka,"f")){Yo(this,Ka,document.createElement("kup-card"),"f");Bo(this,Ka,"f").layoutFamily=j.DIALOG;Bo(this,Ka,"f").layoutNumber=4;Bo(this,Ka,"f").sizeX="auto";Bo(this,Ka,"f").sizeY="auto"}else{const t=Array.prototype.slice.call(Bo(this,Ka,"f").children,0);for(let e=0;e<t.length;e++){t[e].remove()}}Bo(this,Ka,"f").data=o;Bo(this,Ka,"f").style.position="fixed";Bo(this,Ka,"f").style.left="0";Bo(this,Ka,"f").style.top="0";Bo(this,Ka,"f").setAttribute("data-x",i.toString());Bo(this,Ka,"f").setAttribute("data-y",s.toString());Bo(this,Ka,"f").style.transform="translate("+i+"px,"+s+"px)";this.rootElement.shadowRoot.append(Bo(this,Ka,"f"))},Or=function t(e,i){Bo(this,Xo,"m",Dr).call(this,e,i)},Dr=function t(e,i){if(Bo(this,Va,"f")){Bo(this,Xo,"m",Sr).call(this)}Yo(this,Va,document.createElement("kup-card"),"f");Bo(this,Va,"f").layoutFamily=j.STANDARD;Bo(this,Va,"f").layoutNumber=17;Bo(this,Va,"f").menuVisible=true;Bo(this,Va,"f").sizeX="auto";Bo(this,Va,"f").sizeY="auto";Bo(this,Va,"f").data=Bo(this,Xo,"m",Ir).call(this,e);Yo(this,Ra,{cb:()=>{Bo(this,Xo,"m",Sr).call(this)},el:Bo(this,Va,"f")},"f");Bo(this,ta,"f").addClickCallback(Bo(this,Ra,"f"),true);Bo(this,Va,"f").style.position="absolute";Bo(this,Va,"f").style.left="0";Bo(this,Va,"f").style.top="0";Bo(this,Va,"f").isMenu=true;this.rootElement.shadowRoot.append(Bo(this,Va,"f"));Bo(this,ta,"f").dynamicPosition.register(Bo(this,Va,"f"),Bo(this,Ua,"f"),0,u.AUTO,true);Bo(this,ta,"f").dynamicPosition.start(Bo(this,Va,"f"));Bo(this,Va,"f").addEventListener("kup-card-event",(t=>{switch(t.detail.event.type){case"kup-textfield-input":const s=t.detail.event.detail.value;Bo(this,Xo,"m",Tr).call(this,Bo(this,Va,"f"),e,s);break;case"kup-textfield-cleariconclick":Bo(this,Xo,"m",Mr).call(this,Bo(this,Va,"f"),e);break;case"kup-list-click":const n=t.detail.event.detail.index;const o=e[n];this.kupRowActionItemClick.emit({comp:this,id:this.rootElement.id,row:i,obj:o.obj,cell:o.cell,type:o.type,index:o.index,column:o.column});setTimeout((()=>{Bo(this,Xo,"m",Sr).call(this)}),0)}}))},Mr=function t(e,i){const s={showIcons:true,data:i.map((t=>Object.assign({value:t.text},t)))};e.data.list[0].data=s.data;e.refresh()},Tr=function t(e,i,s){const n={showIcons:true,data:i.map((t=>Object.assign({value:t.text},t)))};const o=n.data.filter((t=>t.value.toLowerCase().includes(s.toLowerCase())));e.data.list[0].data=o;e.refresh()},Sr=function t(){Bo(this,ta,"f").dynamicPosition.stop(Bo(this,Va,"f"));Bo(this,ta,"f").removeClickCallback(Bo(this,Ra,"f"));Bo(this,Va,"f").remove();Yo(this,Va,null,"f")},Ir=function t(e){const i=e.length>=10;const s=i?[{fullWidth:true,icon:"magnify",isClearable:true,label:"Search...",key:js.TEXTFIELD_FILTER,id:js.TEXTFIELD_FILTER}]:[];const n={list:[{showIcons:true,data:e.map((t=>Object.assign({value:t.text},t)))}],textfield:s};return n},Pr=function t(){const e=400;const i=400;Yo(this,Aa,document.createElement("kup-card"),"f");Bo(this,Aa,"f").layoutFamily=j.FREE;Bo(this,Aa,"f").layoutNumber=1;Bo(this,Aa,"f").sizeX=e+"px";Bo(this,Aa,"f").sizeY=i+"px";const s=document.createElement("style");s.innerText="kup-form { max-height: 40vh; overflow: auto; } .page-wrapper { display: grid; } "+".button-wrapper { padding-top: 20px; display: flex; justify-content: space-around; z-index: var(--kup-card-zindex); } "+".message-wrapper { display: none; justify-content: start; padding-top: 5px; padding-bottom: 5px; } "+".errorIcon { --kup-icon-color: var(--kup-danger-color-60); } "+".message { background-color: var(--kup-danger-color-60); color: white; padding: 3px; } ";Bo(this,Aa,"f").append(s);const n=document.createElement("div");n.className="page-wrapper";const o=document.createElement("div");o.className="button-wrapper";const a=document.createElement("kup-button");const r=document.createElement("kup-button");a.id=Bo(this,Ja,"f");a.icon="clear";a.label=Bo(this,ta,"f").language.translate(g.ABORT);a.styling=Ot.FLAT;a.addEventListener("kup-button-click",(()=>{Bo(this,Aa,"f").remove();Yo(this,Aa,null,"f")}));r.id=Bo(this,Za,"f");r.icon="check";r.label=Bo(this,ta,"f").language.translate(g.CONFIRM);let l=document.createElement("kup-spinner");l.slot="spinner";l.dimensions="0.6em";l.active=true;r.appendChild(l);r.addEventListener("kup-button-click",(()=>{u.style.display="none";r.showSpinner=true;a.disabled=true;this.kupInsertRow.emit({comp:this,id:this.rootElement.id,selectedRows:[c]})}));o.append(a);o.append(r);const h=document.createElement("kup-form");h.id=Bo(this,Qa,"f");const c={cells:{},id:"0"};this.data.columns.forEach((t=>{if(t.isEditable||t.isKey){c.cells[t.name]={isEditable:t.isEditable,shape:t.shape,value:""}}}));h.data={columns:this.data.columns,rows:[c]};const u=document.createElement("div");u.className="message-wrapper";u.id=Bo(this,er,"f");const p=document.createElement("kup-image");p.className="errorIcon";p.resource="cancel";p.sizeX="20px";p.sizeY="20px";u.append(p);const f=document.createElement("span");f.className="message";f.id=Bo(this,tr,"f");let d="";f.innerText=d;u.append(f);n.append(u);n.append(h);n.append(o);Bo(this,Aa,"f").append(n);Bo(this,Aa,"f").data={};this.rootElement.shadowRoot.append(Bo(this,Aa,"f"))},Rr=function t(){const e=()=>{Yo(this,Ba,document.createElement("kup-dialog"),"f");Yo(this,Ha,document.createElement("kup-card"),"f");Bo(this,Ha,"f").layoutFamily=j.FREE;Bo(this,Ha,"f").layoutNumber=1;Bo(this,Ha,"f").sizeX="auto";Bo(this,Ha,"f").sizeY="auto";const t=document.createElement("style");t.innerText=".button-wrapper, .message-wrapper { display: flex; justify-content: space-around; z-index: var(--kup-card-zindex); } .message-wrapper { padding-bottom: 20px; }";const e=document.createElement("div");e.className="message-wrapper";e.id=Bo(this,er,"f");const i=document.createElement("span");i.className="message";i.id=Bo(this,tr,"f");let s=Bo(this,ta,"f").language.translate(g.CONFIRM_DELETE_X_ROWS);s=s.replace("{0}",this.selectedRows.length+"");i.innerText=s;e.append(i);const n=document.createElement("div");n.className="button-wrapper";const o=document.createElement("kup-button");o.id=Bo(this,Za,"f");o.icon="check";o.label=Bo(this,ta,"f").language.translate(g.CONFIRM);let a=document.createElement("kup-spinner");a.slot="spinner";a.dimensions="0.6em";a.active=true;o.appendChild(a);o.addEventListener("kup-button-click",(()=>{o.showSpinner=true;this.kupDeleteRow.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})}));n.append(o);Bo(this,Ha,"f").append(t);Bo(this,Ha,"f").append(e);Bo(this,Ha,"f").append(n);Bo(this,Ha,"f").data={};Bo(this,Ba,"f").append(Bo(this,Ha,"f"));document.querySelector("body").append(Bo(this,Ba,"f"))};const i=[];const s=[];this.selectedRows.forEach((t=>{if(t.id.indexOf(Bo(this,ir,"f"))>-1){i.push(t.id)}else{s.push(t)}}));this.deleteRows(i).then((()=>{if(s.length>0){this.selectedRows=s;e()}}))},Er=function t(e,i){let s,n,o,a,r,l,h,u;if(e){for(let t=e.length-1;t>=0;t--){let i=e[t];if(!i.tagName){continue}switch(i.tagName.toUpperCase()){case"THEAD":{s=true;break}case"TBODY":{n=true;break}case"TFOOT":{o=true;break}case"TD":{a=i;break}case"TH":{l=i;break}case"TR":{h=i;break}default:{if(i.classList.contains("f-text-field")){r=i}else if(i.classList.contains(c.FILTER_REMOVE.replace("--",""))){u=i}break}}}}let p=null,f=null,d=false,m=null;if(n){if(h){if(h.classList.contains("group")){d=true}m=h["data-row"]}}if(s||n){if(a){p=a["data-cell"]}if(l){p=l["data-cell"]}}if(s||n||o){const t=a?a.dataset.column:l?l.dataset.column:null;if(t){f=O(this.getColumns(),t)}}return{area:s?"header":n?"body":o?"footer":null,cell:p?p:null,column:f?f:null,filterRemove:u?u:null,isGroupRow:d,originalEvent:i,row:m?m:null,td:a?a:null,textfield:r?r:null,th:l?l:null,tr:h?h:null}},Nr=function t(e){const i=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(i.area==="header"){if(i.th&&i.column){if(i.filterRemove){Bo(this,Xo,"m",el).call(this,i.column);return i}else if(this.sortEnabled){Bo(this,Xo,"m",tl).call(this,e,i.column.name);return i}}}else if(i.area==="body"){if((this.isFocusable||e.ctrlKey||e.metaKey)&&i.tr&&!i.isGroupRow){const t=this.rootElement.shadowRoot.querySelector("tr.focus");if(t){t.classList.remove("focus")}i.tr.classList.add("focus");if(e.ctrlKey||e.metaKey){Bo(this,Xo,"m",$r).call(this,Object.assign({},i.row),e.clientX,e.clientY);return i}}if(i.tr&&i.row&&i.isGroupRow){Bo(this,Xo,"m",ul).call(this,i.row);return i}if(i.td&&i.row&&!i.textfield){Bo(this,Xo,"m",al).call(this,i.row,i.td,true);return i}}return i},Lr=function t(e){var i;e.stopPropagation();const s=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(s.cell){const t=Bo(this,ta,"f").data.cell.buildCellActions(s.row,s.column,(i=this.commands)!==null&&i!==void 0?i:[]);Bo(this,Xo,"m",hl).call(this,e,s.row,t)}return s},Fr=function t(e){const i=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(i.area===at.HEADER){if(i.th&&i.column){this.openColumnMenu(i.column.name);return i}}else if(i.area===at.FOOTER){if(i.td&&i.column){Yo(this,xa,{x:e.clientX,y:e.clientY},"f");Bo(this,Xo,"m",Sl).call(this,i.column);return i}}return i},Kr=function t(e){const i=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(i.area==="body"){if(this.selection==I.MULTIPLE){Bo(this,Xo,"m",jr).call(this)}if(this.selection==I.SINGLE||this.selection==I.MULTIPLE){Bo(this,Xo,"m",al).call(this,i.row,i.td,false)}}return i},Ar=function t(){Bo(this,Xo,"m",Vr).call(this);Yo(this,Qo,Vt(Ht(this.getColumns(),Bo(this,Uo,"f")),this.totals),"f");Bo(this,Xo,"m",gl).call(this);Bo(this,Xo,"m",vl).call(this);Bo(this,Xo,"m",Jr).call(this);Yo(this,Jo,Bt(Bo(this,Uo,"f"),this.currentPage,this.currentRowsPerPage,Bo(this,Xo,"m",Hr).call(this)),"f");Yo(this,Zo,Bo(this,Xo,"m",zr).call(this),"f")},Vr=function t(){Yo(this,Uo,Yt(this.getRows(),this.filters,this.globalFilterValue,this.getColumns()),"f");Yo(this,qo,Bo(this,Xo,"m",_r).call(this),"f")},Hr=function t(){return this.groups&&this.groups.length>0},Br=function t(){return this.rowActions!==undefined},Yr=function t(e){if(e>=0){this.groups.splice(e,1);this.groups=[...this.groups]}},Xr=function t(){return this.totals&&Object.keys(this.totals).length>0},Gr=function t(){if(!Bo(this,fa,"f")){return}const e=this.getVisibleColumns();if(e.length<=Bo(this,fa,"f").length){let t=false;for(let i=0;i<e.length;i++){t=false;for(let s=0;s<Bo(this,fa,"f").length;s++){if(e[i].name===Bo(this,fa,"f")[s].name){t=true;break}}if(!t){return false}}return true}return false},Ur=function t(){Bo(this,Uo,"f").forEach((t=>Bo(this,Xo,"m",qr).call(this,t)));Bo(this,Jo,"f").forEach((t=>Bo(this,Xo,"m",qr).call(this,t)))},qr=function t(e){if(!e.group){return}e.group.expanded=this.expandGroups;let i=this.groupState[e.group.id];if(!i){i={expanded:this.expandGroups}}else{i.expanded=this.expandGroups}this.groupState[e.group.id]=i;if(e.group.children){e.group.children.forEach((e=>Bo(this,Xo,"m",t).call(this,e)))}},Jr=function t(){const e=Bo(this,qo,"f");const i=Math.ceil(e/this.currentRowsPerPage);if(this.currentPage>i){this.currentPage=1;this.resetCurrentPage()}},Zr=function t(e,i,s,n=0){if(Bo(this,Xo,"m",Hr).call(this)){return undefined}const o=Number.isInteger(this.fixedColumns)&&e<=this.fixedColumns+n;const a=this.fixedColumnsR&&Number.isInteger(this.fixedColumnsR)&&i>this.getVisibleColumns().length-this.fixedColumnsR;const r=Number.isInteger(this.fixedRows)&&s>0&&s<=this.fixedRows;if(!r&&!o&&!a){return undefined}const l={},h={};if(o){l[tt.columns]=o;l["show-column-separator"]=H.COMPLETE===this.showGrid||H.COL===this.showGrid;h["left"]="var("+et.columns+e+")"}if(a){const t=i-(this.getVisibleColumns().length-1);const e=t-this.fixedColumnsR;const s=Math.abs(e);l[tt.columnsR]=a;l["show-column-separator"]=H.COMPLETE===this.showGrid||H.COL===this.showGrid;h["right"]="var("+(et.columnsR+s)+")"}if(r){l[tt.rows]=!!r;l["show-row-separator"]=H.COMPLETE===this.showGrid||H.ROW===this.showGrid;h["top"]="var("+et.rows+s+")"}return{fixedCellClasses:l,fixedCellStyle:h}},Qr=function t(){if(Bo(this,Xo,"m",Hr).call(this)||!Bo(this,oa,"f"))return false;let e=false;if(this.fixedRows>=1){let t=Bo(this,oa,"f").querySelector("tbody > tr:first-of-type");let i=!Bo(this,ka,"f")?Bo(this,oa,"f").querySelector("thead > tr:first-of-type > th:first-of-type").getBoundingClientRect().height:0;for(let e=1;e<=this.fixedRows&&t;e++){Bo(this,la,"f").style.setProperty(et.rows+e,i+"px");i+=t.children[0].getBoundingClientRect().height;t=t.nextElementSibling}e=true}if(this.fixedColumns>=1){let t=Bo(this,oa,"f").querySelector("tbody > tr:first-of-type > td:first-of-type");let i=0;const s=this.fixedColumns+(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)?1:0)+(this.selection===I.MULTIPLE_CHECKBOX?1:0);for(let e=1;e<=s&&t;e++){Bo(this,la,"f").style.setProperty(et.columns+e,i+"px");i+=t.getBoundingClientRect().width;t=t.nextElementSibling}e=true}if(this.fixedColumnsR>=1){let t=Bo(this,oa,"f").querySelector("tbody > tr:first-of-type > td:last-of-type");let i=0;for(let e=1;e<=this.fixedColumnsR&&t;e++){Bo(this,la,"f").style.setProperty(et.columnsR+e,i+"px");i+=t.getBoundingClientRect().width;t=t.previousElementSibling}e=true}return e},tl=function t({ctrlKey:e},i){let s=0;for(;s<this.sort.length;s++){const t=this.sort[s];if(t.column===i){break}}if(s<this.sort.length){const t=this.sort[s];const i=Object.assign(Object.assign({},t),{sortMode:t.sortMode===rt.A?rt.D:rt.A});if(e){const t=[...this.sort];t[s]=i;this.sort=t}else{this.sort=[i]}}else{const t={column:i,sortMode:rt.A};if(e){this.sort=[...this.sort,t]}else{this.sort=[t]}}},el=function t(e){this.resetCurrentPage();const i=Object.assign({},this.filters);Bo(this,La,"f").removeFilter(i,e.name);this.filters=i},il=function t(e){return Bo(this,La,"f").getFilterValueForTooltip(this.filters,e)},sl=function t(e){this.resetCurrentPage();if(e){const t=e;this.globalFilterValue=t.value}else{this.globalFilterValue=""}},nl=function t(e){const i=Qt(e,Bo(this,qo,"f"),this.currentRowsPerPage);if(i){this.currentPage=i}},ol=function t(e){const i=te(e,Bo(this,qo,"f"));if(i){this.currentRowsPerPage=i;Bo(this,Xo,"m",Jr).call(this)}},al=function t(e,i,s){if(!e.unselectable){switch(this.selection){case I.MULTIPLE:if(this.selectedRows.includes(e)){const t=[...this.selectedRows];var n=t.indexOf(e);if(n!==-1){t.splice(n,1)}this.selectedRows=[...t]}else{this.selectedRows=[...this.selectedRows,e]}break;case I.SINGLE:this.selectedRows=[e];break}}const o=i.dataset.column;if(!e.unselectable&&this.selection!==I.NONE&&o){Bo(this,Xo,"m",ll).call(this,this.selectedColumn);this.selectedColumn=o;Bo(this,Xo,"m",rl).call(this,this.selectedColumn);if(s!==false){this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedRow:e,clickedColumn:o})}}},rl=function t(e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+e+'"]');for(let t=0;t<i.length;t++){i[t].classList.add("selected")}const s=this.rootElement.shadowRoot.querySelector('th[data-column="'+e+'"]');if(s){s.classList.add("selected")}},ll=function t(e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+e+'"]');for(let t=0;t<i.length;t++){i[t].classList.remove("selected")}const s=this.rootElement.shadowRoot.querySelector('th[data-column="'+e+'"]');if(s){s.classList.remove("selected")}},hl=function t(e,i,s){e.stopPropagation();Yo(this,Ua,e.target,"f");Bo(this,Xo,"m",Or).call(this,s,i)},cl=function t(e){const i=this.selectedRows.indexOf(e);if(i<0){this.selectedRows=[...this.selectedRows,e]}else{this.selectedRows.splice(i,1);this.selectedRows=[...this.selectedRows]}this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedRow:null,clickedColumn:null})},ul=function t(e){e.group.expanded=!e.group.expanded;this.groupState[e.group.id].expanded=e.group.expanded;this.groupState=Object.assign({},this.groupState)},pl=function t({target:e}){if(e.checked){this.selectedRows=Bo(this,ea,"f");this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})}else{Bo(this,Xo,"m",jr).call(this)}},fl=function t(e){this.openedTotalMenu=e.name},dl=function t(){this.openedTotalMenu=null;Bo(this,ta,"f").removeClickCallback(Bo(this,Ia,"f"))},ml=function t(e){return this.openedTotalMenu===e},gl=function t(){if(!Bo(this,Xo,"m",Hr).call(this)){return}Yo(this,Uo,Xt(this.getColumns(),Bo(this,Uo,"f"),this.groups,this.totals),"f");Bo(this,Xo,"m",kl).call(this)},bl=function t(){var e;let i=0;switch(this.loadMoreMode){case A.CONSTANT:i=this.loadMoreStep;break;case A.CONSTANT_INCREMENT:i=this.loadMoreStep*(Bo(this,ia,"f")+1);break;case A.PROGRESSIVE_THRESHOLD:i=Math.max(Bo(this,sa,"f"),this.loadMoreStep)*Math.min(Bo(this,ia,"f")+1,2);break}if(i>this.loadMoreLimit){i=this.loadMoreLimit}this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i});Yo(this,sa,i,"f");Yo(this,ia,(e=Bo(this,ia,"f"),e++,e),"f")},kl=function t(){if(!Bo(this,Uo,"f")||Bo(this,qo,"f")===0||!Bo(this,Uo,"f")[0].hasOwnProperty("group")){return}Bo(this,Uo,"f").forEach((t=>Bo(this,Xo,"m",yl).call(this,t)))},yl=function t(e){if(!e||!e.hasOwnProperty("group")){return}const i=e.group;const s=this.groupState[i.id];if(!s){this.groupState[i.id]=i}else{i.expanded=s.expanded}i.children.forEach((e=>Bo(this,Xo,"m",t).call(this,e)))},vl=function t(){Yo(this,Uo,Gt(Bo(this,Uo,"f"),this.sort),"f")},xl=function t(e){for(let t of this.sort){if(t.column===e){return"A"===t.sortMode?`kup-icon ${c.DESCENDING.replace("--","")}`:`kup-icon ${c.ASCENDING.replace("--","")}`}}return""},wl=function t(e){for(let t of this.sort){if(t.column===e){return"A"===t.sortMode?"Ascending":"Descending"}}return"Sort column"},_l=function t(){let e=this.getVisibleColumns().length;if(this.selection===I.MULTIPLE_CHECKBOX){e+=1}if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){e+=1}return e},zl=function t({group:e}){if(!e){return false}if(this.groupState[e.id]){return this.groupState[e.id].expanded}else{return false}},Cl=function t(e,i){const s=this.data.columns.findIndex((t=>t.name===e.name&&t.title===e.title));const n=this.data.columns.findIndex((t=>t.name===i.name&&t.title===i.title));if(this.sortableColumnsMutateData){this.kupColumnMove.emit({comp:this,id:this.rootElement.id,sourceColumn:this.data.columns[n],targetColumn:this.data.columns[s]});Bo(this,Xo,"m",jl).call(this,this.data.columns,s,n)}},jl=function t(e,i,s){const n=e.splice(s,1);e.splice(i,0,n[0]);this.refresh()},$l=function t(e){return e.split(this.lineBreakCharacter).map(((t,e)=>e!==0?[s("br",null),t]:t))},Ol=function t(e,i=0,s){let n={["header-cell"]:true},o=s.style?Object.assign({},s.style):{};if(Bo(this,ta,"f").objects.isBar(s.obj)||Bo(this,ta,"f").objects.isButton(s.obj)||Bo(this,ta,"f").objects.isChart(s.obj)||Bo(this,ta,"f").objects.isCheckbox(s.obj)||Bo(this,ta,"f").objects.isImage(s.obj)||Bo(this,ta,"f").objects.isIcon(s.obj)||Bo(this,ta,"f").objects.isProgressBar(s.obj)||Bo(this,ta,"f").objects.isRadio(s.obj)||Bo(this,ta,"f").objects.isVoCodver(s.obj)){n["header-cell--centered"]=true}if(Bo(this,ta,"f").objects.isNumber(s.obj)){n["header-cell--is-number"]=true}if(Bo(this,ta,"f").objects.isIcon(s.obj)){n["header-cell--is-icon"]=true}const a=Bo(this,Xo,"m",Zr).call(this,e+1+i,e+1,0,i);if(a){n=Object.assign(Object.assign({},n),a.fixedCellClasses);o=Object.assign(Object.assign({},o),a.fixedCellStyle)}return{columnClass:n,thStyle:o}},Dl=function t(){let e=0;let i=null;if(this.selection===I.MULTIPLE_CHECKBOX){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);const n=Object.assign({width:"30px",margin:"0 auto"},t?t.fixedCellStyle:{});i=s("th",{class:t?t.fixedCellClasses:{},style:n},s("kup-checkbox",{"onkup-checkbox-change":t=>Bo(this,Xo,"m",pl).call(this,t),title:Bo(this,ta,"f").language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+Bo(this,ta,"f").language.translate(C.RENDERED)+`: ${Bo(this,ea,"f").length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===Bo(this,ea,"f").length}))}let n=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);n=s("th",{class:t?t.fixedCellClasses:{},style:t?t.fixedCellStyle:{}})}const o=this.getVisibleColumns().map(((t,i)=>{const{columnClass:n,thStyle:o}=Bo(this,Xo,"m",Ol).call(this,i,e,t);let a=null;if(Bo(this,La,"f").hasFiltersForColumn(this.filters,t)){const e=Bo(this,ta,"f").language.translate(g.REMOVE_FILTERS)+`: '${Bo(this,Xo,"m",il).call(this,t)}'`;a=s("span",{title:e,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`})}let r=null;let l=Bo(this,Xo,"m",xl).call(this,t.name);if(l!==""){r=s("span",{class:l,title:Bo(this,Xo,"m",wl).call(this,t.name)})}n["header-cell--sortable"]=true;let h=null;if(t.isKey){h=s("span",{class:`kup-icon ${c.KEY.replace("--","")}`,title:Bo(this,ta,"f").language.translate(C.KEY)})}if(Bo(this,fa,"f")){for(let e=0;e<Bo(this,fa,"f").length;e++){const i=Bo(this,fa,"f")[e];if(i.name===t.name){const t=i.size+"";if(t.indexOf("ch")<1){o.width=t;o.minWidth=t;o.maxWidth=t}o.overflow="hidden";break}}}return s("th",{ref:t=>Bo(this,_a,"f").push(t),"data-cell":t,"data-column":t.name,class:n,style:o,title:t.name},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},Bo(this,Xo,"m",$l).call(this,t.title)),s("span",{class:"header-cell__icons"},h,r,a)),this.resizableColumns?s("span",{class:"header-cell__drag-handler"}):null)}));return[i,n,...o]},Ml=function t(){let e=0;let i=null;if(this.selection===I.MULTIPLE_CHECKBOX){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);const n=Object.assign({width:"30px",margin:"0 auto"},t?t.fixedCellStyle:{});i=s("th-sticky",{class:t?t.fixedCellClasses:null,style:n},s("kup-checkbox",{"onkup-checkbox-change":t=>Bo(this,Xo,"m",pl).call(this,t),title:Bo(this,ta,"f").language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+Bo(this,ta,"f").language.translate(C.RENDERED)+`: ${Bo(this,ea,"f").length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===Bo(this,ea,"f").length}))}let n=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);n=s("th-sticky",{class:t?t.fixedCellClasses:null,style:t?t.fixedCellStyle:null})}const o=this.getVisibleColumns().map(((t,i)=>{const{columnClass:n,thStyle:o}=Bo(this,Xo,"m",Ol).call(this,i,e,t);return s("th-sticky",{class:n,style:o},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},Bo(this,Xo,"m",$l).call(this,t.title))))}));return[i,n,...o]},Tl=function t(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");if(t){Bo(this,ta,"f").dynamicPosition.register(t,Bo(this,xa,"f"),0,undefined,true);Yo(this,Ia,{cb:()=>{Bo(this,Xo,"m",dl).call(this)},el:t},"f");Bo(this,ta,"f").addClickCallback(Bo(this,Ia,"f"),true);Bo(this,ta,"f").dynamicPosition.start(t);t.menuVisible=true}}},Sl=function t(e){Bo(this,Xo,"m",dl).call(this);Bo(this,Xo,"m",fl).call(this,e)},Il=function t(e,i=0,n=0,o){var a;const r=this.getVisibleColumns();if(e.group){let n;switch(this.groupLabelDisplay){case S.LABEL:n=e.group.columnLabel;break;case S.VALUE:n=e.group.label;break;case S.BOTH:default:n=e.group.columnLabel+" = "+e.group.label;break}if(e.group.children.length===0){return null}const o=e.group.expanded?`kup-icon ${c.EXPANDED.replace("--","")}`:`kup-icon ${c.COLLAPSED.replace("--","")}`;const a=[];const l=[];for(let t=0;t<i;t++){l.push(s("span",{class:"indent"}))}if(Bo(this,Xo,"m",Xr).call(this)){const h=[];if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){h.push(s("td",null))}if(this.selection===I.MULTIPLE_CHECKBOX){h.push(s("td",null))}const c=s("td",{colSpan:Bo(this,Xo,"m",_l).call(this)},s("span",{class:"group-cell-content"},l,s("span",{class:o}),s("span",{class:"text"},n)));for(let t of r){let i="total";if(e.group.totals[t.name]<0){i+=" negative-number"}let n;const o=e.group.totals[t.name];if(this.totals[t.name]===Y.COUNT||this.totals[t.name]===Y.DISTINCT){n=o}else{if(Bo(this,ta,"f").objects.isDate(t.obj)){if(o){if(Bo(this,ta,"f").dates.isIsoDate(o)){n=Bo(this,ta,"f").dates.format(o)}else{console.warn(`invalid date: ${o}`)}}}else{n=Bo(this,ta,"f").math.numberToFormattedString(o,t.decimals,t.obj?t.obj.p:"")}}h.push(s("td",{class:i},n))}a.push(s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:"group group-label"},c));if(Bo(this,Xo,"m",zl).call(this,e)){e.group.children.map(((e,s,n)=>Bo(this,Xo,"m",t).call(this,e,i+1,s,s>0?n[s-1]:undefined))).forEach((t=>{if(Array.isArray(t)){t.forEach((t=>a.push(t)))}else{a.push(t)}}))}a.push(s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:"group group-total"},h))}else{a.push(s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:"group"},s("td",{colSpan:Bo(this,Xo,"m",_l).call(this)},s("span",{class:"group-cell-content"},l,s("span",{class:o}),s("span",{class:"text"},n)))));if(Bo(this,Xo,"m",zl).call(this,e)){e.group.children.map(((e,s,n)=>Bo(this,Xo,"m",t).call(this,e,i+1,s,s>0?n[s-1]:undefined))).forEach((t=>{if(Array.isArray(t)){t.forEach((t=>a.push(t)))}else{a.push(t)}}))}}return a}else{let t=0;let l=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const i=Bo(this,Xo,"m",Zr).call(this,t,n,t-1);const o={checked:this.selectedRows.includes(e),onChange:()=>{Bo(this,Xo,"m",cl).call(this,e)}};l=s("td",{"row-select-cell":true,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},s(Nt,Object.assign({},o)))}let h=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){t++;const i=Bo(this,Xo,"m",Zr).call(this,t,n,t-1);const o=[];if(e.actions);else{const t=Bo(this,ta,"f").data.row.buildRowActions(e,this.data.columns,this.rowActions,(a=this.commands)!==null&&a!==void 0?a:[]);if(Bo(this,ta,"f").data.action.checkEveryActionHasOnlyIcon(t)||t.length===1&&t[0].icon){t.forEach(((t,i)=>{var s;const n=Bo(this,ta,"f").data.action.buildImageProp(t.icon,t.text||((s=t.column)===null||s===void 0?void 0:s.title)||"","action",(()=>{this.kupRowActionItemClick.emit({comp:this,id:this.rootElement.id,row:e,obj:t.obj,cell:t.cell,type:t.type,index:i,column:t.column})}));o.push(n)}))}else{const i=Bo(this,ta,"f").data.action.createActionsWithText(t);const s=Bo(this,ta,"f").data.action.buildImageProp("chevron-down",Bo(this,ta,"f").language.translate(g.EXPAND),"expander",(t=>{Bo(this,Xo,"m",hl).call(this,t,e,i)}));o.push(s)}}h=s("td",{"row-action-cell":true,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},o.map((t=>s(jt,Object.assign({},t,{color:"var(--kup-text-secondary)"})))))}const c=r.map(((a,r)=>{var l;const{name:h,hideValuesRepetitions:c}=a;const u=[];if(r===0){for(let t=0;t<i;t++){u.push(s("span",{class:"indent"}))}}const p=e.cells[h]?e.cells[h]:null;if(!p){if(this.autoFillMissingCells){return s("td",{"data-column":h,"data-row":e})}else{return null}}const f=Object.assign(Object.assign({},Bo(this,ta,"f").data.cell.buildFCell(p,a,e)),{component:this,density:this.density,editable:this.editableData||this.updatableData,indents:u,previousValue:c&&o?o.cells[h].value:undefined,renderKup:this.lazyLoadCells,cellActionIcon:Bo(this,ta,"f").data.cell.hasActionCell(p,(l=this.commands)!==null&&l!==void 0?l:[])?{onClick:t=>{this.kupCellActionIconClick.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Lr).call(this,t)})}}:null});const d=s(bt,Object.assign({},f));let m=null;let g=Object.assign({},p.style);const b=Bo(this,Xo,"m",Zr).call(this,r+1+t,r+1,n,t);if(b){g=Object.assign(g?g:{},b.fixedCellStyle);m=Object.assign(Object.assign({},m),b.fixedCellClasses)}if(Bo(this,fa,"f")){let t="";for(let e=0;e<Bo(this,fa,"f").length;e++){if(h===Bo(this,fa,"f")[e].name){t=Bo(this,fa,"f")[e].size;break}}if(t){if(!g){g={}}g["max-width"]=t;g["min-width"]=t;g["width"]=t}}let k=undefined;let y=undefined;m=Object.assign({},m);return s("td",Object.assign({title:y,colSpan:p.span&&p.span.col?p.span.col:null,rowSpan:p.span&&p.span.row?p.span.row:null,"data-cell":p,"data-column":h,"data-row":e,style:g,class:m},k),d)}));Bo(this,ea,"f").push(e);const u={selected:this.selectedRows.includes(e)};if(e.cssClass){u[e.cssClass]=true}return s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:u},l,h,c)}},Pl=function t(){if(!this.openedCustomSettings){Bo(this,Xo,"m",Rl).call(this)}else{Bo(this,Xo,"m",El).call(this)}},Rl=function t(){Bo(this,pa,"f").menuVisible=true;Bo(this,ua,"f").classList.add("toggled");Bo(this,ta,"f").dynamicPosition.start(Bo(this,pa,"f"));this.openedCustomSettings=true;if(!Bo(this,Pa,"f")){Yo(this,Pa,{cb:()=>{Bo(this,Xo,"m",El).call(this)},el:Bo(this,pa,"f")},"f")}Bo(this,ta,"f").addClickCallback(Bo(this,Pa,"f"),true)},El=function t(){Bo(this,ua,"f").classList.remove("toggled");if(Bo(this,pa,"f")==null){return}Bo(this,pa,"f").menuVisible=false;this.openedCustomSettings=false;Bo(this,ta,"f").removeClickCallback(Bo(this,Pa,"f"))},Nl=function t(e){return s("div",{class:"paginator-wrapper"},s("div",{class:"paginator-tabs"},this.showLoadMore||!this.lazyLoadRows&&Bo(this,qo,"f")>this.rowsPerPage?s(Zt,{id:e?"top-paginator":"bottom-paginator",currentPage:this.currentPage,max:Bo(this,qo,"f"),perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{Bo(this,Xo,"m",bl).call(this)}:null,onNextPage:()=>Bo(this,Xo,"m",nl).call(this,this.currentPage+1),onPrevPage:()=>Bo(this,Xo,"m",nl).call(this,this.currentPage-1),onPageChange:t=>Bo(this,Xo,"m",nl).call(this,t.detail.value),onRowsChange:t=>Bo(this,Xo,"m",ol).call(this,t.detail.value)}):null))},Ll=function t(){return s("div",{class:"droparea__remove",ref:t=>Yo(this,Ta,t,"f")},s(jt,{resource:"delete",color:`var(${p.DANGER})`,sizeX:"30px",sizeY:"50px"}),s(jt,{resource:"delete-empty",color:`var(${p.DANGER})`,sizeX:"30px",sizeY:"50px"}))},Fl=function t(){return s("div",{class:"droparea__groups",ref:t=>Yo(this,Sa,t,"f")},s(jt,{resource:"bookmark",color:`var(${p.TEXT})`,sizeX:"30px",sizeY:"50px"}),s(jt,{resource:"book",color:`var(${p.TEXT})`,sizeX:"30px",sizeY:"50px"}))},Kl=function t(e,i){if(e&&i&&(this.removableColumns||this.showGroups)){Bo(this,Ma,"f").classList.add("droparea--visible");Bo(this,ta,"f").dynamicPosition.register(Bo(this,Ma,"f"),i,10,u.TOP);Bo(this,ta,"f").dynamicPosition.start(Bo(this,Ma,"f"));Bo(this,Ma,"f").style.marginLeft=i.clientWidth/2-Bo(this,Ma,"f").clientWidth/2+"px"}else{Bo(this,Ma,"f").classList.remove("droparea--visible");+Bo(this,ta,"f").dynamicPosition.stop(Bo(this,Ma,"f"))}},Al=function t(e){this.getVisibleColumns();const i=this.getVisibleColumns().find((t=>t.name===e.name&&t.title===e.title));if(i){let t=false;for(let e=0;e<this.groups.length;e++){if(this.groups[e].column==i.name){t=true;break}}if(!t){this.groups.push({column:i.name,visible:true});this.groups=[...this.groups];this.refresh()}}},Vl=function t(e,i,s){for(let t=0;t<i.length;t++){const n=i[t];if(n==e&&t<s.length){return s[t]}}return e},Hl=function t(e,i,s){const n=[];for(let t=0;t<e.length;t++){let o=null;switch(e[t]){case"big":o=it.BIG;break;case"Col":o=nt.COLUMN;break;case"Complete":o=nt.COMPLETE;break;case"dense":o=st.DENSE;break;case"medium":o=st.MEDIUM;break;case"None":o=nt.NONE;break;case"small":o=it.SMALL;break;case"Row":o=nt.ROW;break;case"wide":o=st.WIDE;break}if(o){n[t]={icon:i[t],id:e[t],selected:s==e[t],value:Bo(this,ta,"f").language.translate(o)}}}return n},Gl=function t(e){return Bo(this,Xo,"m",Vl).call(this,e,Bo(this,Yl,"f"),Bo(this,Bl,"f"))},Ul=function t(){const e=Bo(this,Xo,"m",Hl).call(this,Bo(this,Bl,"f"),Bo(this,Xl,"f"),this.fontsize);const i={data:e,showIcons:true};const n={trailingIcon:true,label:Bo(this,ta,"f").language.translate(it.LABEL),icon:"arrow_drop_down"};const o={"kup-text-field":n,"kup-list":i};let a=null;switch(this.fontsize){case"big":a=it.BIG;break;case"medium":a=it.MEDIUM;break;case"small":a=it.SMALL;break}return s("div",{class:"customize-element fontsize-panel"},s("kup-combobox",{isSelect:true,data:o,initialValue:Bo(this,ta,"f").language.translate(a),"onkup-combobox-itemclick":t=>{t.stopPropagation();this.fontsize=Bo(this,Xo,"m",Gl).call(this,t.detail.node.id)}}))},Zl=function t(e){return Bo(this,Xo,"m",Vl).call(this,e,Bo(this,ql,"f"),["dense","medium","wide"])},Ql=function t(){const e=Bo(this,Xo,"m",Hl).call(this,["dense","medium","wide"],Bo(this,Jl,"f"),this.density);const i={data:e,showIcons:true};const n={trailingIcon:true,label:Bo(this,ta,"f").language.translate(st.LABEL),icon:"arrow_drop_down"};const o={"kup-text-field":n,"kup-list":i};let a=null;switch(this.density){case"dense":a=st.DENSE;break;case"medium":a=st.MEDIUM;break;case"wide":a=st.WIDE;break}return s("div",{class:"customize-element density-panel"},s("kup-combobox",{isSelect:true,initialValue:Bo(this,ta,"f").language.translate(a),selectMode:gt.DESCRIPTION,data:o,"onkup-combobox-itemclick":t=>{t.stopPropagation();this.density=Bo(this,Xo,"m",Zl).call(this,t.detail.node.id)}}))},sh=function t(e){return Bo(this,Xo,"m",Vl).call(this,e,Bo(this,eh,"f"),Bo(this,th,"f"))},nh=function t(){return s("div",{class:"customize-element grid-panel"},s("kup-switch",{checked:this.transpose,label:Bo(this,ta,"f").language.translate(g.TRANSPOSE_DATA),leadingLabel:true,"onkup-switch-change":t=>{t.stopPropagation();if(t.detail.value==="on"){this.transpose=true}else{this.transpose=false}}}))},oh=function t(){return s("div",{class:"customize-element grid-panel"},s("kup-button",{title:Bo(this,ta,"f").language.translate(g.TOTALS_TABLE)+" ("+Bo(this,ta,"f").language.translate(g.EXPERIMENTAL_FEAT)+")",label:Bo(this,ta,"f").language.translate(g.TOTALS_TABLE),icon:"exposure","onkup-button-click":()=>Bo(this,Xo,"m",cr).call(this)}))},ah=function t(){const e=Bo(this,Xo,"m",Hl).call(this,Bo(this,th,"f"),Bo(this,ih,"f"),this.showGrid);const i={data:e,showIcons:true};const n={trailingIcon:true,label:Bo(this,ta,"f").language.translate(nt.LABEL),icon:"arrow_drop_down"};const o={"kup-text-field":n,"kup-list":i};let a=null;switch(this.showGrid){case H.COL:a=nt.COLUMN;break;case H.COMPLETE:a=nt.COMPLETE;break;case H.NONE:a=nt.NONE;break;case H.ROW:a=nt.ROW;break}return s("div",{class:"customize-element grid-panel"},s("kup-combobox",{isSelect:true,initialValue:Bo(this,ta,"f").language.translate(a),data:o,"onkup-combobox-itemclick":t=>{t.stopPropagation();const e=Bo(this,Xo,"m",sh).call(this,t.detail.value);this.showGrid=e}}))},rh=function t(){return s("kup-button",{"onKup-button-click":Bo(this,Wl,"f"),label:Bo(this,ta,"f").language.translate(g.UPDATE)})};lh.style=Ho;const hh=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const ch=hh;const uh=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-datepicker-blur",6);this.kupChange=e(this,"kup-datepicker-change",6);this.kupClick=e(this,"kup-datepicker-click",6);this.kupFocus=e(this,"kup-datepicker-focus",6);this.kupInput=e(this,"kup-datepicker-input",6);this.kupIconClick=e(this,"kup-datepicker-iconclick",6);this.kupItemClick=e(this,"kup-datepicker-itemclick",6);this.kupTextFieldSubmit=e(this,"kup-datepicker-textfieldsubmit",6);this.kupClearIconClick=e(this,"kup-datepicker-cleariconclick",6);this.kupManager=a();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.ISOvalue="";this.notISOvalue="";this.customStyle="";this.data=null;this.disabled=false;this.firstDayIndex=1;this.initialValue="";this.outlined=false;this.sizing=r.MEDIUM;this.showIcon=true;this.showPreviousNextMonthDays=true}async onKupDatePickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:await this.getValue()});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:await this.getValue()});this.setFocus()}async onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:await this.getValue()});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}async onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:await this.getValue(),comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}async onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:await this.getValue()})}async onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:await this.getValue()})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onKupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}async onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:await this.getValue()})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}watchFirstDayIndex(){if(this.firstDayIndex>6||this.firstDayIndex<0){this.kupManager.debug.logMessage(this,"property first-day-index=["+this.firstDayIndex+"] not allowed: it must be >= 0 and <= 6",f.WARNING);this.firstDayIndex=1}}async getValue(){if(this.ISOvalue){return this.ISOvalue}return this.notISOvalue}async getProps(t){return l(this,qe,t)}async refresh(){i(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.refreshPickerValue(t,undefined)}refreshPickerValue(t,e,i){let s=t;this.ISOvalue="";this.notISOvalue=s;if(!t);else if(this.kupManager.dates.isIsoDate(t)){if(i!=true){this.ISOvalue=t;this.notISOvalue=""}}else if(this.isAlphanumeric(t));else if(this.kupManager.dates.isValidFormattedStringDate(t)){s=this.kupManager.dates.format(this.kupManager.dates.normalize(t),Mt.ISO_DATE);this.refreshPickerComponentValue(s);if(i!=true){this.ISOvalue=s;this.notISOvalue=""}}else;if(s!=null&&e){e.emit({id:this.rootElement.id,value:s})}}refreshPickerComponentValue(t){if(!this.isPickerOpened()){return}let e;if(this.kupManager.dates.isIsoDate(t)){e=new Date(t)}else{e=new Date}this.pickerEl.value=e.toISOString();this.pickerEl.date=e;this.refresh()}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.ISOvalue}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const e=this.pickerContainerEl.style;e.height="auto";e.minWidth=this.textfieldEl.parentElement.clientWidth+"px";this.refreshPickerComponentValue(this.getValueForPickerComponent());if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){var t;return((t=this.pickerContainerEl)===null||t===void 0?void 0:t.menuVisible)==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(t){const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const n=Object.assign(Object.assign({},this.data["kup-text-field"]),{sizing:this.sizing,outlined:this.outlined,showIcon:this.showIcon});if(!n.icon&&this.showIcon){n.icon="calendar"}if(n.icon){n.trailingIcon=true}return s(dt,Object.assign({},n,{disabled:this.disabled,fullHeight:e,fullWidth:i,maxLength:10,id:this.rootElement.id+"_text-field",value:t,onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onKupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepDatePicker())}getInitEndYear(t){let e=t-t%10;let i=e+16-1;return{initYear:e,endYear:i}}isRelatedTargetInThisComponent(t){if(!t.relatedTarget){return false}let e=t.relatedTarget.id;if(e==null||e.trim()==""){return false}if(e==this.getTextFieldId()){return true}let i="#prev-page#next-page#date-picker-div#change-view-button#calendar#";return i.indexOf("#"+e+"#")>=0}prepDatePicker(){const t={options:{initialValue:this.ISOvalue,firstDayIndex:this.firstDayIndex,resetStatus:true,showPreviousNextMonthDays:this.showPreviousNextMonthDays}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:j.BUILT_IN,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null&&t.detail.value!="")this.onKupDatePickerItemClick(t.detail.value)}})}getDateForOutput(){if(this.notISOvalue){return this.notISOvalue}if(this.ISOvalue){return this.kupManager.dates.format(this.ISOvalue)}return""}isAlphanumeric(t){const e=/[A-Za-z]/;return e.test(t)}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.watchFirstDayIndex();this.setValue(this.initialValue);if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){this.textfieldEl=e.querySelector("input");mt(e)}}this.kupManager.debug.logRender(this,true)}render(){return s(n,{key:"e10406fb95cbc5a21623a51f5923a5cc40e97891"},s("style",{key:"952b82ef56dc9af82091dc246faabfc01845bc35"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"4434afab90e310e7d57b309fc5abcebdc3d4c7d5",id:Ct},this.prepTextfield(this.getDateForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return o(this)}static get watchers(){return{firstDayIndex:["watchFirstDayIndex"]}}};uh.style=ch;var ph;(function(t){t["autoCenter"]="Auto centers the dialog relatively to the viewport.";t["customStyle"]="Custom style of the component.";t["header"]="Header options.";t["modal"]="Set of options to display the dialog as a modal.";t["resizable"]="Sets whether the dialog is resizable or not.";t["sizeX"]="The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).";t["sizeY"]="The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.)."})(ph||(ph={}));const fh=".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_dialogheader_text_color:var(\n    --kup-dialogheader-text-color,\n    var(--kup-text-secondary)\n  );--kup_dialog_background_color:var(\n    --kup-dialog-background-color,\n    var(--kup-layer-0)\n  );--kup_dialog_header_background_color:var(\n    --kup-dialog-header-background-color,\n    var(--kup-layer-1)\n  );--kup_dialog_header_height:var(\n    --kup-dialog-header-height,\n    var(--kup-space-09)\n  );box-sizing:border-box;display:block;height:var(--kup_dialog_height);left:var(--kup_dialog_left, -100%);min-height:var(--kup_dialog_height);min-width:var(--kup_dialog_width);position:absolute;top:var(--kup_dialog_top, -100%);transition:opacity 0.25s ease-in;width:var(--kup_dialog_width);-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px}#kup-component{height:100%;width:100%}:host([fade-in]){opacity:0}:host([fade-in]) ::slotted{opacity:0}.header{color:var(--kup_dialogheader_text_color);display:flex;flex-direction:row;height:var(--kup_dialog_header_height);position:relative;width:100%;min-height:var(--kup-space-09);background-color:var(--kup_dialog_header_background_color)}.header__title{padding:var(--kup-space-05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header__close.f-image{--kup-icon-color:var(--kup_dialogheader_text_color);cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:var(--kup-space-05)}.header__close.f-image:hover{opacity:0.5}.content{height:calc(100% - var(--kup_dialog_header_height) - var(--kup-space-05) * 2);padding:var(--kup-space-05);overflow:auto;user-select:text;background-color:var(--kup_dialog_background_color)}";const dh=fh;var mh=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var gh=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var bh,kh,yh;const vh=class{constructor(i){t(this,i);this.kupClose=e(this,"kup-dialog-close",6);this.kupReady=e(this,"kup-dialog-ready",6);bh.set(this,null);kh.set(this,a());yh.set(this,0);this.autoCenter={onReady:true};this.customStyle="";this.header={icons:{close:true}};this.modal={closeOnBackdropClick:true};this.resizable=true;this.sizeX="auto";this.sizeY="auto"}async close(){this.kupClose.emit({comp:this,id:this.rootElement.id});this.rootElement.remove()}async getProps(t){return l(this,ph,t)}async recalcPosition(){var t;const e=this.rootElement.getBoundingClientRect();if(!e.x&&!e.y&&!e.height&&!e.width){mh(this,kh,"f").debug.logMessage(this,`recalcPosition() ran before the component finished being drawn. Running again (attempt #${mh(this,yh,"f")}).`,f.INFO);if(mh(this,yh,"f")<50){gh(this,yh,(t=mh(this,yh,"f"),t++,t),"f");setTimeout((async()=>this.recalcPosition()),50);return}else{mh(this,kh,"f").debug.logMessage(this,`Too many attempts centering the dialog.`,f.WARNING)}}gh(this,yh,0,"f");const i=window.innerWidth/2-e.width/2;const s=window.innerHeight/2-e.height/2+window.scrollY;this.rootElement.style.setProperty("--kup_dialog_left",i+"px");this.rootElement.style.setProperty("--kup_dialog_top",s+"px");this.rootElement.removeAttribute("fade-in")}async refresh(){i(this)}async setProps(t){h(this,ph,t)}componentWillLoad(){mh(this,kh,"f").debug.logLoad(this,false);mh(this,kh,"f").theme.register(this)}componentDidLoad(){var t;mh(this,kh,"f").interact.dialogify(this.rootElement,mh(this,bh,"f")?mh(this,bh,"f"):null,!this.resizable);if((t=this.autoCenter)===null||t===void 0?void 0:t.onReady){this.recalcPosition()}else{this.rootElement.removeAttribute("fade-in")}if(this.modal){mh(this,kh,"f").interact.showModalBackdrop(this.modal.closeOnBackdropClick?()=>{this.close()}:null)}this.kupReady.emit({comp:this,id:this.rootElement.id});mh(this,kh,"f").debug.logLoad(this,true)}componentWillRender(){mh(this,kh,"f").debug.logRender(this,false)}componentDidRender(){mh(this,kh,"f").debug.logRender(this,true)}render(){var t;const e={"--kup_dialog_height":this.sizeY?this.sizeY:"auto","--kup_dialog_width":this.sizeX?this.sizeX:"auto"};return s(n,{key:"4f74b02d375c0ed0bdae000e98d34f62f6f52501","fade-in":true,style:e},s("style",{key:"42a84bac7c78d2810ea5247340fd80ba53e35b6a"},mh(this,kh,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"037d928dd1d5931a5995cf2a838b7d6a4dacae30",id:Ct},this.header?s("div",{class:"header",ref:t=>gh(this,bh,t,"f")},this.header.title?s("div",{class:"header__title"},this.header.title):null,((t=this.header.icons)===null||t===void 0?void 0:t.close)?s(jt,{onClick:()=>this.close(),sizeX:"1.25em",sizeY:"100%",resource:"clear",wrapperClass:"header__close"}):null):null,s("div",{key:"007d7c592754925335bca87dbff8c104de64f424",class:"content"},s("slot",{key:"830977e967e8e7c0be4c43151908220e9ab929dd"}))))}disconnectedCallback(){if(this.modal){mh(this,kh,"f").interact.hideModalBackdrop()}mh(this,kh,"f").theme.unregister(this)}get rootElement(){return o(this)}};bh=new WeakMap,kh=new WeakMap,yh=new WeakMap;vh.style=dh;var xh;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["displayMode"]='Sets how to show the selected item value. Suported values: "code", "description", "both".';t["icon"]="Defaults at null. When set, the button will show this icon.";t["initialValue"]="Sets the initial value of the component.";t["label"]="Defaults at null. When set, the button will show this text.";t["placeholderIcon"]="When set, the button will show this icon, if icon/image not found.";t["selectMode"]='Sets to the return the selected item value. Suported values: "code", "description", "both".';t["styling"]='Defines the style of the button. Available styles are "flat" and "outlined", "raised" is the default.';t["trailingIcon"]="Defaults at null. When set, the icon will be shown after the text.";t["dropdownOnly"]="Default value is false. When set to true, the arrow dropdown button is the only button displayed."})(xh||(xh={}));const wh=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:max-content}#kup-component{position:relative}.dropdown-button--wrapper{display:flex;flex-direction:row}.f-button.dropdown-button__primary-action .button{border-top-right-radius:var(--kup-radius-00);border-bottom-right-radius:var(--kup-radius-00)}.f-button.dropdown-button__primary-action .button.button--outlined,.f-button.dropdown-button__primary-action .button.button--raised{border-right:1px solid transparent}.f-button.dropdown-button__dropdown-action.dropdown-only .button{border-top-left-radius:var(--kup-radius-00);border-bottom-left-radius:var(--kup-radius-00);box-shadow:none}.f-button.dropdown-button__dropdown-action .button{border-top-left-radius:var(--kup-radius-00);border-bottom-left-radius:var(--kup-radius-00);box-shadow:var(--kup-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button .button__icon{transition:transform 80ms linear}.f-button.dropdown-button__dropdown-action .button.button--raised{box-shadow:0px 3px 1px -2px rgba(var(--kup-text-color-rgb), 0.125), 0px 2px 2px 0px rgba(var(--kup-text-color-rgb), 0.1), 0px 1px 5px 0px rgba(var(--kup-text-color-rgb), 0.075), var(--kup-text-on-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button.button--disabled{box-shadow:none}.f-button.dropdown-button__dropdown-action .button.toggled .button__icon{transform:rotate(180deg)}.f-button.dropdown-button__dropdown-action:not(.dropdown-only) .button--outlined:not(.dropdown-only),.f-button.dropdown-button__dropdown-action:not(.dropdown-only) .button--raised:not(.dropdown-only){border-left:1px solid transparent}:host(.kup-shaped) .dropdown-button__primary-action .button{border-top-left-radius:var(--kup-radius-00);border-bottom-left-radius:var(--kup-radius-00)}:host(.kup-shaped) .dropdown-button__dropdown-action .button{border-top-right-radius:var(--kup-radius-00);border-bottom-right-radius:var(--kup-radius-00)}:host(.kup-full-width){width:100%}:host(.kup-full-width) .dropdown-button__primary-action{width:100%}:host(.kup-full-width) .dropdown-button__primary-action .button{width:100%}:host(.kup-danger){--kup-button-primary-color:var(--kup-danger-color-60);--kup-button-primary-color-h:var(--kup-danger-color-h);--kup-button-primary-color-s:var(--kup-danger-color-s);--kup-button-primary-color-l:var(--kup-danger-color-l);--kup-button-primary-color-rgb:var(--kup-danger-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-info){--kup-button-primary-color:var(--kup-info-color);--kup-button-primary-color-h:var(--kup-info-color-h);--kup-button-primary-color-s:var(--kup-info-color-s);--kup-button-primary-color-l:var(--kup-info-color-l);--kup-button-primary-color-rgb:var(--kup-info-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-secondary){--kup-button-primary-color:var(--kup-secondary-color);--kup-button-primary-color-h:var(--kup-secondary-color-h);--kup-button-primary-color-s:var(--kup-secondary-color-s);--kup-button-primary-color-l:var(--kup-secondary-color-l);--kup-button-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-button-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-button-primary-color:var(--kup-success-color);--kup-button-primary-color-h:var(--kup-success-color-h);--kup-button-primary-color-s:var(--kup-success-color-s);--kup-button-primary-color-l:var(--kup-success-color-l);--kup-button-primary-color-rgb:var(--kup-success-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-warning){--kup-button-primary-color:var(--kup-warning-color-50);--kup-button-primary-color-h:var(--kup-warning-color-h);--kup-button-primary-color-s:var(--kup-warning-color-s);--kup-button-primary-color-l:var(--kup-warning-color-l);--kup-button-primary-color-rgb:var(--kup-warning-color-rgb);--kup-button-text-on-primary-color:white}";const _h=wh;const zh=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-dropdownbutton-blur",6);this.kupClick=e(this,"kup-dropdownbutton-click",6);this.kupFocus=e(this,"kup-dropdownbutton-focus",6);this.kupChange=e(this,"kup-dropdownbutton-change",6);this.kupItemClick=e(this,"kup-dropdownbutton-itemclick",6);this.kupManager=a();this.buttonEl=null;this.dropdownEl=null;this.listEl=null;this.clickCb=null;this.id="";this.customStyle="";this.data=null;this.disabled=false;this.displayMode=gt.DESCRIPTION;this.dropdownOnly=false;this.icon=null;this.initialValue="";this.label=null;this.placeholderIcon=null;this.selectMode=gt.CODE;this.sizing=r.SMALL;this.styling=Ot.RAISED;this.trailingIcon=false}listenKeydown(t){if(this.isListOpened()){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();this.listEl.focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();this.listEl.focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();this.listEl.select().then((()=>{this.closeList()}));this.dropdownEl.focus();break;case"Escape":t.preventDefault();t.stopPropagation();this.closeList();break}}else{switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();this.openList();this.listEl.focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();this.openList();this.listEl.focusPrevious();break}}}onKupBlur(){this.closeList();this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.id})}onKupClick(){this.closeList();this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.id})}onDropDownClick(){if(this.isListOpened()){this.closeList()}else{this.openList()}}onKupItemClick(t){this.consistencyCheck(t);this.closeList();this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.id,node:t.detail.selected});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.id,node:t.detail.selected})}async getProps(t){return l(this,xh,t)}async getValue(){return this.id}async refresh(){i(this)}async setProps(t){h(this,xh,t)}async setValue(t){this.id=t}isListOpened(){if(this.listEl==null){return false}return this.listEl.menuVisible==true}openList(){var t;const e=(this.buttonEl?this.buttonEl.clientWidth:0)+this.dropdownEl.clientWidth;(t=this.buttonEl)===null||t===void 0?void 0:t.classList.add("toggled");this.dropdownEl.classList.add("toggled");this.listEl.menuVisible=true;const i=this.listEl.style;i.height="auto";i.minWidth=e+"px";if(this.kupManager.dynamicPosition.isRegistered(this.listEl)){this.kupManager.dynamicPosition.changeAnchor(this.listEl,this.buttonEl?this.buttonEl:this.dropdownEl)}else{this.kupManager.dynamicPosition.register(this.listEl,this.buttonEl?this.buttonEl:this.dropdownEl,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.listEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closeList()},el:this.listEl}}this.kupManager.addClickCallback(this.clickCb,true)}closeList(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.classList.remove("toggled");this.dropdownEl.classList.remove("toggled");this.listEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.listEl);this.kupManager.removeClickCallback(this.clickCb)}consistencyCheck(t,e){const i=ne(e,this.data["kup-list"],this.listEl,this.selectMode,this.displayMode,t);this.id=i.value}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.id=this.initialValue;if(!this.data){this.data={"kup-list":{}}}}componentDidLoad(){this.consistencyCheck(undefined,this.id);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&(!this.buttonEl||!this.dropdownEl)){this.buttonEl=t.querySelector(".dropdown-button__primary-action");this.dropdownEl=t.querySelector(".dropdown-button__dropdown-action")}this.kupManager.debug.logRender(this,true)}renderButtons(){const t=[];const e={disabled:this.disabled?true:false,large:this.rootElement.classList.contains("kup-large")?true:false,pulsating:this.rootElement.classList.contains("kup-pulsating")?true:false,slim:this.rootElement.classList.contains("kup-slim")?true:false,sizing:this.sizing,styling:this.styling?this.styling:Ot.RAISED,title:this.rootElement.title};if(!this.dropdownOnly){t.push(s(Wt,Object.assign({},e,{icon:this.icon?this.icon:null,placeholderIcon:this.placeholderIcon,label:this.label?this.label:null,trailingIcon:this.trailingIcon?true:false,wrapperClass:"dropdown-button__primary-action",onClick:()=>this.onKupClick(),onBlur:()=>this.onKupBlur(),onFocus:()=>this.onKupFocus()})))}t.push(s(Wt,Object.assign({},e,{disabled:this.disabled?true:false,icon:this.dropdownOnly&&this.icon&&this.icon!==""?this.icon:"arrow_drop_down",placeholderIcon:this.placeholderIcon,label:" ",wrapperClass:"dropdown-button__dropdown-action"+(this.dropdownOnly?" dropdown-only":""),onClick:()=>this.onDropDownClick()})));return t}render(){return s(n,{key:"7a66ff84adcb1d2271796bfdb5cd4f932f284734"},s("style",{key:"5796a18cf2a66614563b2b8891c71c58416a0e42"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"11ed7256dc5b43e5871bb32f5c31390cbac60334",id:Ct},s("div",{key:"7f986b9c9017766ce1f3b93fff61435dfa542591",class:"dropdown-button--wrapper"},this.renderButtons()),s("kup-list",Object.assign({key:"bb7f1c29903b82e68f5b0444ab70a36917c549f8"},this.data["kup-list"],{displayMode:this.displayMode,isMenu:true,"onKup-list-click":t=>this.onKupItemClick(t),id:this.rootElement.id+"_list",ref:t=>this.listEl=t}))))}disconnectedCallback(){if(this.listEl){this.kupManager.dynamicPosition.unregister([this.listEl]);this.listEl.remove()}this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};zh.style=_h;var Ch;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the form.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["labelPlacement"]="Sets the label placement for 'all' fields in form";t["layout"]="How the form will arrange its content.";t["submitCb"]="Sets the callback function on submit form"})(Ch||(Ch={}));var jh;(function(t){t["CENTER"]="center";t["LEFT"]="left";t["RIGHT"]="right"})(jh||(jh={}));var Wh;(function(t){t["BOTTOM"]="bottom";t["LEFT"]="left";t["HIDDEN"]="hidden";t["PLACEHOLDER"]="placeholder";t["WATERMARK"]="watermark";t["RIGHT"]="right";t["TOP"]="top"})(Wh||(Wh={}));const $h=".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_form_background_color:var(\n    --kup-form-background-color,\n    var(--kup-layer-0)\n  );--kup_form_color:var(--kup-form-color, var(--kup-text-secondary));--kup_form_font_family:var(--kup-form-font-family, var(--kup-font-family));--kup_form_font_size:var(--kup-form-font-size, var(--kup-font-size));--kup_form_label_alignment:var(--kup-form-label-alignment);--kup_form_label_width:var(--kup-form-label-width);--kup_form_padding:var(--kup-form-padding, 1em 0);display:block;font-family:var(--kup_form_font_family);font-size:var(--kup_form_font_size)}.form{background:var(--kup_form_background_color);color:var(--kup_form_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_form_padding);position:relative}.form--column{flex-direction:column}.form__section{display:flex;flex:1 1 1%;flex-direction:row;flex-wrap:wrap}.form__section--column{flex-direction:column;flex-wrap:unset}.form__section--column>.form__section{flex:0 0 auto}.form__section--grid{display:grid}.form__section--titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}.form__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}.form__section--left .form__label{width:var(--kup_form_label_width, 0)}.form__section--right .form__field{min-width:200px;width:0}.form__label{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:0.875em;letter-spacing:0.0178571429em;white-space:nowrap;width:var(--kup_form_label_width)}.form__label--center{text-align:var(--kup_form_label_alignment, center)}.form__label--left{text-align:var(--kup_form_label_alignment, left)}.form__label--right{text-align:var(--kup_form_label_alignment, right)}.form__field{min-height:16px}.form__field img{height:auto}.form__submit{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-start}";const Oh=$h;const Dh=document.documentElement;const Mh=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-form-ready",6);this.kupManager=a();this.visibleColumns=[];this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.labelPlacement=Wh.TOP;this.layout=null;this.submitCb=null}onDataChanged(){T(this.getRows());this.initVisibleColumns();this.checkLayout()}onLayoutChanged(){this.checkLayout()}async getProps(t){return l(this,Ch,t)}async refresh(){i(this)}async setFocus(t,e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;i&&t<i.length;t++){const s=i[t];if(s["data-row"]&&s["data-row"].id==e){const t=s.querySelector("input");if(t){t.focus()}else{const t=s.querySelector(".hydrated");if(t){try{t.setFocus()}catch(t){}}}}}}async setProps(t){h(this,Ch,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:undefined}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>{if(t.hasOwnProperty("visible")){return t.visible}return true}))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}checkLayout(){if(this.layout){this.formLayout=this.layout;return}const t={horizontal:false,sections:[]};const e=this.visibleColumns;let i=e.length;const s=[];let n=0;while(i-- >0){s.push({column:e[n++].name})}t.content=s;this.formLayout={sections:[t]}}renderRow(t){const e=[...this.visibleColumns];let i=null;let n=t.layout;if(!n){n=this.formLayout}let o=false;if(n){if(n.horizontal){o=true}const s=n.sections;let a=s.length;let r=0;if(a>0){i=[]}const l={horizontal:o};while(a-- >0){i.push(this.renderSection(s[r++],l,t,e))}}const a={form:true,"form--column":!o};return s("form",{class:a,name:this.rootElement.id,onSubmit:this.submitCb},i,this.hiddenSubmitButton?s(Wt,{buttonType:"submit",label:this.kupManager.language.translate(g.CONFIRM),wrapperClass:"form__submit"}):null)}renderSection(t,e,i,n){var o;let a=null;if(t.sections&&t.sections.length>0){const e=t.sections;let s=e.length;let o=0;if(s>0){a=[]}while(s-- >0){a.push(this.renderSection(e[o++],t,i,n))}}else if(t.content){const e=t.content;let o=e.length;let r=0;if(o>0){a=[]}while(o-- >0){const o=this.renderFormField({formField:e[r++],row:i,visibleColumns:n},t);let l=o;if(!t.horizontal){l=s("tr",null,o)}a.push(l)}}else if(n.length>0){const t=n[0];a=this.renderFormField({formField:{column:t.name},row:i,visibleColumns:n})}const r=!!t.columns;const l=((o=t===null||t===void 0?void 0:t.label)===null||o===void 0?void 0:o.placement)||this.labelPlacement;const h={form__section:true,"form__section--column":!r&&!t.horizontal,"form__section--grid":r,"form__section--titled":!!t.title,"form__section--last":!t.sections||t.sections.length===0,[`form__section--${l}`]:true};const c=t.style||{};if(t.dim&&e){c.flex=`0 0 ${t.dim}`;if(e.horizontal){c.maxWidth=t.dim}else{c.maxHeight=t.dim}}if(r){c["grid-template-columns"]=`repeat(${t.columns}, 1fr)`}return s("div",{class:h,style:c},t.title?s("h3",null,t.title):null,t.horizontal?a:s("table",null,s("tbody",null,a)))}renderFormField({formField:t,row:e,visibleColumns:i},n){var o;const a={form__field:true};const r={};let l=null;let h=-1;for(let e=0;e<i.length;e++){const s=i[e];if(s.name===t.column){h=e;break}}if(h>=0){l=i[h];i.splice(h,1)}else if(n){l=this.data.columns.find((e=>e.name===t.column))}const c=e.cells[t.column];let u=undefined;if(c){c.isEditable=true;if(!this.kupManager.objects.isEmptyKupObj(c.obj)){if(this.kupManager.debug.isDebug()){u=c.obj.t+"; "+c.obj.p+"; "+c.obj.k+";"}}}else{return null}const p={cell:c,column:l,component:this,editable:true,renderKup:true,row:e,setSizes:true,shape:t.shape};const f=t.label||l.title;const d=()=>{if(this.kupManager.objects.isButton(c.obj)){return}if(!c.data){c.data={}}try{delete c.data.label}catch(t){}try{delete c.data.data["kup-text-field"].label}catch(t){}};d();const m=((o=n===null||n===void 0?void 0:n.label)===null||o===void 0?void 0:o.placement)||this.labelPlacement;switch(m){case Wh.BOTTOM:return[s("tr",null,g()),s("tr",null,b(f))];case Wh.PLACEHOLDER:case Wh.WATERMARK:k();case Wh.HIDDEN:{if(n){return[g()]}else{return[s("tr",null,g())]}}case Wh.RIGHT:{if(n){return[g(),b(f)]}else{return[s("tr",null,g(),b(f))]}}case Wh.TOP:return[s("tr",null,b(f)),s("tr",null,g())];default:{if(n){return[b(f),g()]}else{return[s("tr",null,b(f),g())]}}}function g(){return s("td",{"data-cell":c,"data-row":e,"data-column":t.column,class:a,style:r,title:u},c&&l?s(bt,Object.assign({},p)):s("span",null,t.value))}function b(t){var e,i,o;const a=((e=n===null||n===void 0?void 0:n.label)===null||e===void 0?void 0:e.alignment)||jh.LEFT;const r={width:((i=n===null||n===void 0?void 0:n.label)===null||i===void 0?void 0:i.width)?(o=n===null||n===void 0?void 0:n.label)===null||o===void 0?void 0:o.width:""};return s("td",{class:`form__label form__label--${a}`,style:r},s("span",null,t))}function k(){switch(Dh.ketchup.data.cell.getType(c,c.shape||l.shape||null)){case ut.AUTOCOMPLETE:case ut.COLOR_PICKER:case ut.COMBOBOX:case ut.DATE:case ut.DATETIME:case ut.TIME:if(c.data.data){if(c.data.data["kup-text-field"]){c.data.data["kup-text-field"].label=l.title}else{c.data.data={"kup-text-field":{label:l.title}}}}else{c.data.data={"kup-text-field":{label:l.title}}}break;case ut.CHECKBOX:case ut.NUMBER:case ut.STRING:case ut.SWITCH:c.data.label=l.title}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){mt(e[t])}}this.kupManager.debug.logRender(this,true)}render(){let t=null;if(this.data.rows.length===0){t=s("p",{key:"3745e06e9f57294d4957cf2ce2700235f1efbc20"},this.kupManager.language.translate(g.EMPTY_DATA))}else{const e=this.data.rows;let i=e.length;let s=0;t=[];while(i-- >0){t.push(this.renderRow(e[s++]))}}return s(n,{key:"8bb39e913c0bb04bdb20e5680f86c4d92971aae9"},s("style",{key:"998fbdf757d808b818bc45e30281038ad96690d9"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"6098ba93cc85091acc8671dfb75c318cf1e5a779",id:Ct},t))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"],layout:["onLayoutChanged"]}}};Mh.style=Oh;var Th;(function(t){t["arcThickness"]="Sets how much the arc of the gauge should be thick.";t["colors"]="Array of three elements to specify the color of the arcs.";t["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";t["firstThreshold"]="The first threshold, establishing the length of the first and second arc.";t["labelDistance"]="The distance the label and the value has from the gauge graph.";t["maxValue"]="The maximum value reachable in the current graph.";t["measurementUnit"]="A string which will be appended to the displayed values of the component.";t["minValue"]="The minimum value reachable in the current graph.";t["needleCircle"]="When true, shows a rounded needle.";t["onlyValue"]="When true, ignore thresholds in gauge and show colored value's arc.";t["reverseColors"]="When true, the colors inside the colors array are used in the reversed order.";t["secondThreshold"]="The second threshold, establishing the length of the second and third arc.";t["showLabels"]="If set to false, threshold values of the gauge are not displayed.";t["showMaxmin"]="If set to false, the maximum and minimum values of the gauge are not displayed.";t["showValue"]="If set to false, the current value of the gauge is not displayed.";t["size"]="Con be used change the viewbox of the SVG. By manipulating this value, some customizations of the aspect of the gauge is achievable.";t["value"]="The current value of the gauge. The gauge's needle points to the percentage based on this prop.";t["valueSize"]="The current size of gauge's value. Correct values are: 0,1,2 or 3.";t["widthComponent"]="Set Width gauge."})(Th||(Th={}));function Sh(t){return function e(){return t}}const Ih=Math.abs;const Ph=Math.atan2;const Rh=Math.cos;const Eh=Math.max;const Nh=Math.min;const Lh=Math.sin;const Fh=Math.sqrt;const Kh=1e-12;const Ah=Math.PI;const Vh=Ah/2;const Hh=2*Ah;function Bh(t){return t>1?0:t<-1?Ah:Math.acos(t)}function Yh(t){return t>=1?Vh:t<=-1?-Vh:Math.asin(t)}const Xh=Math.PI,Gh=2*Xh,Uh=1e-6,qh=Gh-Uh;function Jh(t){this._+=t[0];for(let e=1,i=t.length;e<i;++e){this._+=arguments[e]+t[e]}}function Zh(t){let e=Math.floor(t);if(!(e>=0))throw new Error(`invalid digits: ${t}`);if(e>15)return Jh;const i=10**e;return function(t){this._+=t[0];for(let e=1,s=t.length;e<s;++e){this._+=Math.round(arguments[e]*i)/i+t[e]}}}class Qh{constructor(t){this._x0=this._y0=this._x1=this._y1=null;this._="";this._append=t==null?Jh:Zh(t)}moveTo(t,e){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+e}`}closePath(){if(this._x1!==null){this._x1=this._x0,this._y1=this._y0;this._append`Z`}}lineTo(t,e){this._append`L${this._x1=+t},${this._y1=+e}`}quadraticCurveTo(t,e,i,s){this._append`Q${+t},${+e},${this._x1=+i},${this._y1=+s}`}bezierCurveTo(t,e,i,s,n,o){this._append`C${+t},${+e},${+i},${+s},${this._x1=+n},${this._y1=+o}`}arcTo(t,e,i,s,n){t=+t,e=+e,i=+i,s=+s,n=+n;if(n<0)throw new Error(`negative radius: ${n}`);let o=this._x1,a=this._y1,r=i-t,l=s-e,h=o-t,c=a-e,u=h*h+c*c;if(this._x1===null){this._append`M${this._x1=t},${this._y1=e}`}else if(!(u>Uh));else if(!(Math.abs(c*r-l*h)>Uh)||!n){this._append`L${this._x1=t},${this._y1=e}`}else{let p=i-o,f=s-a,d=r*r+l*l,m=p*p+f*f,g=Math.sqrt(d),b=Math.sqrt(u),k=n*Math.tan((Xh-Math.acos((d+u-m)/(2*g*b)))/2),y=k/b,v=k/g;if(Math.abs(y-1)>Uh){this._append`L${t+y*h},${e+y*c}`}this._append`A${n},${n},0,0,${+(c*p>h*f)},${this._x1=t+v*r},${this._y1=e+v*l}`}}arc(t,e,i,s,n,o){t=+t,e=+e,i=+i,o=!!o;if(i<0)throw new Error(`negative radius: ${i}`);let a=i*Math.cos(s),r=i*Math.sin(s),l=t+a,h=e+r,c=1^o,u=o?s-n:n-s;if(this._x1===null){this._append`M${l},${h}`}else if(Math.abs(this._x1-l)>Uh||Math.abs(this._y1-h)>Uh){this._append`L${l},${h}`}if(!i)return;if(u<0)u=u%Gh+Gh;if(u>qh){this._append`A${i},${i},0,1,${c},${t-a},${e-r}A${i},${i},0,1,${c},${this._x1=l},${this._y1=h}`}else if(u>Uh){this._append`A${i},${i},0,${+(u>=Xh)},${c},${this._x1=t+i*Math.cos(n)},${this._y1=e+i*Math.sin(n)}`}}rect(t,e,i,s){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+e}h${i=+i}v${+s}h${-i}Z`}toString(){return this._}}function tc(t){let e=3;t.digits=function(i){if(!arguments.length)return e;if(i==null){e=null}else{const t=Math.floor(i);if(!(t>=0))throw new RangeError(`invalid digits: ${i}`);e=t}return t};return()=>new Qh(e)}function ec(t){return t.innerRadius}function ic(t){return t.outerRadius}function sc(t){return t.startAngle}function nc(t){return t.endAngle}function oc(t){return t&&t.padAngle}function ac(t,e,i,s,n,o,a,r){var l=i-t,h=s-e,c=a-n,u=r-o,p=u*l-c*h;if(p*p<Kh)return;p=(c*(e-o)-u*(t-n))/p;return[t+p*l,e+p*h]}function rc(t,e,i,s,n,o,a){var r=t-i,l=e-s,h=(a?o:-o)/Fh(r*r+l*l),c=h*l,u=-h*r,p=t+c,f=e+u,d=i+c,m=s+u,g=(p+d)/2,b=(f+m)/2,k=d-p,y=m-f,v=k*k+y*y,x=n-o,w=p*m-d*f,_=(y<0?-1:1)*Fh(Eh(0,x*x*v-w*w)),z=(w*y-k*_)/v,C=(-w*k-y*_)/v,j=(w*y+k*_)/v,W=(-w*k+y*_)/v,$=z-g,O=C-b,D=j-g,M=W-b;if($*$+O*O>D*D+M*M)z=j,C=W;return{cx:z,cy:C,x01:-c,y01:-u,x11:z*(n/x-1),y11:C*(n/x-1)}}function lc(){var t=ec,e=ic,i=Sh(0),s=null,n=sc,o=nc,a=oc,r=null,l=tc(h);function h(){var h,c,u=+t.apply(this,arguments),p=+e.apply(this,arguments),f=n.apply(this,arguments)-Vh,d=o.apply(this,arguments)-Vh,m=Ih(d-f),g=d>f;if(!r)r=h=l();if(p<u)c=p,p=u,u=c;if(!(p>Kh))r.moveTo(0,0);else if(m>Hh-Kh){r.moveTo(p*Rh(f),p*Lh(f));r.arc(0,0,p,f,d,!g);if(u>Kh){r.moveTo(u*Rh(d),u*Lh(d));r.arc(0,0,u,d,f,g)}}else{var b=f,k=d,y=f,v=d,x=m,w=m,_=a.apply(this,arguments)/2,z=_>Kh&&(s?+s.apply(this,arguments):Fh(u*u+p*p)),C=Nh(Ih(p-u)/2,+i.apply(this,arguments)),j=C,W=C,$,O;if(z>Kh){var D=Yh(z/u*Lh(_)),M=Yh(z/p*Lh(_));if((x-=D*2)>Kh)D*=g?1:-1,y+=D,v-=D;else x=0,y=v=(f+d)/2;if((w-=M*2)>Kh)M*=g?1:-1,b+=M,k-=M;else w=0,b=k=(f+d)/2}var T=p*Rh(b),S=p*Lh(b),I=u*Rh(v),P=u*Lh(v);if(C>Kh){var R=p*Rh(k),E=p*Lh(k),N=u*Rh(y),L=u*Lh(y),F;if(m<Ah){if(F=ac(T,S,N,L,R,E,I,P)){var K=T-F[0],A=S-F[1],V=R-F[0],H=E-F[1],B=1/Lh(Bh((K*V+A*H)/(Fh(K*K+A*A)*Fh(V*V+H*H)))/2),Y=Fh(F[0]*F[0]+F[1]*F[1]);j=Nh(C,(u-Y)/(B-1));W=Nh(C,(p-Y)/(B+1))}else{j=W=0}}}if(!(w>Kh))r.moveTo(T,S);else if(W>Kh){$=rc(N,L,T,S,p,W,g);O=rc(R,E,I,P,p,W,g);r.moveTo($.cx+$.x01,$.cy+$.y01);if(W<C)r.arc($.cx,$.cy,W,Ph($.y01,$.x01),Ph(O.y01,O.x01),!g);else{r.arc($.cx,$.cy,W,Ph($.y01,$.x01),Ph($.y11,$.x11),!g);r.arc(0,0,p,Ph($.cy+$.y11,$.cx+$.x11),Ph(O.cy+O.y11,O.cx+O.x11),!g);r.arc(O.cx,O.cy,W,Ph(O.y11,O.x11),Ph(O.y01,O.x01),!g)}}else r.moveTo(T,S),r.arc(0,0,p,b,k,!g);if(!(u>Kh)||!(x>Kh))r.lineTo(I,P);else if(j>Kh){$=rc(I,P,R,E,u,-j,g);O=rc(T,S,N,L,u,-j,g);r.lineTo($.cx+$.x01,$.cy+$.y01);if(j<C)r.arc($.cx,$.cy,j,Ph($.y01,$.x01),Ph(O.y01,O.x01),!g);else{r.arc($.cx,$.cy,j,Ph($.y01,$.x01),Ph($.y11,$.x11),!g);r.arc(0,0,u,Ph($.cy+$.y11,$.cx+$.x11),Ph(O.cy+O.y11,O.cx+O.x11),g);r.arc(O.cx,O.cy,j,Ph(O.y11,O.x11),Ph(O.y01,O.x01),!g)}}else r.arc(0,0,u,v,y,g)}r.closePath();if(h)return r=null,h+""||null}h.centroid=function(){var i=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,s=(+n.apply(this,arguments)+ +o.apply(this,arguments))/2-Ah/2;return[Rh(s)*i,Lh(s)*i]};h.innerRadius=function(e){return arguments.length?(t=typeof e==="function"?e:Sh(+e),h):t};h.outerRadius=function(t){return arguments.length?(e=typeof t==="function"?t:Sh(+t),h):e};h.cornerRadius=function(t){return arguments.length?(i=typeof t==="function"?t:Sh(+t),h):i};h.padRadius=function(t){return arguments.length?(s=t==null?null:typeof t==="function"?t:Sh(+t),h):s};h.startAngle=function(t){return arguments.length?(n=typeof t==="function"?t:Sh(+t),h):n};h.endAngle=function(t){return arguments.length?(o=typeof t==="function"?t:Sh(+t),h):o};h.padAngle=function(t){return arguments.length?(a=typeof t==="function"?t:Sh(+t),h):a};h.context=function(t){return arguments.length?(r=t==null?null:t,h):r};return h}const hc=".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_gauge_color:var(--kup-gauge-color, var(--kup-text-secondary));--kup_gauge_font_family:var(--kup-gauge-font-family, var(--kup-font-family));--kup_gauge_font_size:var(--kup-gauge-font-size, var(--kup-font-size));--kup_gauge_needle_color:var(\n    --kup-gauge-needle-color,\n    var(--kup-text-secondary)\n  );display:inline-block;font-family:var(--kup_gauge_font_family);font-size:var(--kup_gauge_font_size);height:100%;width:100%}.gauge{box-sizing:border-box;height:100%;overflow:visible;padding:10px}.gauge__container{height:100%;width:100%}.gauge__label-text{fill:var(--kup_gauge_color);text-align:center}.gauge__value-text{fill:var(--kup_gauge_color);color:var(--kup_gauge_color);text-align:center}.gauge__needle-base,.gauge__needle{fill:var(--kup_gauge_needle_color)}";const cc=hc;const uc=class{constructor(e){t(this,e);this.kupManager=a();this.arcGenerator=lc();this.maxValuePositive=0;this.arcThickness=30;this.colors=[`var(${p.SUCCESS})`,`var(${p.WARNING})`,`var(${p.DANGER})`];this.customStyle="";this.firstThreshold=undefined;this.labelDistance=20;this.maxValue=100;this.measurementUnit="";this.minValue=-100;this.needleCircle=false;this.onlyValue=false;this.reverseColors=false;this.secondThreshold=undefined;this.showLabels=true;this.showMaxmin=true;this.showValue=true;this.size=300;this.value=0;this.valueSize=0;this.widthComponent="100%"}async getProps(t){return l(this,Th,t)}async refresh(){i(this)}async setProps(t){h(this,Th,t)}percToDeg(t){return t*360}degToRad(t){return t*Math.PI/180}percToRad(t){return this.degToRad(this.percToDeg(t))}calculateValuePercentage(t=0){return(t-this.minValue)/this.maxValuePositive}calculateValueFontSize(){switch(this.valueSize){case 3:return"350%";case 2:return"325%";case 1:return"300%";default:case 0:return"275%"}}paintNeedle(t,e,i,s,n=0){let o,a,r,l,h,c,u;h=this.percToRad(n/2);c=i-t*Math.cos(h);u=s-t*Math.sin(h);o=i-e*Math.cos(h-Math.PI/2);a=s-e*Math.sin(h-Math.PI/2);r=i-e*Math.cos(h+Math.PI/2);l=s-e*Math.sin(h+Math.PI/2);return"M "+o+" "+a+" L "+c+" "+u+" L "+r+" "+l}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(!this.labelDistance){this.labelDistance=20}if(this.maxValue===undefined||this.maxValue===null){this.maxValue=100}if(this.minValue===undefined||this.minValue===null){this.minValue=-100}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(isNaN(this.value)){this.kupManager.debug.logMessage(this,"Invalid value, not rendering!",f.WARNING);return}this.maxValuePositive=Math.abs(this.minValue-this.maxValue);let t=this.value;if(this.value>this.maxValue){this.value=this.maxValue}if(this.value<this.minValue){this.value=this.minValue}let e=1;switch(this.valueSize){case 3:e=3;break;case 2:e=2.75;break;case 1:e=2.5;break;default:case 0:e=2.25;break}const i=this.size/2;const o=this.size/20;const a=i-2*this.arcThickness;const r=i+o+this.labelDistance*e;const l=[];if(!this.onlyValue){if(this.firstThreshold||0===this.firstThreshold){l.push(this.firstThreshold)}if(this.secondThreshold||0===this.secondThreshold){l.push(this.secondThreshold)}}else{l.push(this.value)}const h=[this.minValue,...l,this.maxValue];const c=[];let u;if(!this.onlyValue){u=!this.reverseColors?this.colors:this.colors.slice().reverse()}else{let t=!this.reverseColors?this.colors:this.colors.slice().reverse();let e=this.value<this.firstThreshold?t[0]:this.value<this.secondThreshold?t[1]:t[2];u=[e,`rgba(var(${p.TEXT}-rgb), .1)`]}for(let t=0;t<h.length-1;t++){const e=this.arcGenerator({innerRadius:i-this.arcThickness,outerRadius:i,startAngle:this.calculateValuePercentage(h[t])*Math.PI,endAngle:this.calculateValuePercentage(h[t+1])*Math.PI});c.push(s("path",{d:e,style:{fill:u[t]?u[t]:"#000000"}}))}const d=this.showLabels||this.showMaxmin?h.map((t=>{const e=this.calculateValuePercentage(t);let n="end";if(e>.5){n="start"}else if(e===.5){n="middle"}const o=this.percToRad(e/2);let r=i-(a+2)*Math.cos(o);let l=i-(a+2)*Math.sin(o);let h="";if(e>0&&e<1){if(this.showLabels&&!this.onlyValue){h=s("text",{class:"gauge__label-text","text-anchor":n,x:r,y:l},this.kupManager.math.numberStringToFormattedString(String(t),-1,""))}}else{if(this.showMaxmin){if(e===0){r=this.arcThickness;l=i+this.labelDistance}else{r=this.size-this.arcThickness;l=i+this.labelDistance}h=s("text",{class:"gauge__label-text","text-anchor":n,x:r,y:l},this.kupManager.math.numberStringToFormattedString(String(t),-1,""))}}return h})):[];const m={fontSize:this.calculateValueFontSize()};let g=undefined;if(this.showValue){g=s("text",{class:"gauge__label-text value","text-anchor":"middle",x:i,y:r,style:m},this.kupManager.math.numberStringToFormattedString(String(t),-1,"")+" "+this.measurementUnit)}const b={width:this.widthComponent};return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct,class:"gauge__container"},s("svg",{class:"gauge",style:b,viewBox:`0 0 ${this.size} ${r}`},s("g",{transform:`rotate(-90) translate(-${i}, ${i})`},c),this.needleCircle?s("circle",{class:"gauge__needle-base",cx:i,cy:i,r:o}):null,s("path",{class:"gauge__needle",d:this.paintNeedle(a,o,i,i,this.calculateValuePercentage(this.value))}),d,g)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};uc.style=cc;function pc(t){const e=t.indexOf("R");const i=t.indexOf("G");const s=t.indexOf("B");if(e<0||i<0||s<0){return}const n=t.substring(e+1,e+4);const o=t.substring(i+1,i+4);const a=t.substring(s+1,s+4);try{return new dc(parseInt(n),parseInt(o),parseInt(a))}catch(t){console.error(t)}return null}class fc{constructor(){this.width=100;this.height=100;this.color=null;this.shape="bar"}init(t){t.forEach((t=>{if(t.toUpperCase().startsWith("HEIGHT;")){this.initHeight(t)}else if(t.toUpperCase().startsWith("SHAPE;")){this.initShape(t)}else if(t.toUpperCase().startsWith("BCOLOR;"));else{this.initColor(t)}}))}initColor(t){if(t.length>11&&this.isValidColor(t)){this.color=pc(t.substring(0,12));try{this.width=parseFloat(t.substring(13).replace(",","."))}catch(t){console.error(t)}}else if(t.startsWith("*NONE")){try{this.width=parseFloat(t.substring(6).replace(",","."))}catch(t){console.error(t)}}}isTrasparent(){return this.color===null}initHeight(t){if(t){const e=t.substring("HEIGHT;".length).replace(",",".");try{this.height=parseFloat(e);if(Number.isNaN(this.height)){this.height=100}}catch(t){console.error(t);this.height=100}}}initShape(t){t=t.substring("SHAPE;".length);const e=t.indexOf(";");let i=t;if(e>-1){i=t.substring(0,e);try{this.width=parseFloat(t.substring(e+1).replace(",","."))}catch(t){console.error(t)}}switch(i.toLocaleLowerCase()){case"circle":this.shape="circle";break;case"tril":this.shape="tril";break;case"trir":this.shape="trir";break}}isValidColor(t){if(!t){return false}t=t.trim();const e=[];let i=false;let s=null;let n=t.indexOf("R");if(n>-1){s=t.substring(n+1,n+4);e[0]=parseInt(s);if(isNaN(e[0])){i=true}}n=t.indexOf("G");if(n>-1){s=t.substring(n+1,n+4);e[1]=parseInt(s);if(isNaN(e[1])){i=true}}n=t.indexOf("B");if(n>-1){s=t.substring(n+1,n+4);e[2]=parseInt(s);if(isNaN(e[2])){i=true}}if(i){const n=t.indexOf("R");const o=t.indexOf("G");const a=t.indexOf("B");s=t.substring(n+1,o);e[0]=parseInt(s);if(isNaN(e[0])){i=true}s=t.substring(o+1,a);e[1]=parseInt(s);if(isNaN(e[1])){i=true}s=t.substring(a+1);e[2]=parseInt(s);if(isNaN(e[2])){i=true}if(i){return false}}if(e[0]<0||e[0]>255||e[1]<0||e[1]>255||e[2]<0||e[2]>255){return false}return true}getHeight(){return this.height}getWidth(){return this.width}getShape(){return this.shape}getColor(){return this.color}}class dc{constructor(t,e,i){this.r=t;this.g=e;this.b=i}toString(){return`rgb(${this.r},${this.g},${this.b})`}}class mc{constructor(){this.graphic_element_marker_splitter="\\\\";this.graphic_element_splitter="\\\\AND\\\\";this.background_color="BCOLOR;R255G000B000";this.default_color=new dc(0,0,0)}async drawCanvas(t,e){this.value=t;this.canvas=e;this.draw();return t}draw(){if(!this.value){return}if(this.canvas.getContext){this.ctx=this.canvas.getContext("2d");this.drawGraphicCell()}}drawGraphicCell(){const t=this.value.split(this.graphic_element_splitter);t.forEach(((t,e)=>{let i="SHAPE;BAR";let s=this.background_color;let n="HEIGHT;100";const o=t.split(this.graphic_element_marker_splitter);const a=[];const r=[];o.forEach((t=>{if(this.isShapeMarker(t)){i=t}else if(this.isBgColorMarker(t)){s=t}else if(this.isHeightMarker(t)){n=t}else if(this.isDecoratorMarker(t)){r.push(t)}else{a.push(t)}}));const l=a.map((t=>{const e=new fc;e.init([i,s,n,t]);return e}));if(e===0&&s!==this.background_color){const t=pc(s.substring("BCOLOR;".length));this.drawRect(0,0,this.canvas.clientWidth,this.canvas.clientHeight,t)}let h=0;l.forEach((t=>{switch(t.getShape()){case"circle":h=this.getNewStarXFromCircle(h,t);break;case"tril":h=this.getNewStarXFromTril(h,t);break;case"trir":h=this.getNewStarXFromTrir(h,t);break;default:h=this.getNewStarXFromBar(h,t);break}}));r.forEach((t=>{if(t.startsWith("SEP")||t.startsWith("DIV")){this.drawSeparator(t)}else if(t.startsWith("ARW")){this.drawArrow(t)}else if(t.startsWith("GRID")){this.drawGrid(t)}}))}))}isShapeMarker(t){return t&&t.toUpperCase().startsWith("SHAPE;")}isBgColorMarker(t){return t&&t.toUpperCase().startsWith("BCOLOR;")}isHeightMarker(t){return t&&t.toUpperCase().startsWith("HEIGHT;")}isDecoratorMarker(t){return t&&(t.toUpperCase().startsWith("SEP;")||t.toUpperCase().startsWith("DIV;")||t.toUpperCase().startsWith("ARW;")||t.toUpperCase().startsWith("GRID;"))}getDim(t,e){return Math.floor(t/100*e)}getNewStarXFromBar(t,e){if(Number.isNaN(e.getWidth())){return t}const i=this.getDim(this.canvas.clientWidth,e.getWidth());const s=this.getDim(this.canvas.clientHeight,e.getHeight());const n=this.canvas.clientHeight-s;if(!e.isTrasparent()){this.drawRect(t,n,i-t,s,e.getColor())}return i}getNewStarXFromCircle(t,e){const i=this.getDim(this.canvas.clientWidth,e.getWidth());const s=(t+i)/2;if(!e.isTrasparent()){this.drawArc(s,this.canvas.clientHeight/2,e.getColor())}return i}getNewStarXFromTril(t,e){const i=this.getDim(this.canvas.clientWidth,e.getWidth());if(!e.isTrasparent()){this.drawTri(i,0,t,this.canvas.clientHeight/2,e.getColor())}return i}getNewStarXFromTrir(t,e){const i=this.getDim(this.canvas.clientWidth,e.getWidth());if(!e.isTrasparent()){this.drawTri(t,0,i,this.canvas.clientHeight/2,e.getColor())}return i}drawArc(t,e,i){if(i){this.ctx.fillStyle=i.toString()}this.ctx.beginPath();this.ctx.arc(t,e,e,0,2*Math.PI,true);this.ctx.fill()}drawRect(t,e,i,s,n){if(n){this.ctx.fillStyle=n.toString()}this.ctx.fillRect(t,e,i,s)}drawTri(t,e,i,s,n){if(n){this.ctx.fillStyle=n.toString()}this.ctx.beginPath();this.ctx.moveTo(t,e);this.ctx.lineTo(i,s);this.ctx.lineTo(t,this.canvas.clientHeight);this.ctx.fill()}drawArrow(t){let e=t.substring("ARW;".length);if(e.indexOf(",")>-1){e=e.replace(",",".")}this.ctx.fillStyle=this.default_color.toString();const i=this.getDim(this.canvas.clientWidth,parseFloat(e));const s=this.canvas.clientHeight;const n=Math.floor(s/3);const o=n/2;this.ctx.beginPath();this.ctx.moveTo(i,0);this.ctx.lineTo(i-n,s/2);this.ctx.lineTo(i-o,s/2);this.ctx.lineTo(i-o,s);this.ctx.lineTo(i+o,s);this.ctx.lineTo(i+o,s/2);this.ctx.lineTo(i+n,s/2);this.ctx.fill()}drawGrid(t){let e=t.substring("GRID;".length);if(e.indexOf(",")>-1){e=e.replace(",",".")}const i=parseInt(e);const s=this.canvas.clientWidth/i;const n=this.canvas.clientHeight/5;const o=this.canvas.clientHeight-n;const a=1;for(let t=s;t<this.canvas.clientWidth;t=t+s){this.drawRect(t,o,a,n,this.default_color)}}drawSeparator(t){const e=t.substring("SEP;".length).split(";");let i="R000G000B000";let s=2;let n=e[0];if(e.length>1){i=e[1]}if(e.length>2){s=parseInt(e[2])}if(n.indexOf(",")>-1){n=n.replace(",",".")}const o=this.getDim(this.canvas.clientWidth,parseFloat(n));this.drawRect(o,0,s,this.canvas.clientHeight,pc(i))}}var gc;(function(t){t["badgeData"]="Sets the data of badges.";t["color"]="The color of the icon, defaults to the CSS variable --kup-icon-color.";t["customStyle"]="Custom style of the component.";t["data"]="When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information.";t["feedback"]="When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs.";t["isCanvas"]="The image component will create a canvas element on which it's possible to draw. It's a temporary feature that will be fully replaced by CSS drawing in the future.";t["placeholderResource"]="An SVG that will be displayed until the image is loaded.";t["resource"]="The resource used to fetch the image.";t["sizeX"]="The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";t["sizeY"]="The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";t["zoomEnable"]="When set to true, a dialog will be displayed with the same resource set to 100% when image is clicked"})(gc||(gc={}));const bc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;position:relative;transition:color 0.2s ease;margin:auto}:host #kup-component{margin:auto;position:relative;transition:color 0.2s ease;height:100%;width:100%}:host #feedback{width:32px;height:32px;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}:host([is-canvas]) canvas{height:100%;width:100%}canvas{display:block;height:100%;width:100%}";const kc=bc;const yc=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-image-click",6);this.kupLoad=e(this,"kup-image-load",6);this.isUrl=false;this.kupManager=a();this.card=null;this.dialog=null;this.image=null;this.badgeData=null;this.color=`var(${p.ICON})`;this.customStyle="";this.data=null;this.feedback=false;this.isCanvas=false;this.placeholderResource="";this.resource=null;this.sizeX="100%";this.sizeY="100%";this.zoomEnable=false}onKupClick(t){this.kupClick.emit({comp:this,id:this.rootElement.id,el:t.target});if(this.zoomEnable){this.createDialog()}}onKupLoad(t){this.kupLoad.emit({comp:this,id:this.rootElement.id,el:t.target})}async getProps(t){return l(this,gc,t)}async refresh(){i(this)}async setProps(t){h(this,gc,t)}renderCanvas(){return s("div",{id:"kup-component",onClick:t=>this.onKupClick(t),class:"is-canvas"},s("canvas",{ref:t=>this.canvas=t},this.resource))}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.isUrl=false;if(this.resource){if(this.resource.indexOf(".")>-1||this.resource.indexOf("/")>-1||this.resource.indexOf("\\")>-1){this.isUrl=true}}}componentDidRender(){if(this.isCanvas&&!this.imageCanvas){this.imageCanvas=new mc}if(this.isCanvas&&this.resource){this.canvas.height=this.canvas.clientHeight;this.canvas.width=this.canvas.clientWidth;this.imageCanvas.drawCanvas(this.resource,this.canvas)}this.kupManager.debug.logRender(this,true)}createDialog(){this.card=document.createElement("kup-card");this.card.layoutFamily=j.FREE;this.card.layoutNumber=1;this.card.sizeX="100%";this.card.sizeY="100%";this.image=document.createElement("kup-image");this.image.resource=this.resource;this.image.placeholderResource=this.placeholderResource;this.image.zoomEnable=false;this.image.sizeX="100%";this.image.sizeY="100%";this.card.appendChild(this.image);this.dialog=document.createElement("kup-dialog");this.dialog.id="kup-image-zoom";this.dialog.sizeX="80vw";this.dialog.sizeY="80vh";this.dialog.addEventListener("kup-dialog-close",(()=>this.hide()));this.dialog.appendChild(this.card);document.body.appendChild(this.dialog)}hide(){if(this.image){this.image.remove();this.image=null;this.card.remove();this.card=null;this.dialog.remove();this.dialog=null}}render(){let t;let e;let i;const o={badgeData:this.badgeData,color:this.color,data:this.data,fit:this.rootElement.classList.contains("kup-fit")?true:false,placeholderResource:this.placeholderResource,resource:this.resource,sizeX:this.sizeX,sizeY:this.sizeY,onClick:t=>this.onKupClick(t),onLoad:t=>this.onKupLoad(t)};let a={height:o.sizeY,minHeight:o.sizeY,width:o.sizeX,minWidth:o.sizeX};if(this.feedback&&this.isUrl){i=14;e=s("div",{id:"feedback",title:"Image not loaded yet..."},s("kup-spinner",{dimensions:"3px",active:true,layout:i}))}if(this.isCanvas){t=this.renderCanvas()}else if(o.resource||o.data){t=s(jt,Object.assign({},o))}else{let t="Resource undefined, not rendering!";this.kupManager.debug.logMessage(this,t,f.WARNING);return}return s(n,{style:a},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e,s("div",{id:Ct},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/svg"]}get rootElement(){return o(this)}};yc.style=kc;const vc='.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_list_background_color:var(\n    --kup-list-background-color,\n    var(--kup-layer-1)\n  );--kup_list_background_color_hover:var(\n    --kup-list-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_list_focus_color:var(--kup-list-focus-color, var(--kup-border-subtle));--kup_list_text_color:var(--kup-list-text-color, var(--kup-text-secondary));--kup_list_item_text_color:var(\n    --kup-list-item-text-color,\n    var(--kup-text-secondary)\n  );--kup_list_text_color_hover:var(\n    --kup-list-text-color-hover,\n    var(--kup-text-primary)\n  );--kup_list_font_family:var(--kup-list-font-family, var(--kup-font-family));--kup_list_font_size:var(--kup-list-font-size, var(--kup-font-size));--kup_list_font_weight:var(--kup-list-font-weight, 400);--kup_list_group_item_height:var(--kup-list-group-item-height, 3em);--kup_list_item_height:var(--kup_list_item_height_medium, 2.5em);--kup_list_item_height_small:var(--kup-list-item-height-small, 32px);--kup_list_item_height_medium:var(--kup-list-item-height-medium, 40px);--kup_list_item_height_large:var(--kup-list-item-height-large, 48px);--kup_list_item_padding_left:var(\n    --kup-list-item-padding,\n    var(--kup-space-05)\n  );--kup_list_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.list{background:var(--kup_list_background_color);color:var(--kup_list_text_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0;text-decoration:inherit;text-transform:inherit}.list--empty{padding:0}.list .list-item{display:-ms-flexbox;display:flex;height:var(--kup_list_item_height);position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--kup_list_item_padding_left);padding-right:calc(var(--kup_list_item_padding_left) + var(--kup_list_item_expand_padding, 0px));overflow:hidden;outline:none;transition:background-color var(--kup_list_transition), color var(--kup_list_transition)}.list .list-item[role=checkbox],.list .list-item[role=radio]{height:var(--kup_list_group_item_height)}.list .list-item:focus{outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.list .list-item.list-item--activated,.list .list-item.list-item--activated .list-item__graphic,.list .list-item.list-item--selected,.list .list-item.list-item--selected .list-item__graphic{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--kup_list_item_text_color);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}.list .list-item .list-item__primary-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;margin-bottom:-1.5em;display:block}.list .list-item .list-item__primary-text:before{display:inline-block;width:0;height:1.5em;content:"";vertical-align:0}.list .list-item .list-item__primary-text:after{display:inline-block;width:0;height:2em;content:"";vertical-align:-2em}.list .list-item .list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-o-text-overflow:ellipsis;-webkit-font-smoothing:antialiased;display:block;font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;color:var(--kup_list_text_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:8px}.list .list-item kup-checkbox{margin:0}.list .list-divider{background-color:var(--kup_list_separator_color);height:1px;padding:0;background-clip:content-box}.list.list--two-line .list-item{height:3.6em}.list.list--two-line .list-item__text{-ms-flex-item-align:start;align-self:flex-start}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item{cursor:pointer}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item label{cursor:pointer}.list:not(.list--non-interactive) .list-item:not(.list-item--selected):hover,.list:not(.list--non-interactive) .list-item:not(.list-item--selected).list-item--focused{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup_list_background_color);box-shadow:var(--kup_list_box_shadow);border:1px solid var(--kup_list_focus_color);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none;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}:host([nested-list]){--kup_list_item_expand_padding:1.5em;max-width:250px}:host([nested-list]) .kup-menu{max-height:unset;overflow:visible}:host([nested-list]) kup-list{display:none;left:100%;position:absolute;top:0}:host([nested-list]) .list-item{overflow:visible}:host([nested-list]) .list-item__expand-icon{position:absolute;right:0}:host([nested-list]) .list-item:hover kup-list{display:block}:host(.kup-paddingless) .list{padding:0}:host(.kup-danger){--kup-list-primary-color:var(--kup-danger-color-60);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-list-primary-color:var(--kup-success-color-40);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color-50);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}';const xc=vc;var wc=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var _c=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var zc,Cc,jc,Wc,$c,Oc,Dc,Mc,Tc,Sc,Ic,Pc,Rc,Ec;const Nc=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-list-blur",6);this.kupFocus=e(this,"kup-list-focus",6);this.kupClick=e(this,"kup-list-click",6);zc.add(this);Cc.set(this,a());jc.set(this,[]);Wc.set(this,[]);this.focused=null;this.selected=[];this.customStyle="";this.data=[];this.displayMode=gt.DESCRIPTION;this.filter="";this.hideText=false;this.isMenu=false;this.keyboardNavigation=true;this.menuVisible=false;this.roleType=kt.LISTBOX;this.selectable=true;this.showIcons=false;this.twoLine=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}onKupClick(t){wc(this,zc,"m",$c).call(this,t)}listenKeydown(t){if(this.keyboardNavigation){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();this.focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();this.focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();wc(this,zc,"m",$c).call(this,this.focused);break}}}async focusNext(){if(isNaN(this.focused)||this.focused===null||this.focused===undefined){if(this.selected.length===1){const t=this.data.find((t=>t.id===this.selected[0]));this.focused=this.data.indexOf(t)+1}else{this.focused=0}}else{this.focused++}if(this.focused>wc(this,Wc,"f").length-1){this.focused=0}wc(this,Wc,"f")[this.focused].focus()}async focusPrevious(){if(isNaN(this.focused)||this.focused===null||this.focused===undefined){if(this.selected.length===1){const t=this.data.find((t=>t.id===this.selected[0]));this.focused=this.data.indexOf(t)-1}else{this.focused=0}}else{this.focused--}if(this.focused<0){this.focused=wc(this,Wc,"f").length-1}wc(this,Wc,"f")[this.focused].focus()}async getProps(t){return l(this,yt,t)}async getSelectedNode(){const t=[];this.data.forEach((e=>{if(this.selected.includes(e.id)){t.push(e)}}));return t}async refresh(){i(this)}async select(t){if(t===undefined){t=this.focused}wc(this,zc,"m",$c).call(this,t)}async setProps(t){h(this,yt,t)}componentWillLoad(){wc(this,Cc,"f").debug.logLoad(this,false);wc(this,Cc,"f").theme.register(this);for(let t=0;t<this.data.length;t++){const e=this.data[t];if(e.selected){this.selected.push(e.id)}}}componentDidLoad(){wc(this,Cc,"f").debug.logLoad(this,true)}componentWillRender(){wc(this,Cc,"f").debug.logRender(this,false)}componentDidRender(){if(this.isMenu&&this.menuVisible&&(!document.activeElement||document.activeElement.tagName==="BODY")){setTimeout((()=>{this.rootElement.focus()}),0)}wc(this,Cc,"f").debug.logRender(this,true)}render(){_c(this,Wc,[],"f");let t="list";let e=undefined;if(this.isMenu){e="kup-menu";if(this.menuVisible){e+=" visible"}}wc(this,zc,"m",Rc).call(this);if(this.selectable!=true){t+=" list--non-interactive"}if(this.twoLine){t+=" list--two-line"}if(this.hideText){t+=" text-hidden"}if(!this.data||this.data.length===0){t+=" list--empty"}let i=this.roleType;let o="false";if(wc(this,zc,"m",Tc).call(this)){o="true"}_c(this,jc,[],"f");let a=0;return s(n,{key:"08701617c26a28e330d8db4d579cda4b99f53fa4"},s("style",{key:"12f6c1797eb686c114114eb5dce532979f6226cb"},wc(this,Cc,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"3bae7c17b51cf2c03835ae90661f46209bcf251b",id:"kup-component",class:e},s("ul",{key:"99232d1e8c3a5eb2a4c3d4ca6f080ebb5e468b95",class:t,role:i,"aria-multiselectable":o},this.data.filter((t=>wc(this,zc,"m",Ec).call(this,t))).map((t=>wc(this,zc,"m",Dc).call(this,t,a++))))))}disconnectedCallback(){wc(this,Cc,"f").theme.unregister(this)}get rootElement(){return o(this)}};Cc=new WeakMap,jc=new WeakMap,Wc=new WeakMap,zc=new WeakSet,$c=function t(e){if(e!==null&&e!==undefined&&!isNaN(e)){const t=this.rootElement.shadowRoot.querySelectorAll(".list-item");const i=t[e].dataset.id;const s=this.data.find((t=>t.id===i));switch(this.roleType){case kt.GROUP:if(this.selected.includes(i)){this.selected.splice(this.selected.indexOf(i),1)}else{this.selected.push(i)}this.selected=new Array(...this.selected);break;default:this.selected=new Array(i);break}for(let t=0;t<this.data.length;t++){const e=this.data[t];e.selected=this.selected.includes(e.id)}this.kupClick.emit({comp:this,id:this.rootElement.id,selected:s,index:e})}},Oc=function t(){return this.rootElement.hasAttribute("nested-list")},Dc=function t(e,i){if(e.selected!=true){e.selected=false}if(!e.id){e.id=e.value}let n=null;if(e.children&&e.children.length>0){this.rootElement.setAttribute("nested-list","");n=s("kup-list",{class:"kup-paddingless",data:e.children,isMenu:true,menuVisible:true,"nested-list":true})}let o=undefined;if(this.showIcons==true&&e.icon!=null&&e.icon.trim()!=""){o=wc(this,zc,"m",Mc).call(this,e.icon,e.placeholderIcon)}let a=[se(e,this.displayMode," - ")];let r=[];if(this.twoLine&&e.secondaryText&&e.secondaryText!=""){a=[s("span",{class:"list-item__primary-text"},e.value)];r=[s("span",{class:"list-item__secondary-text"},e.secondaryText)]}let l="list-item";let h=e.selected==true?"0":"-1";if(!wc(this,zc,"m",Oc).call(this)&&e.selected==true&&wc(this,zc,"m",Pc).call(this)){l+=" list-item--selected"}if(this.focused===i){l+=" list-item--focused"}let c="option";let u=null;let p=e.selected==true?"true":"false";if(this.selectable!=true){p=null}let f=[o,s("span",{class:"list-item__text"},a,r)];if(wc(this,zc,"m",Ic).call(this)){c="radio";u=e.selected==true?"true":"false";let t=[{value:e.id,label:"",checked:e.selected==true?true:false}];let n={display:"none"};f=[s("span",{class:"list-item__graphic"},s("input",{type:"radio",style:n}),s("kup-radio",{data:t,id:this.rootElement.id+"_"+i,ref:t=>wc(this,jc,"f")[i]=t})),o,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},a,r)]}else if(wc(this,zc,"m",Sc).call(this)){c="checkbox";u=e.selected==true?"true":"false";let t=e.selected==true?true:false;let n={display:"none"};f=[s("span",{class:"list-item__graphic"},s("input",{type:"checkbox",style:n}),s(Nt,{checked:t})),o,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},a,r)]}const d=[];if(e.separator){d.push(s("li",{role:"separator",class:"list-divider"}))}d.push(s("li",{ref:t=>{wc(this,Wc,"f").push(t)},class:l,role:c,tabindex:h,"data-id":e.id,"aria-selected":p,"aria-checked":u,onBlur:!this.selectable?t=>t.stopPropagation():()=>this.onKupBlur(),onFocus:!this.selectable?t=>t.stopPropagation():()=>this.onKupFocus(),onClick:!this.selectable?t=>t.stopPropagation():wc(this,zc,"m",Oc).call(this)?t=>{t.stopPropagation();this.onKupClick(i)}:()=>this.onKupClick(i)},f,n?[s(jt,{resource:"chevron-right",sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"list-item__expand-icon"}),n]:null));return d},Mc=function t(e,i){const n=this.rootElement.classList.contains("kup-large");const o={color:`var(--kup-list-fimage-color, var(--kup-text-secondary))`,sizeX:n?"24px":"16px",sizeY:n?"24px":"16px"};return s(jt,Object.assign({},o,{resource:e,placeholderResource:i,wrapperClass:`icon-button__icon kup-icon`}))},Tc=function t(){return wc(this,zc,"m",Sc).call(this)},Sc=function t(){return this.roleType==kt.GROUP},Ic=function t(){return this.roleType==kt.RADIOGROUP},Pc=function t(){return this.roleType==kt.LISTBOX},Rc=function t(){if(!wc(this,zc,"m",Sc).call(this)&&!wc(this,zc,"m",Ic).call(this)){this.roleType=kt.LISTBOX}},Ec=function t(e){if(!this.filter){return true}return e.id.toLowerCase().indexOf(this.filter.toLowerCase())>=0||e.value.toLowerCase().indexOf(this.filter.toLowerCase())>=0};Nc.style=xc;var Lc;(function(t){t["centeredLabel"]="Displays the label in the middle of the progress bar. It's the default for the radial variant and can't be changed.";t["customStyle"]="Custom style of the component.";t["hideLabel"]="Flag to show or hide the progress bar's label.";t["icon"]="Specifies an icon to replace the label.";t["label"]="Specifies a text for the bar's label.";t["isRadial"]="Radial version.";t["value"]="The current value the progress bar must display."})(Lc||(Lc={}));const Fc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:var(--kup-progressbar-width, 100%)}";const Kc=Fc;const Ac=class{constructor(e){t(this,e);this.kupManager=a();this.centeredLabel=true;this.customStyle="";this.hideLabel=false;this.icon=null;this.label=null;this.isRadial=false;this.value=0}async getProps(t){return l(this,Lc,t)}async refresh(){i(this)}async setProps(t){h(this,Lc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&this.isRadial){let e=this.value*3.6+"deg";t.querySelector(".left-side").setAttribute("style","transform: rotate("+e+")")}this.kupManager.debug.logRender(this,true)}render(){const t={animated:this.rootElement.classList.contains("kup-animated")?true:false,danger:this.rootElement.classList.contains("kup-danger")?true:false,centeredLabel:this.centeredLabel,hideLabel:this.hideLabel,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,isRadial:this.isRadial,label:this.label,padded:this.rootElement.classList.contains("kup-padded")?true:false,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,slim:this.rootElement.classList.contains("kup-slim")?true:false,striped:this.rootElement.classList.contains("kup-striped")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false};return s(n,{key:"e3c06e76ae0949ef35813b14a4d4b43784319808"},s("style",{key:"6e289ac4babad7764256a5e8ba29b3b4d5634a99"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"42c5b25815ccfafd9cb8ea6767eeb60c14a1d6d4",id:Ct},s(vt,Object.assign({key:"313fb6a64d5408fad824feea27ffc400022b6fc1"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Ac.style=Kc;var Vc;(function(t){t["columns"]="Number of columns. When undefined, radio fields will be displayed inline.";t["customStyle"]="Custom style of the component.";t["data"]="List of elements.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["leadingLabel"]="Defaults at false. When set to true, the label will be on the left of the component."})(Vc||(Vc={}));const Hc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}.kup-radio-wrapper{display:grid;gap:var(--kup-space-03)}";const Bc=Hc;const Yc=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-radio-blur",6);this.kupChange=e(this,"kup-radio-change",6);this.kupFocus=e(this,"kup-radio-focus",6);this.kupManager=a();this.value="";this.columns=null;this.customStyle="";this.data=null;this.disabled=false;this.horizontal=false;this.label="";this.leadingLabel=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupChange(t){this.value=this.data[t].value;for(let e=0;e<this.data.length;e++){const i=this.data[e];if(e===t){i.checked=true}else{i.checked=false}}this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.refresh()}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,Vc,t)}async refresh(){i(this)}async setProps(t){h(this,Vc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(!this.data||this.data.length===0){return}const t={columns:this.columns,danger:this.rootElement.classList.contains("kup-danger")?true:false,data:this.data,disabled:this.disabled,info:this.rootElement.classList.contains("kup-info")?true:false,horizontal:this.rootElement.classList.contains("kup-horizontal")?true:false,leadingLabel:this.leadingLabel,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onFocus:()=>this.onKupFocus()};return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct,class:"kup-radio-wrapper"},s(xt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Yc.style=Bc;var Xc;(function(t){t["customStyle"]="Custom style of the component.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["maxValue"]="Max number of stars (default 5)";t["value"]="Rated stars"})(Xc||(Xc={}));const Gc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}";const Uc=Gc;const qc=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-rating-click",6);this.kupManager=a();this.customStyle="";this.disabled=false;this.maxValue=5;this.value=0}onKupClick(t){if(!this.disabled){this.value=t;this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.refresh()}}async getProps(t){return l(this,Xc,t)}async refresh(){i(this)}async setProps(t){h(this,Xc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,info:this.rootElement.classList.contains("kup-info")?true:false,maxValue:this.maxValue,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false,onClick:t=>this.onKupClick(t)};return s(n,{key:"2adee9cf902e449ee58dc7b35533cea176c0ab0e"},s("style",{key:"197c45321da783719490d8080219b983c3c57a36"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"3f6177fdfafa5177bab3b746da259851b1e21f18",id:Ct},s(wt,Object.assign({key:"10eda3b2e76468b06f0fb002d534c9007054117a"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};qc.style=Uc;var Jc;(function(t){t["active"]="When set to true the spinner is animating.";t["barVariant"]="Defaults at false. When set to true, the component is disabled.";t["customStyle"]="Max number of stars (default 5)";t["dimensions"]="Width and height of the spinner. For the bar variant, only height.";t["fader"]="Places a blend modal over the wrapper to darken the view (or lighten, when the theme is dark).";t["faderTimeout"]='The time required for the "fader" to trigger.';t["fullScreen"]="When set to true the component will fill the whole viewport.";t["layout"]="Sets the layout of the spinner."})(Jc||(Jc={}));const Zc='.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_spinner_border_color:var(\n    --kup-spinner-border-color,\n    var(--kup-border-subtle)\n  );display:block}#loading-wrapper-master{background:transparent;opacity:0;overflow:hidden;transition:opacity 0.8s ease-in, background-color 1s ease-in;transform:translatez(0)}#loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner{width:100%;height:100%;position:relative}#loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner div{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:top 0.25s ease-in-out, opacity 0.25s ease-in-out}:host([active]) #loading-wrapper-master{opacity:1}:host([active]) #loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner{opacity:1;overflow:hidden}:host([active]) #loading-wrapper-master.bar-version>#loading-wrapper-master-bar{opacity:1}:host([active]) #loading-wrapper-master.bar-version>#loading-wrapper-master-bar div.spinner-bar-v2{animation:sk-spinner-bar-v2 20s;background-color:var(--kup-spinner-color);left:-1%}:host([active]) #loading-wrapper-master.loading-wrapper-big-wait{background:rgba(128, 128, 128, 0.25)}:host([active]) #loading-wrapper-master.loading-wrapper-big-wait>#loading-wrapper-master-spinner{font-size:10px}:host([full-screen]) #loading-wrapper-master{top:0;left:0;bottom:0;right:0;pointer-events:none;position:fixed;width:100%;z-index:9999}:host([full-screen]) #loading-wrapper-master div,:host([full-screen]) #loading-wrapper-master.spinner-version #loading-wrapper-master-spinner{position:fixed;transition:opacity 1.25s ease-in, background-color 1s ease-in, top 0.5s ease-in}.spinner-v1{border-top:1em solid var(--kup_spinner_border_color);border-right:1em solid var(--kup_spinner_border_color);border-bottom:1em solid var(--kup_spinner_border_color);border-left:1em solid var(--kup-spinner-color);transform:translatez(0);animation:sk-spinner-v1 1.1s infinite linear}.spinner-v1,.spinner-v1:after{border-radius:50%;width:7em;height:7em}@keyframes sk-spinner-v1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-v2,.spinner-v2:before,.spinner-v2:after{border-radius:50%;width:2em;height:2em;animation-fill-mode:both;animation:sk-spinner-v2 1.4s infinite ease-in-out;transform:translatez(0)}.spinner-v2{backface-visibility:hidden;color:var(--kup-spinner-color);font-size:1em;transform:translateY(-2.5em);animation-delay:-0.16s}.spinner-v2:before,.spinner-v2:after{content:"";position:absolute;top:0}.spinner-v2:before{left:-4em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner-v2:after{left:4em}@keyframes sk-spinner-v2{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.spinner-v3{color:var(--kup-spinner-color);font-size:6em;width:1em;height:1em;border-radius:50%;transform:translatez(0);animation:sk-spinner-v3 1.7s infinite ease, sk-spinner-v3-1 1.7s infinite ease}@keyframes sk-spinner-v3{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@keyframes sk-spinner-v3-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-v4{color:var(--kup-spinner-color);width:1em;height:1em;border-radius:50%;animation:sk-spinner-v4 1.3s infinite linear;transform:translatez(0)}@keyframes sk-spinner-v4{0%,100%{box-shadow:0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em}}.spinner-v5{margin-top:-0.8em;width:9em;height:9em;border-radius:50%;background:linear-gradient(to right, var(--kup-spinner-color) 10%, rgba(255, 255, 255, 0) 42%);animation:sk-spinner-v5 1.4s infinite linear;transform:translatez(0)}.spinner-v5:before{width:50%;height:50%;background:var(--kup-spinner-color);border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:""}.spinner-v5:after{background:var(--kup_spinner_border_color);width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@keyframes sk-spinner-v5{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-v6,.spinner-v6:before,.spinner-v6:after{background:var(--kup-spinner-color);animation:sk-spinner-v6 1s infinite ease-in-out;width:1em;height:4em}.spinner-v6{color:var(--kup-spinner-color);margin-top:2em;transform:translatez(0);animation-delay:-0.16s}.spinner-v6:before,.spinner-v6:after{position:absolute;top:0;content:""}.spinner-v6:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner-v6:after{left:1.5em}@keyframes sk-spinner-v6{0%,80%,100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.spinner-v7{width:6em;height:6em;position:relative;animation:sk-spinner-v7 2.5s infinite linear both}.sk-spinner-v7-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-spinner-v7-dot 2s infinite ease-in-out both}.sk-spinner-v7-dot:before{content:"";display:block;width:25%;height:25%;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v7-dot-before 2s infinite ease-in-out both}.sk-spinner-v7-dot:nth-child(1){animation-delay:-1.1s}.sk-spinner-v7-dot:nth-child(2){animation-delay:-1s}.sk-spinner-v7-dot:nth-child(3){animation-delay:-0.9s}.sk-spinner-v7-dot:nth-child(4){animation-delay:-0.8s}.sk-spinner-v7-dot:nth-child(5){animation-delay:-0.7s}.sk-spinner-v7-dot:nth-child(6){animation-delay:-0.6s}.sk-spinner-v7-dot:nth-child(1):before{animation-delay:-1.1s}.sk-spinner-v7-dot:nth-child(2):before{animation-delay:-1s}.sk-spinner-v7-dot:nth-child(3):before{animation-delay:-0.9s}.sk-spinner-v7-dot:nth-child(4):before{animation-delay:-0.8s}.sk-spinner-v7-dot:nth-child(5):before{animation-delay:-0.7s}.sk-spinner-v7-dot:nth-child(6):before{animation-delay:-0.6s}@keyframes sk-spinner-v7{100%{transform:rotate(360deg)}}@keyframes sk-spinner-v7-dot{80%,100%{transform:rotate(360deg)}}@keyframes sk-spinner-v7-dot-before{50%{transform:scale(0.4)}100%,0%{transform:scale(1)}}.spinner-v8{width:8em;height:8em;background-color:var(--kup-spinner-color);animation:sk-spinner-v8 1.2s infinite ease-in-out}@keyframes sk-spinner-v8{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner-v9{width:8em;height:8em;position:relative}.sk-spinner-v9-bounce1,.sk-spinner-v9-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--kup-spinner-color);opacity:0.6;position:absolute;top:0;left:0;animation:sk-spinner-v9 2s infinite ease-in-out}.sk-spinner-v9-bounce2{animation-delay:-1s}@keyframes sk-spinner-v9{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.spinner-v10{width:8em;height:8em;position:relative}.sk-spinner-v10-cube1,.sk-spinner-v10-cube2{backface-visibility:hidden;background-color:var(--kup-spinner-color);width:2em;height:2em;position:absolute;top:0;left:0;bottom:unset !important;right:unset !important;animation:sk-spinner-v10 1.8s infinite ease-in-out}.sk-spinner-v10-cube2{animation-delay:-0.9s}@keyframes sk-spinner-v10{25%{transform:translateX(5em) rotate(-90deg) scale(0.5)}50%{transform:translateX(5em) translateY(5em) rotate(-179deg)}50.1%{transform:translateX(5em) translateY(5em) rotate(-180deg)}75%{transform:translateX(0px) translateY(5em) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg)}}.spinner-v11{width:8em;height:8em;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v11 1s infinite ease-in-out}@keyframes sk-spinner-v11{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.spinner-v12{width:8em;height:8em;position:relative;text-align:center;animation:sk-spinner-v12 2s infinite linear}.sk-spinner-v12-dot1,.sk-spinner-v12-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0 !important;left:unset !important;bottom:unset !important;right:unset !important;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v12-1 2s infinite ease-in-out}.sk-spinner-v12-dot2{top:auto !important;bottom:0 !important;left:unset !important;right:unset !important;animation-delay:-1s}@keyframes sk-spinner-v12{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes sk-spinner-v12-1{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.spinner-v13{width:7em;height:7em}.spinner-v13 .sk-spinner-v13-cube{backface-visibility:hidden;background-color:var(--kup-spinner-color);float:left;height:33%;width:33%;position:relative !important;animation:sk-spinner-v13 1.3s infinite ease-in-out;outline:1px solid transparent}.spinner-v13 .sk-spinner-v13-cube1{animation-delay:0.2s}.spinner-v13 .sk-spinner-v13-cube2{animation-delay:0.3s}.spinner-v13 .sk-spinner-v13-cube3{animation-delay:0.4s}.spinner-v13 .sk-spinner-v13-cube4{animation-delay:0.1s}.spinner-v13 .sk-spinner-v13-cube5{animation-delay:0.2s}.spinner-v13 .sk-spinner-v13-cube6{animation-delay:0.3s}.spinner-v13 .sk-spinner-v13-cube7{animation-delay:0s}.spinner-v13 .sk-spinner-v13-cube8{animation-delay:0.1s}.spinner-v13 .sk-spinner-v13-cube9{animation-delay:0.2s}@keyframes sk-spinner-v13{0%,70%,100%{transform:scale3D(1, 1, 1)}35%{transform:scale3D(0, 0, 1)}}.spinner-v14{width:8em;height:8em;position:relative}.spinner-v14 .sk-spinner-v14-circle{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-v14 .sk-spinner-v14-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--kup-spinner-color);border-radius:100%;-webkit-animation:sk-spinner-v14-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-spinner-v14-circleFadeDelay 1.2s infinite ease-in-out both}.spinner-v14 .sk-spinner-v14-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner-v14 .sk-spinner-v14-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner-v14 .sk-spinner-v14-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner-v14 .sk-spinner-v14-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner-v14 .sk-spinner-v14-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner-v14 .sk-spinner-v14-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner-v14 .sk-spinner-v14-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner-v14 .sk-spinner-v14-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner-v14 .sk-spinner-v14-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner-v14 .sk-spinner-v14-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner-v14 .sk-spinner-v14-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.spinner-v14 .sk-spinner-v14-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner-v14 .sk-spinner-v14-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-v14 .sk-spinner-v14-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner-v14 .sk-spinner-v14-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.spinner-v14 .sk-spinner-v14-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.spinner-v14 .sk-spinner-v14-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.spinner-v14 .sk-spinner-v14-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.spinner-v14 .sk-spinner-v14-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.spinner-v14 .sk-spinner-v14-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.spinner-v14 .sk-spinner-v14-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.spinner-v14 .sk-spinner-v14-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@keyframes sk-spinner-v14-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}.spinner-bar-v1{height:1em;width:100%;position:absolute;overflow:hidden;transform:translatez(0)}.spinner-bar-v1:before{display:block;position:absolute;content:"";width:25%;height:1em;animation:sk-spinner-bar-v1 5s linear infinite;transform:translatez(0)}@keyframes sk-spinner-bar-v1{from{left:-25%;background:var(--kup-spinner-color);background:linear-gradient(to left, var(--kup-spinner-color) 0, rgba(255, 255, 255, 0) 100%)}50%{left:100%}to{left:-25%;background:var(--kup-spinner-color);background:linear-gradient(to right, var(--kup-spinner-color) 0, rgba(255, 255, 255, 0) 100%)}}.spinner-bar-v2{box-shadow:-1px 0px 2px 2px var(--kup-spinner-color);height:calc(1em - 2px);position:absolute;overflow:hidden;animation-timing-function:cubic-bezier(0.19, 0.78, 0.19, 0.78);transform:translatez(0);animation:none;width:100%}@keyframes sk-spinner-bar-v2{from{left:-100%}to{left:-1%}}:host(.kup-unclickable) #loading-wrapper-master{cursor:wait;pointer-events:all}';const Qc=Zc;const tu=class{constructor(i){t(this,i);this.kupSpinnerReady=e(this,"kup-spinner-ready",6);this.kupManager=a();this.active=false;this.barVariant=false;this.customStyle="";this.dimensions=null;this.fader=false;this.faderTimeout=3500;this.fullScreen=false;this.layout=1}async getProps(t){return l(this,Jc,t)}async refresh(){i(this)}async setProps(t){h(this,Jc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupSpinnerReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentDidUpdate(){const t=this.rootElement.shadowRoot;if(t){t.querySelector("#loading-wrapper-master").classList.remove("loading-wrapper-big-wait")}}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){if(this.fader){setTimeout((function(){t.querySelector("#loading-wrapper-master").classList.add("loading-wrapper-big-wait")}),this.faderTimeout)}}this.kupManager.debug.logRender(this,true)}render(){let t="";let e="";let i="";let o="";let a=undefined;if(this.barVariant){t+=" bar-version";e="loading-wrapper-master-bar";i="spinner-bar-v"+this.layout}else{t+=" spinner-version";e="loading-wrapper-master-spinner";i="spinner-v"+this.layout;if(this.layout===7){o=[s("div",{key:"319748b1e89ed9ca97753b731739501c831eedc7",class:"sk-spinner-v7-dot"}),s("div",{key:"e5a6989bd7271d98ba67804d9ebb6795d21fc83b",class:"sk-spinner-v7-dot"}),s("div",{key:"f68f6b9329f5cae26f86822ef042ca0d4d6655ff",class:"sk-spinner-v7-dot"}),s("div",{key:"8cae8a10801ebe54b7ee7073c11cfa386b238315",class:"sk-spinner-v7-dot"}),s("div",{key:"3f99a040afaf04bf5604c7e8d330283741061aab",class:"sk-spinner-v7-dot"}),s("div",{key:"a30ea5864ac810e89087fe818e3b747d92548dfe",class:"sk-spinner-v7-dot"})]}if(this.layout===9){o=[s("div",{key:"a67e65cdcb6a4f116b780aafce5ee9237851b5ec",class:"sk-spinner-v9-bounce1"}),s("div",{key:"df40c7cd01fcb634e90116e538fd69d25ff0904f",class:"sk-spinner-v9-bounce2"})]}if(this.layout===10){o=[s("div",{key:"272293caeb06ad0249ca81e13aa2e499da470c4e",class:"sk-spinner-v10-cube1"}),s("div",{key:"a3dab461bf324d6efe7b5e93c44f84fc9ae42b8e",class:"sk-spinner-v10-cube2"})]}if(this.layout===12){o=[s("div",{key:"e5f099e08b40f8761110dcb75b9581b881b675cd",class:"sk-spinner-v12-dot1"}),s("div",{key:"4662ce0cbf915710cc1ccec88258e9d7a53d1259",class:"sk-spinner-v12-dot2"})]}if(this.layout===13){o=[s("div",{key:"06e2b69e4e6c4ad6bd6ef2badc65e6439fdf5338",class:"sk-spinner-v13-cube sk-spinner-v13-cube1"}),s("div",{key:"ed5f65bc6f2b01e1336f718a64a996dd18b9662f",class:"sk-spinner-v13-cube sk-spinner-v13-cube2"}),s("div",{key:"1607009ed6abfb69f65ea45b9e226c607e4bbdd4",class:"sk-spinner-v13-cube sk-spinner-v13-cube3"}),s("div",{key:"57246423f90b72901b7757b3ec977bb8e6d2eb79",class:"sk-spinner-v13-cube sk-spinner-v13-cube4"}),s("div",{key:"edc1a08550d6a6b03aa16f43b5eedf172985482a",class:"sk-spinner-v13-cube sk-spinner-v13-cube5"}),s("div",{key:"b16472b5f045b46b6afdc73a0017df3f1e1cd9c8",class:"sk-spinner-v13-cube sk-spinner-v13-cube6"}),s("div",{key:"4500286f354714f3f4b7a47e0b1c7d4745657f33",class:"sk-spinner-v13-cube sk-spinner-v13-cube7"}),s("div",{key:"7db58743d8d1467f0b7ca80d909b9d4d3e3faf45",class:"sk-spinner-v13-cube sk-spinner-v13-cube8"}),s("div",{key:"35d8cf63ae232587895655b57cb129d090e4bff3",class:"sk-spinner-v13-cube sk-spinner-v13-cube9"})]}if(this.layout===14){o=[s("div",{key:"dd141c7e4f1fdb4fc6fa3d7089f8536444624035",class:"sk-spinner-v14-circle1 sk-spinner-v14-circle"}),s("div",{key:"c4d7de60dc0060c8b00d8b65a86665f25356bc4f",class:"sk-spinner-v14-circle2 sk-spinner-v14-circle"}),s("div",{key:"bae95b0d673831db4e29c7a8d0e35b51d9624beb",class:"sk-spinner-v14-circle3 sk-spinner-v14-circle"}),s("div",{key:"2c86c4bc9d624fb72adec1f81dd8a7c8eb060eb6",class:"sk-spinner-v14-circle4 sk-spinner-v14-circle"}),s("div",{key:"9d02363fc2017e91e7adacf8d2f962fd0c997e9a",class:"sk-spinner-v14-circle5 sk-spinner-v14-circle"}),s("div",{key:"a81b258e7c0a60af6a849a01aef4d09121eb6098",class:"sk-spinner-v14-circle6 sk-spinner-v14-circle"}),s("div",{key:"902a328174764556fece93001fca0dc298f49128",class:"sk-spinner-v14-circle7 sk-spinner-v14-circle"}),s("div",{key:"894373a35174127ddd30be87ea9b7d6b8f33bb66",class:"sk-spinner-v14-circle8 sk-spinner-v14-circle"}),s("div",{key:"ec0e4c7d9b4a60cf119e22e7078d9bb2368c7256",class:"sk-spinner-v14-circle9 sk-spinner-v14-circle"}),s("div",{key:"338890e7439a1e79564a22cd66966d6a43380459",class:"sk-spinner-v14-circle10 sk-spinner-v14-circle"}),s("div",{key:"150ced721abd08e0a7fc936fedf407f36324770b",class:"sk-spinner-v14-circle11 sk-spinner-v14-circle"}),s("div",{key:"b9a29bd00dbcbc7f6d9eff5f470c50863c8eebce",class:"sk-spinner-v14-circle12 sk-spinner-v14-circle"})]}}if(!this.fullScreen){a={height:"100%",width:"100%"}}if(this.dimensions){a=Object.assign(Object.assign({},a),{fontSize:this.dimensions})}else if(!this.barVariant){a=Object.assign(Object.assign({},a),{fontSize:"16px"})}else{a=Object.assign(Object.assign({},a),{fontSize:"3px"})}return s(n,{key:"adbcca1c8880afe2caa33ec08393ba7affbbcb18",style:a},s("style",{key:"cf79ff4fa4d59088ecbccd4ada6d74c5e350c3a8"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"620dc3a0ef88b1bef1ba51f3a7d33669838ec387",id:Ct,style:a},s("div",{key:"10335d681f979b5af2deb56efc65dab3bdeb042a",id:"loading-wrapper-master",class:t,style:a},s("div",{key:"d756e0a0921f5cefc3a0e151c41ff6a94cea9763",id:e,style:a},s("div",{key:"8c8d1a2e8ef8630eb7156741d806217544bd114f",class:i},o)))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets"]}get rootElement(){return o(this)}};tu.style=Qc;var eu;(function(t){t["checked"]="Defaults at false. When set to true, the component will be set to 'checked'.";t["customStyle"]="Custom style of the component.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["label"]="Defaults at null. When specified, its content will be shown as a label.";t["leadingLabel"]="Defaults at false. When set to true, the label will be on the left of the component."})(eu||(eu={}));const iu=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}";const su=iu;const nu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-switch-blur",6);this.kupChange=e(this,"kup-switch-change",6);this.kupFocus=e(this,"kup-switch-focus",6);this.kupManager=a();this.value="";this.checked=false;this.customStyle="";this.disabled=false;this.label=null;this.leadingLabel=false;this.sizing=_t.MEDIUM}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(){if(this.checked){this.checked=false;this.value="off"}else{this.checked=true;this.value="on"}this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}async getProps(t){return l(this,eu,t)}async refresh(){i(this)}async setProps(t){h(this,eu,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.checked){this.value="on"}else{this.value="off"}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){let t={checked:this.checked,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,info:this.rootElement.classList.contains("kup-info")?true:false,label:this.label,leadingLabel:this.leadingLabel,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,sizing:this.sizing,success:this.rootElement.classList.contains("kup-success")?true:false,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(n,{key:"5447820fb19f5a680dfcff7b3c99161260eb1231"},s("style",{key:"8ae94eb7a3e6b898f1411e964c82500ca504318a"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"92d0b8bd82c537ef4cfa0a59bdd904d93732fbe9",id:Ct},s(zt,Object.assign({key:"0659ccebffac77791cee6eb8c044c9cdce708c84"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};nu.style=su;var ou;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="List of elements.";t["ripple"]="When enabled displays Material's ripple effect on item headers.";t["toolbar"]="when true, it will show the toolbar activation icon"})(ou||(ou={}));const au=".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_tabindicator_border_bottom_color:var(\n    --kup-tab-indicator-border-bottom-color,\n    var(--kup-layer-2)\n  );--kup_tabindicator_border_bottom_color_active:var(\n    --kup-tabindicator-border-bottom-color-active,\n    var(--kup-border-interactive)\n  );--kup_tabbar_text_color:var(\n    --kup-tabbar-text-color,\n    var(--kup-text-secondary)\n  );--kup_tabbar_text_color_active:var(\n    --kup-tabbar-text-color-active,\n    var(--kup-text-primary)\n  );--kup_tabbar_border_color_dense:var(\n    --kup-tabbar-border-color-dense,\n    var(--kup-border-strong)\n  );--kup_tabbar_font_size:var(--kup-tabbar-font-size, var(--kup-font-size));--kup_tabbar_font_weight:var(--kup-tabbar-font-weight, 500);--kup_tabbar_height:var(--kup-tabbar-height, 36px);--kup_tabbar_tab_padding:var(\n    --kup-tabbar-tab-padding,\n    0 var(--kup-space-05)\n  );display:block;font-size:var(--kup_tabbar_font_size)}.tab-bar{width:100%}.tab-bar .tab-scroller{height:var(--kup_tabbar_height);overflow-y:hidden}.tab-bar .tab-scroller .tab-scroller__scroll-area{display:flex;overflow-x:hidden;overflow:auto}.tab-bar .tab-scroller .tab-scroller__scroll-area .tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform;gap:2px}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);position:relative;display:flex;box-sizing:border-box;gap:8px;margin:0px;border:none;flex:1 0;outline:2px solid transparent;outline-offset:-2px;background:none;text-align:left;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height)}.tab-bar .tab-scroller .tab:focus{outline:2px solid var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px;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}.tab-bar .tab-scroller .tab .tab__icon .f-image__icon{background:var(--kup_tabbar_text_color) !important}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab:hover .tab-indicator .tab-indicator__content--underline{--kup_tabindicator_border_bottom_color:var(--kup-border-strong)}.tab-bar .tab-scroller .tab.tab--active .tab__iconToolbar{opacity:0.3}.tab-bar .tab-scroller .tab.tab--active:hover .tab__iconToolbar:hover{opacity:1;background-color:var(--kup-gray-color-20-hover)}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__text-label{transition-delay:100ms;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.tab-bar .tab-scroller .tab[disabled]{--kup_tabindicator_border_bottom_color:var(--kup-border-disabled);--kup_tabbar_text_color:var(--kup-text-disabled);pointer-events:none}.tab-bar .tab-scroller .tab.kup-dense{background:var(--kup-layer-2);border-right:1px solid var(--kup_tabbar_border_color_dense)}.tab-bar .tab-scroller .tab.kup-dense.tab--active{background:var(--kup-layer-2-selected)}.tab-bar .tab-scroller .tab.kup-dense:hover{background:var(--kup-layer-2-hover)}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator{height:2px;border-color:transparent}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator--active .tab-indicator__content{border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab__content{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;height:inherit;pointer-events:none;gap:var(--kup-space-03)}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:16px;height:16px;font-size:16px;z-index:2;margin:0}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{height:16px;width:16px}.tab-bar .tab-scroller .tab__content .tab__text-label{transition:color 150ms linear 0s;display:inline-block;line-height:1;z-index:2;color:var(--kup_tabbar_text_color);min-width:auto}@media screen and (min-width: 678px){.tab-bar .tab-scroller .tab__content .tab__text-label{min-width:150px}}.tab-bar .tab-scroller .tab__iconToolbar{opacity:0}.tab-bar .tab-scroller .tab-indicator{display:flex;position:absolute;top:0px;left:0px;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.tab-bar .tab-scroller .tab-indicator.tab-indicator--active .tab-indicator__content{opacity:1;border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{transform-origin:left center}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content.tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid;border-top-width:2px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;color:var(--kup_tabindicator_border_bottom_color)}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_tabbar_primary_color)}";const ru=au;var lu=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var hu=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var cu,uu;const pu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-tabbar-blur",6);this.kupClick=e(this,"kup-tabbar-click",6);this.kupIconClick=e(this,"kup-tabbar-iconclick",6);this.kupFocus=e(this,"kup-tabbar-focus",6);this.kupItemClick=e(this,"kup-tabbar-itemclick",6);this.kupManager=a();cu.set(this,null);this.scrollArea=null;uu.set(this,null);this.value="";this.customStyle="";this.data=null;this.dense=false;this.ripple=false;this.toolbar=true;this.toolbarData=undefined}onKupBlur(t,e){this.kupBlur.emit({comp:this,id:this.rootElement.id,index:t,node:e})}onKupClick(t,e){for(let t=0;t<this.data.length;t++){this.data[t].active=false}this.data[t].active=true;this.value=e.id;this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,node:e})}onKupIconClick(t,e,i){lu(this,uu,i,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:e});this.createDropDownToolbarList()}onKupFocus(t,e){this.kupFocus.emit({comp:this,id:this.rootElement.id,index:t,node:e})}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}applyRipple(){const t=this.rootElement.shadowRoot;if(t&&this.ripple){const e=t.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(e){for(let t=0;t<e.length;t++){Et.attachTo(e[t])}}}}async getProps(t){return l(this,ou,t)}async getSelectedNode(){let t=null;this.data.forEach((e=>{if(e.id===this.value){t=e}}));return t}async refresh(){i(this)}async setProps(t){h(this,ou,t)}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(hu(this,cu,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;lu(this,cu,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(hu(this,cu,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,hu(this,uu,"f"),0,u.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}consistencyCheck(){let t=0;let e=0;if(this.data&&this.data.length>0){for(let i=0;i<this.data.length;i++){if(this.data[i].active){t++;e=i}this.data[i].active=false}if(t>1){this.data[e].active=true;this.value=this.data[e].id;this.kupManager.debug.logMessage(this,"Too many active tabs, forcing last one.",f.WARNING)}else if(t===0){this.data[0].active=true;this.value=this.data[0].id;this.kupManager.debug.logMessage(this,"No active tabs detected, forcing first one.")}else{this.data[e].active=true;this.value=this.data[e].id}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.consistencyCheck()}componentDidLoad(){this.kupManager.scrollOnHover.register(this.scrollArea);this.applyRipple();this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(!this.data||this.data.length===0){return}const t=[];for(let e=0;e<this.data.length;e++){const i=this.data[e];const n={tab:true,"tab--active":i.active?true:false,"mdc-ripple-surface":this.ripple?true:false,"kup-dense":this.dense};const o=s("f-button",{class:n,role:"tab","aria-selected":this.data[e].active?true:false,tabIndex:e,title:i.title?i.title:null,onBlur:()=>this.onKupBlur(e,i),onClick:()=>this.onKupClick(e,i),onFocus:()=>this.onKupFocus(e,i)},s("span",{class:"tab__content"},i.icon?s(jt,{color:`var(${p.PRIMARY})`,resource:i.icon,placeholderResource:i.placeholderIcon,sizeX:"24px",sizeY:"24px",wrapperClass:"tab__icon"}):null,i.value?s("span",{class:"tab__text-label"},this.data[e].value):null),this.toolbar&&s(jt,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:t=>{t.stopPropagation();this.onKupIconClick(e,i,t.currentTarget)},wrapperClass:"tab__iconToolbar"}),s("span",{class:`tab-indicator ${i.active?" tab-indicator--active":""}`},s("span",{class:"tab-indicator__content tab-indicator__content--underline"})));t.push(o)}return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct},s("div",{class:"tab-bar",role:"tablist"},s("div",{class:"tab-scroller"},s("div",{class:"tab-scroller__scroll-area",ref:t=>this.scrollArea=t},s("div",{class:"tab-scroller__scroll-content"},t))))))}disconnectedCallback(){this.kupManager.scrollOnHover.unregister(this.scrollArea);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{ripple:["applyRipple"]}}};cu=new WeakMap,uu=new WeakMap;pu.style=ru;var fu;(function(t){t["allowNegative"]="When true, could be input negative numbers. It has effect only with number input type.";t["customStyle"]="Custom style of the component.";t["decimals"]="Number of decimals (should be used when inputType is number).";t["disabled"]="When set to true, the component is disabled.";t["emitSubmitEventOnEnter"]="When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.";t["fullWidth"]="When set to true, the component will be rendered at full width.";t["group"]="When true, the number will be formatted with group separator. It has effect only with number input type.";t["helper"]="When set, its content will be shown as a help text below the field.";t["helperEnabled"]="When true, the helper will be displayed.";t["helperWhenFocused"]="When set, the helper will be shown only when the field is focused.";t["hiddenCounter"]="Hides the character counter.";t["icon"]="When set, the text-field will show this icon.";t["initialValue"]="Sets the initial value of the component";t["inputMode"]="The HTML inputmode of the input element. It has no effect on text areas.";t["inputType"]="The HTML type of the input element. It has no effect on text areas.";t["integers"]="Number of integers (should be used when inputType is number).";t["isClearable"]="Enables a clear trailing icon.";t["label"]="When set, its content will be shown as a label.";t["leadingLabel"]="When set to true, the label will be on the left of the component.";t["max"]="The HTML max attribute specifies the maximum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week.";t["maxLength"]="When set, the helper will display a character counter.";t["min"]="The HTML min attribute specifies the minimum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week.";t["name"]="The HTML name attribute used for form autocomplete.";t["outlined"]="When set to true, the component will be rendered as an outlined field.";t["readOnly"]="Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.";t["size"]="The HTML attribute size of the input element.";t["step"]="The HTML step of the input element. It has effect only with number input type.";t["textArea"]="When set to true, the component will be rendered as a textarea.";t["trailingIcon"]="When set, the icon will be shown after the text.";t["trailingLabel"]="When set to true, the label will be on the right of the component."})(fu||(fu={}));const du=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}:host([full-width]){width:100%}:host([full-width]) #kup-component{width:100%}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{width:28px}";const mu=du;var gu=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var bu,ku,yu;const vu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-textfield-blur",6);this.kupChange=e(this,"kup-textfield-change",6);this.kupClick=e(this,"kup-textfield-click",6);this.kupFocus=e(this,"kup-textfield-focus",6);this.kupInput=e(this,"kup-textfield-input",6);this.kupIconClick=e(this,"kup-textfield-iconclick",6);this.kupClearIconClick=e(this,"kup-textfield-cleariconclick",6);this.kupTextFieldSubmit=e(this,"kup-textfield-submit",6);this.kupMinusClick=e(this,"kup-textfield-minusclick",6);this.kupPlusClick=e(this,"kup-textfield-plusclick",6);bu.add(this);this.kupManager=a();this.value="";this.alert="";this.allowNegative=false;this.customStyle="";this.decimals=null;this.disabled=false;this.emitSubmitEventOnEnter=true;this.error="";this.fullWidth=false;this.group=false;this.helper=null;this.helperIcon=false;this.helperEnabled=true;this.helperWhenFocused=false;this.hiddenCounter=false;this.icon=null;this.initialValue="";this.inputMode=null;this.inputType="text";this.integers=null;this.isClearable=false;this.label=null;this.lightMode=false;this.leadingLabel=false;this.max=null;this.maxLength=null;this.min=null;this.name=null;this.outlined=false;this.placeholder="";this.quantityButtons=false;this.readOnly=false;this.size=null;this.sizing=r.MEDIUM;this.step=null;this.textArea=false;this.trailingIcon=false;this.trailingLabel=false}onKupBlur(t){const{target:e}=t;gu(this,bu,"m",yu).call(this,e);this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(t){const{target:e}=t;gu(this,bu,"m",yu).call(this,e);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupClick(t){const{target:e}=t;gu(this,bu,"m",yu).call(this,e);this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(t){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){const{target:e}=t;this.kupInput.emit({comp:this,id:this.rootElement.id,value:e.value})}onKupIconClick(t){const{target:e}=t;this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:e.value})}onKupClearIconClick(){this.value="";this.inputEl.value="";this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKeyDown(t){const{target:e}=t;if(t.key==="Enter"){if(this.emitSubmitEventOnEnter==true){gu(this,bu,"m",yu).call(this,e);this.kupTextFieldSubmit.emit({comp:this,id:this.rootElement.id,value:this.value})}}}onKupMinusClick(t){const e=Number(this.value)-1;this.value=e.toString();this.kupMinusClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupPlusClick(t){const e=Number(this.value)+1;this.value=e.toString();this.kupMinusClick.emit({comp:this,id:this.rootElement.id,value:this.value})}async getProps(t){return l(this,fu,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){this.inputEl.focus()}async setProps(t){h(this,fu,t)}async setValue(t,e=false){this.value=t;if(e){this.inputEl.value=t}else{try{this.inputEl.value=gu(this,bu,"m",ku).call(this)}catch(e){this.kupManager.debug.logMessage(this,"Couldn't set value on input element: '"+t+"'",f.WARNING)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){const t=e.querySelector(".mdc-text-field__input");if(t){this.inputEl=t}mt(e)}}this.kupManager.debug.logRender(this,true)}render(){const t={alert:this.alert,allowNegative:this.allowNegative,danger:this.rootElement.classList.contains("kup-danger")?true:false,decimals:this.decimals,disabled:this.disabled,error:this.error,fullHeight:this.rootElement.classList.contains("kup-full-height")?true:false,fullWidth:this.fullWidth,group:this.group,helper:this.helper,helperIcon:this.helperIcon,helperEnabled:this.helperEnabled,helperWhenFocused:this.helperWhenFocused,hiddenCounter:this.hiddenCounter,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,inputMode:this.inputMode,inputType:this.inputType,integers:this.integers,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,lightMode:this.lightMode,max:this.max,maxLength:this.maxLength,min:this.min,name:this.name,outlined:this.outlined,placeholder:this.placeholder,quantityButtons:this.quantityButtons,readOnly:this.readOnly,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,shaped:this.rootElement.classList.contains("kup-shaped")?true:false,size:this.size,sizing:this.sizing,step:this.step,success:this.rootElement.classList.contains("kup-success")?true:false,textArea:this.textArea,trailingIcon:this.trailingIcon,trailingLabel:this.trailingLabel,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:t=>this.onKupBlur(t),onChange:t=>this.onKupChange(t),onClick:t=>this.onKupClick(t),onFocus:t=>this.onKupFocus(t),onInput:t=>this.onKupInput(t),onKeyDown:t=>this.onKeyDown(t),onIconClick:t=>this.onKupIconClick(t),onClearIconClick:()=>this.onKupClearIconClick(),onMinusClick:t=>this.onKupMinusClick(t),onPlusClick:t=>this.onKupPlusClick(t)};return s(n,{key:"ef9922ac8e5f601b389f3418f7c32a87d10c5eea"},s("style",{key:"0d23aa236957344049705f13349c06d2b1266c58"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"0b39593b79cc457eb5e84c785c763aa7de26afff",id:Ct},s(dt,Object.assign({key:"6f6ffefda3a601a8207509caea016d90a1a1d286"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};bu=new WeakSet,ku=function t(){if(this.value==null||this.value.trim()==""){return""}let e=this.kupManager.math.numberStringToFormattedString(this.value,this.decimals,"");return e},yu=function t(e){if(this.inputType=="number"){this.value=this.kupManager.math.formattedStringToNumberString(e.value,"")}else{this.value=e.value}};vu.style=mu;var xu;(function(t){t["clockVariant"]="When set to true, the drop down menu will display a clock.";t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components (time input text field)";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["manageSeconds"]="Manage seconds";t["timeMinutesStep"]="Minutes step"})(xu||(xu={}));const wu=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}#time-picker-div{display:none;outline:none;position:absolute;z-index:1}#time-picker-div.visible{display:block}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb);--kup-list-primary-color:var(--kup-danger-color);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb);--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb);--kup-list-primary-color:var(--kup-success-color);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb);--kup-list-primary-color:var(--kup-warning-color-50);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";const _u=wu;const zu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-timepicker-blur",6);this.kupChange=e(this,"kup-timepicker-change",6);this.kupClick=e(this,"kup-timepicker-click",6);this.kupFocus=e(this,"kup-timepicker-focus",6);this.kupInput=e(this,"kup-timepicker-input",6);this.kupIconClick=e(this,"kup-timepicker-iconclick",6);this.kupItemClick=e(this,"kup-timepicker-itemclick",6);this.kupTextFieldSubmit=e(this,"kup-timepicker-textfieldsubmit",6);this.kupClearIconClick=e(this,"kup-timepicker-cleariconclick",6);this.kupManager=a();this.hoursActive=true;this.minutesActive=false;this.secondsActive=false;this.textFieldContainerEl=undefined;this.textfieldEl=undefined;this.pickerKupEl=undefined;this.clickCb=null;this.value="";this.clockVariant=true;this.customStyle="";this.data={};this.disabled=false;this.initialValue="";this.manageSeconds=false;this.timeMinutesStep=10}onKupTimePickerItemClick(t,e){if(t!=null){if(e==null){e=t.detail.selected.id}}this.setPickerValueSelected(e);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.closePicker();this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput)}onKupTextFieldSubmit(t){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.onKupTimePickerItemClick(null)}}}watchTimeMinutesStep(){if(this.clockVariant){return}if(this.timeMinutesStep<=0){this.kupManager.debug.logMessage(this,"property time-minutes-step=["+this.timeMinutesStep+"] not allowed: it must be > 0 and divisor of 60",f.WARNING);this.timeMinutesStep=10;return}let t=60%this.timeMinutesStep;if(t!=0){this.kupManager.debug.logMessage(this,"property time-minutes-step=["+this.timeMinutesStep+"] not allowed: it must be > 0 and divisor of 60",f.WARNING);this.timeMinutesStep=10;return}}async getProps(t){return l(this,xu,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setProps(t){h(this,xu,t)}async setValue(t){this.value=t}getFormattedValue(t){return this.kupManager.dates.formattedStringToCustomDateTime(t,this.manageSeconds?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds)}refreshPickerValue(t,e){let i=null;if(this.kupManager.dates.isValidFormattedStringTime(t,this.manageSeconds)){this.value=t;i=this.value}if(i!=null){e.emit({comp:this,id:this.rootElement.id,value:i})}}setPickerValueSelected(t){if(!this.isPickerOpened()){return}if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.value=t}getPickerValueSelected(){return this.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.pickerKupEl.style;t.height="auto";t.minWidth=this.textFieldContainerEl.clientWidth+"px";this.pickerKupEl.menuVisible=true;if(this.textfieldEl!=null){this.textfieldEl.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerKupEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerKupEl,this.textFieldContainerEl)}else{this.kupManager.dynamicPosition.register(this.pickerKupEl,this.textFieldContainerEl,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerKupEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerKupEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.pickerKupEl.menuVisible=false;this.kupManager.removeClickCallback(this.clickCb);let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerKupEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerKupEl);this.kupManager.removeClickCallback(this.clickCb)}isPickerOpened(){return this.pickerKupEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}getPickerElId(){return this.pickerKupEl.id}prepTextfield(t){const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const n=Object.assign({},this.data["kup-text-field"]);if(!n.icon){n.icon="access_time"}if(n.icon){n.trailingIcon=true}let o=s(dt,Object.assign({},n,{disabled:this.disabled,fullHeight:e,fullWidth:i,id:this.rootElement.id+"_text-field",value:t,onChange:t=>this.onKupChange(t),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onInput:t=>this.onKupInput(t),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onKupTextFieldSubmit(t),onClearIconClick:()=>this.onKupClearIconClick()}),this.prepTimePicker());return o}isRelatedTargetInThisComponent(t){if(!t.relatedTarget){return false}let e=t.relatedTarget.id;if(e==null||e.trim()==""){return false}if(e==this.getTextFieldId()){return true}if(e==this.getPickerElId()){return true}let i="#time-picker-div#confirm#";return i.indexOf("#"+e+"#")>=0}prepTimePicker(){if(this.clockVariant){const t={options:{initialValue:this.value,manageSeconds:this.manageSeconds,hoursActive:this.hoursActive,minutesActive:this.minutesActive,secondsActive:this.secondsActive}};return s("kup-card",{ref:t=>this.pickerKupEl=t,data:t,layoutFamily:j.BUILT_IN,layoutNumber:2,sizeX:"300px",sizeY:"450px",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null&&t.detail.value!="")this.onKupTimePickerItemClick(t,t.detail.value)}})}else{return s("kup-list",{ref:t=>this.pickerKupEl=t,data:this.createTimeListData(this.value),"is-menu":true,"onkup-list-click":t=>this.onKupTimePickerItemClick(t,t.detail.selected.id),id:this.rootElement.id+"_list"})}}createTimeListData(t){const e=new Date;const i=[];const s=24*60;const n=s/this.timeMinutesStep;let o;if(t==null||t.trim()==""){o=new Date}else{o=this.kupManager.dates.toDate(t,this.manageSeconds?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS)}e.setHours(0,0,0);for(let t=0;t<n;t++){let t=false;if(e.getHours()==o.getHours()&&e.getMinutes()==o.getMinutes()){t=true}const s=this.kupManager.dates.formatTime(e,this.manageSeconds);const n=this.kupManager.dates.formattedStringToCustomDateTime(s,this.manageSeconds?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds);let a={id:n,selected:t,value:s};i[i.length]=a;e.setMinutes(e.getMinutes()+this.timeMinutesStep)}return i}getTimeForOutput(){if(this.value==null||this.value.trim()==""){return""}let t=this.kupManager.dates.timeStringToFormattedString(this.value,this.manageSeconds);return t}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.watchTimeMinutesStep();this.value=this.initialValue;if(!this.data){this.data={"kup-list":{},"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){this.textFieldContainerEl=e;this.textfieldEl=e.querySelector("input");mt(e)}}this.kupManager.debug.logRender(this,true)}render(){return s(n,{key:"f87fdf8f8638f7f75dd5bc5f3cc67acddf30972e"},s("style",{key:"6d393b2ab39ec255e7aeea9074e527fce3b043a2"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"b7c5706e2894f218bcb27f5fb63be94ce9a4094c",id:Ct},this.prepTextfield(this.getTimeForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerKupEl){this.pickerKupEl.remove()}}get rootElement(){return o(this)}static get watchers(){return{timeMinutesStep:["watchTimeMinutesStep"]}}};zu.style=_u;class Cu{constructor(){this.density="small";this.globalFilter=false;this.globalFilterValue="";this.showFilters=false;this.showFooter=false;this.filters={};this.load=false}toDebugString(){return"tree state"}}function ju(t){var e;return(((e=t.children)===null||e===void 0?void 0:e.length)>0||t.expandable)&&t.expandable!==false}class Wu extends Ft{filterRows(t=[],e={},i="",s=[],n){if(!t||t==null){return[]}const o=!!(i&&s);if(!o&&!this.hasFilters(e,s,n)){this.setAllVisible(t);return t}for(let a=0;a<t.length;a++){if(this.setNodeVisibility(t[a],e,i,o,s,n));}return t}isNodeCompliant(t,e={},i="",s=false,n=[],o){let a=false;if(t.cells!=null){let r=t.cells;r[Ut]={obj:t.obj,value:t.value};a=this.areCellsCompliant(r,e,i,s,n,o)}if(s==true){a=this.isFilterCompliantForValue(t.value,i)}return a}setNodeVisibility(t,e={},i,s=false,n=[],o){if(o==null){o=new Lt}let a=this.isNodeCompliant(t,e,i,s,n,o);if(t.disabled!=true&&t.expandable==true){if(a==true&&s){this.setAllVisible(t.children)}else{if(t.children){for(let r=0;r<t.children.length;r++){if(this.setNodeVisibility(t.children[r],e,i,s,n,o)){this.expandCollapseNode(t,true);a=true}}}}}t.visible=a;return a}setAllVisible(t){if(t){t.forEach((t=>{t.visible=true;this.setAllVisible(t.children)}))}}extractColumnValues(t,e,i,s){if(t==null||t.length==0){return}t.forEach((t=>{let n=t.cells;n[Ut]={obj:t.obj,value:t.value};if(t.visible){pt(i,e,n[e.name],s);this.extractColumnValues(t.children,e,i,s)}}));return i}expandCollapseNode(t,e=false){if(ju(t)){t.isExpanded=t.hasOwnProperty("isExpanded")?t.isExpanded||e:e}}expandCollapseAllNodes(t,e=false){if(ju(t)&&!t.disabled){this.expandCollapseNode(t,e);if(t.children&&t.children.length){for(let i=0;i<t.children.length;i++){this.expandCollapseAllNodes(t.children[i],e)}}}}}const $u=".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_tree_header_background_color:var(\n    --kup-tree-header-background-color,\n    var(--kup-layer-2)\n  );--kup_tree_body_background_color:var(\n    --kup-tree-body-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_body_background_color_hover:var(\n    --kup-tree-body-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_border_color:var(\n    --kup-tree-border-color,\n    var(--kup-border-subtle)\n  );--kup_tree_tr_outline_color:var(\n    --kup-tree-tr-outline-color,\n    var(--kup-border-interactive)\n  );--kup_tree_tr_background_color_hover:var(\n    --kup-tree-tr-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_tr_background_color_focus:var(\n    --kup-tree-tr-background-color-focus,\n    var(--kup-layer-1-selected)\n  );--kup_tree_text_color:var(--kup-tree-text-color, var(--kup-text-secondary));--kup_tree_header_text_color:var(\n    --kup-tree-header-text-color,\n    var(--kup-text-primary)\n  );--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_filter_background_color:var(\n    --kup-tree-filter-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_text_hover_color:var(\n    --kup-tree-text-hover-color,\n    var(--kup-text-primary)\n  );--kup-icon-color:var(--kup-tree-icon-color, var(--kup-text-secondary));display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_text_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 1.8em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 1.8em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:100%}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group;background-color:var(--kup_tree_header_background_color)}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead.header--is-visible th span{color:var(--kup_tree_header_text_color);font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tbody{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tbody tr.kup-tree__node.kup-tree__node--first td .cell-content{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}.wrapper .kup-tree tfoot{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.2em;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}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em var(--kup-space-03)}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.8em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:16px;min-width:16px;width:16px}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_text_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_tr_background_color_hover);color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:var(--kup_tree_tr_background_color_focus)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup_tree_border_color);border-left:2px solid transparent;box-sizing:content-box}#global-filter{background:var(--kup_tree_filter_background_color);position:sticky;top:0;z-index:1}#global-filter kup-text-field .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_text_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}.grid-cell .f-cell .f-cell__content{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}tfoot td{border-bottom:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup_tree_body_background_color_hover)}tfoot td:first-of-type{border:none;border-right:solid 1px var(--kup_tree_border_color)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_text_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color)}:host([as-accordion]) .wrapper .kup-tree thead tr th span{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_tr_background_color_hover)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;box-sizing:border-box;color:var(--kup_tree_text_color);cursor:pointer;display:flex;line-height:1.75em;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:0.5em;min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:1px solid var(--kup_tree_border_color)}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(kup_tree_text_color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";const Ou=$u;var Du=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var Mu;const Tu=class{constructor(i){t(this,i);this.kupTreeNodeCollapse=e(this,"kup-tree-nodecollapse",6);this.kupTreeNodeExpand=e(this,"kup-tree-nodeexpand",6);this.kupTreeNodeSelected=e(this,"kup-tree-nodeselected",6);this.kupTreeNodeButtonClick=e(this,"kup-tree-buttonclick",6);this.kupTreeContextMenu=e(this,"kup-tree-contextmenu",6);this.kupTreeColumnMenu=e(this,"kup-tree-columnmenu",6);this.kupDidLoad=e(this,"kup-tree-didload",6);this.kupDidUnload=e(this,"kup-tree-didunload",6);this.kupTreeNodeDblClick=e(this,"kup-tree-nodedblclick",6);this.kupTreeDynamicMassExpansion=e(this,"kup-tree-dynamicmassexpansion",6);this.kupColumnRemove=e(this,"kup-tree-columnremove",6);this.state=new Cu;Mu.set(this,a());this.columnMenuCard=null;this.clickTimeout=[];this.sizedColumns=undefined;this.filtersColumnMenuInstance=new Lt;this.filtersTreeItemsInstance=new Wu;this.totalMenuCoords=null;this.contentRefs=[];this.oldWidth=null;this.hold=false;this.interactableTouch=[];this.clickCb=null;this.treeColumnVisible=true;this.openedTotalMenu=null;this.columnMenuAnchor=null;this.stateSwitcher=false;this.selectedNode=[];this.asAccordion=false;this.columns=undefined;this.customStyle="";this.data=[];this.density=m.MEDIUM;this.dynamicExpansionCallback=undefined;this.editableData=false;this.enableExtraColumns=true;this.expanded=false;this.expansionMode=qt.DROPDOWN;this.filters={};this.globalFilter=false;this.globalFilterValue="";this.globalFilterMode=ft.SIMPLE;this.preventXScroll=false;this.removableColumns=true;this.ripple=true;this.scrollOnHover=false;this.showColumns=false;this.showFilters=true;this.showFooter=false;this.showHeader=false;this.showIcons=true;this.stateId="";this.store=undefined;this.useDynamicExpansion=false;this.totals=undefined}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){this.density=t.density;this.showFilters=t.showFilters;this.showFooter=t.showFooter;this.globalFilter=t.globalFilter;this.globalFilterValue=t.globalFilterValue;this.filters=Object.assign({},t.filters);this.totals=Object.assign({},t.totals)}}}persistState(){if(this.store&&this.stateId){let t=false;if(!Du(this,Mu,"f").objects.deepEqual(this.state.filters,this.filters)){this.state.filters=Object.assign({},this.filters);t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.density,this.density)){this.state.density=this.density;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.showFilters,this.showFilters)){this.state.showFilters=this.showFilters;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.showFooter,this.showFooter)){this.state.showFooter=this.showFooter;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.totals,this.totals)){this.state.totals=Object.assign({},this.totals);t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.globalFilter,this.globalFilter)){this.state.globalFilter=this.globalFilter;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!this.state.load){this.state.load=true;return}if(t){this.store.persistState(this.stateId,this.state)}}}async getSelectedNode(){return this.selectedNode}async setSelectedNode(t,e){this.selectedNode=t.split(",").map((t=>parseInt(t)));if(e!==false){this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:this.selectedNode,treeNode:this.getTreeNode(this.selectedNode),columnName:null})}}enrichDataWhenChanged(t,e){if(!t){t=[]}if(t!==e){this.refreshStructureState()}}enrichStructureStateWhenChanged(t,e){if(t!==e){this.refreshStructureState()}}async isEmpty(){return this.visibleNodes==0}async closeColumnMenu(){this.columnMenuAnchor=null;if(this.columnMenuCard){this.columnMenuCard.data=null}this.columnMenuInstance.close(this.columnMenuCard);this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:false})}async collapseAll(){if(!this.useDynamicExpansion){for(let t=0;t<this.data.length;t++){this.data[t].isExpanded=false;this.handleChildren(this.data[t],false)}}else{this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:false})}this.refresh()}async expandAll(){if(!this.useDynamicExpansion){for(let t=0;t<this.data.length;t++){this.data[t].isExpanded=true;this.handleChildren(this.data[t],true)}}else{this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:true})}this.refresh()}async setExpansionByDepth(t){const e=(t,i,s,n)=>{const o=n<s;t.isExpanded=o;for(let o=0;t.children&&o<t.children.length;o++){const a=t.children[o];e(a,i,s,n+1)}};const i=()=>{let t=0;const e=(i,s)=>{var n;if((n=i.children)===null||n===void 0?void 0:n.length){if(i.isExpanded){t=Math.max(t,s+1)}for(let t=0;t<i.children.length;t++){const n=i.children[t];e(n,s+1)}}};for(let t=0;t<this.data.length;t++){const i=this.data[t];e(i,0)}return t};let s=i()+t;if(!this.useDynamicExpansion){for(let t=0;t<this.data.length;t++){const i=this.data[t];e(i,false,s,0)}}else{this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:false})}this.refresh()}async getProps(t){return l(this,Jt,t)}async hideColumn(t){Du(this,Mu,"f").data.column.hide(this.columns,[t.name]);this.kupColumnRemove.emit({comp:this,id:this.rootElement.id,column:t});this.refresh()}async openColumnMenu(t){this.columnMenuAnchor=t;if(!this.columnMenuCard){this.columnMenuCard=document.createElement("kup-card");this.columnMenuCard.isMenu=true;this.columnMenuCard.layoutNumber=12;this.columnMenuCard.sizeX="auto";this.columnMenuCard.sizeY="auto";this.columnMenuCard.addEventListener("kup-card-click",(t=>{this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:t,open:this.columnMenuCard.menuVisible})}));this.columnMenuCard.addEventListener("kup-card-event",(t=>{this.columnMenuInstance.eventHandlers(t,this);this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:t,open:this.columnMenuCard.menuVisible})}))}this.columnMenuCard.setAttribute("data-column",t);this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),t));this.columnMenuInstance.open(this,t);this.columnMenuInstance.reposition(this,this.columnMenuCard);this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:true})}async refresh(){i(this)}async resizeCallback(){if(this.rootElement.clientWidth!==this.oldWidth){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>this.refresh()),300)}}async setProps(t){h(this,Jt,t)}setTreeColumnVisibility(t){this.treeColumnVisible=t}isTreeColumnVisible(){return this.treeColumnVisible}checkScrollOnHover(){if(!Du(this,Mu,"f").scrollOnHover.isRegistered(this.treeWrapperRef)){if(this.scrollOnHover){Du(this,Mu,"f").scrollOnHover.register(this.treeWrapperRef)}}else{if(!this.scrollOnHover){Du(this,Mu,"f").scrollOnHover.unregister(this.treeWrapperRef)}}}onKupTreeNodeDblClick(t,e){for(let t=0;t<this.clickTimeout.length;t++){clearTimeout(this.clickTimeout[t]);Du(this,Mu,"f").debug.logMessage(this,"Cleared hdlTreeNodeClick timeout("+this.clickTimeout[t]+").")}this.clickTimeout=[];this.kupTreeNodeDblClick.emit({comp:this,id:this.rootElement.id,treeNodePath:e.split(",").map((t=>parseInt(t))),treeNode:t})}nodesToRows(){function t(i){for(let s=0;s<i.children.length;s++){const n=i.children[s];e.push({cells:i.children[s].cells});if(n.children){t(n)}}}let e=[];for(let i=0;i<this.data.length;i++){const s=this.data[i];e.push({cells:this.data[i].cells});if(s.children){t(this.data[i])}}return e}setDynPosElements(){if(this.columnMenuCard&&this.columnMenuCard.data){this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),this.columnMenuAnchor),this.columnMenuCard.data)}}expandCollapseNode(t,e=false){this.filtersTreeItemsInstance.expandCollapseNode(t,e)}expandCollapseAllNodes(t,e=false){this.filtersTreeItemsInstance.expandCollapseAllNodes(t,e)}getColumns(){return this.columns?this.columns:[{title:"",name:""}]}getSizedColumns(){let t=this.getColumns();let e=[];for(let i=0;i<t.length;i++){if(t[i].size!==null&&t[i].size!==undefined&&t[i].size!==""){e.push(t[i])}}if(e.length>0){return e}else{return undefined}}getVisibleColumns(){return this.getColumns().filter((t=>t.hasOwnProperty("visible")?t.visible:true))}getHeadingColumns(){const t={name:Ut,title:""};const e=this.getVisibleColumns();return[t,...e]}launchNodeEvent(t,e){if(t&&t.length>0){if(t[0]!=-1){var i=e.children[t[0]];if(!i){i=e}if(t.length>1){t=t.slice(1);this.launchNodeEvent(t,i)}else{this.hdlTreeNodeClick(null,i,this.selectedNodeToString(this.selectedNode))}}}}openTotalMenu(t){this.openedTotalMenu=t.name}onTotalMenuOpen(t){this.closeTotalMenu();this.openTotalMenu(t)}getEventDetails(t,e){let i,s,n,o,a,r,l;if(t){for(let e=t.length-1;e>=0;e--){let h=t[e];if(!h.tagName){continue}switch(h.tagName.toUpperCase()){case"THEAD":{i=true;break}case"TBODY":{s=true;break}case"TFOOT":{n=true;break}case"TD":{o=h;break}case"TH":{a=h;break}case"TR":{r=h;break}default:{if(h.classList.contains(c.FILTER_REMOVE.replace("--",""))){l=h}break}}}}let h=null,u=null,p=null;if(s){if(o){h=o["data-cell"]}if(r){p=r["data-row"]}}if(i||s||n){const t=o?o.dataset.column:a?a.dataset.column:null;if(t){u=O(this.getColumns(),t)}}return{area:i?"header":s?"body":n?"footer":null,cell:h?h:null,column:u?u:null,filterRemove:l?l:null,originalEvent:e,row:p?p:null,td:o?o:null,th:a?a:null,tr:r?r:null}}contextMenuHandler(t){t.preventDefault();const e=this.getEventDetails(Du(this,Mu,"f").getEventPath(t.target,this.rootElement),t);if(e.area==="header"){if(e.th&&e.column){this.openColumnMenu(e.column.name);return e}}else if(e.area==="footer"){if(e.td&&e.column){this.totalMenuCoords={x:t.clientX,y:t.clientY};this.onTotalMenuOpen(e.column);return e}}return e}hdlTreeNodeClick(t,e,i){if(this.expansionMode.toLowerCase()===qt.DROPDOWN||this.expansionMode.toLowerCase()===qt.NODE&&!ju(e)){const s=t?Du(this,Mu,"f").getEventPath(t.target,this.rootElement).find((t=>{if(t.tagName==="TD")return t})):null;if(e&&!e.disabled){this.selectedNode=i.split(",").map((t=>parseInt(t)));this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:this.selectedNode,treeNode:e,columnName:s?s.dataset.column:null})}}if(this.expansionMode.toLowerCase()===qt.NODE){this.hdlTreeNodeExpanderClick(e,i,t?t.ctrlKey:false)}}hdlTreeNodeExpanderClick(t,e,i){if(ju(t)){const s=e.split(",").map((t=>parseInt(t)));if(t.children&&t.children.length){t.isExpanded=!t.isExpanded;if(i){this.handleChildren(t,t.isExpanded)}this.refresh();if(t.isExpanded){this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t,usesDynamicExpansion:this.useDynamicExpansion})}else{this.kupTreeNodeCollapse.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t})}}else if(this.useDynamicExpansion){if(i){this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t})}if(this.dynamicExpansionCallback){this.dynamicExpansionCallback(t,s).then((e=>{t.children=e;t.isExpanded=!t.isExpanded;this.refresh();this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t,usesDynamicExpansion:true})})).catch((e=>{console.error("KupTree: An error occurred when trying to fetch dynamicExpansion nodes data",e,t)}))}else{this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNode:t,treeNodePath:s,usesDynamicExpansion:true,dynamicExpansionRequireChildren:true});t.isExpanded=!t.isExpanded}}}}hasTotals(){return this.totals&&Object.keys(this.totals).length>0}handleChildren(t,e){for(let i=0;i<t.children.length;i++){let s=t.children[i];if(!s.disabled){s.isExpanded=e;if(s.children){this.handleChildren(s,e)}}}}selectedNodeToString(t){let e="";if(t&&t.length){e=t[0].toString();for(let i=1;i<t.length;i++){e+=`,${t[i]}`}}return e}getFilterValueForTooltip(t){return this.filtersColumnMenuInstance.getFilterValueForTooltip(this.filters,t)}getTreeNode(t){if(!t||t.length==0){return null}let e=this.data;let i=null;for(let s=0;s<t.length;s++){if(i){e=i.children}const n=t[s];i=e[n]}return i}onRemoveFilter(t){const e=Object.assign({},this.filters);this.filtersColumnMenuInstance.removeFilter(e,t.name);this.filters=e}onGlobalFilterChange({detail:t}){let e="";if(t&&t.value){e=t.value}this.globalFilterValue=e}getColumnValues(t){return this.filtersTreeItemsInstance.getColumnValues(this,t,this.globalFilterValue,this.filtersColumnMenuInstance)}getRows(){return this.data?this.data:[]}filterNodes(){let t=this.filtersTreeItemsInstance.filterRows(this.getRows(),this.filters,this.globalFilterValue,this.getColumns(),this.filtersColumnMenuInstance);this.visibleNodes=this.calculateVisibleNodes(t)}calculateVisibleNodes(t){let e=0;if(t){t.forEach((t=>{if(t.visible){e++}e+=this.calculateVisibleNodes(t.children)}))}return e}refreshStructureState(){if(this.data){if(this.data.columns){Du(this,Mu,"f").debug.logMessage(this,"Detected KupDataDataset: setting up tree as grid.",f.WARNING);const t=this.data;this.columns=t.columns;this.data=Du(this,Mu,"f").data.row.toNode(t);this.showColumns=true;this.showHeader=true}this.data.forEach((t=>{this.expandCollapseAllNodes(t,this.expanded&&!this.useDynamicExpansion)}));this.selectedNode=[]}}getCellStyle(t,e){if(this.sizedColumns){let i="";for(let e=0;e<this.sizedColumns.length;e++){if(t===this.sizedColumns[e].name){i=this.sizedColumns[e].size;break}}if(i){if(!e){e={}}e["max-width"]=i;e["min-width"]=i;e["width"]=i;e["overflow"]="hidden"}}return e}renderHeader(){return this.getHeadingColumns().map((t=>{if(!this.isTreeColumnVisible()&&t.name===Ut)return;let e=null;if(this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters,t)){const i=Du(this,Mu,"f").language.translate(g.REMOVE_FILTERS)+`: '${this.getFilterValueForTooltip(t)}'`;e=s("span",{title:i,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`,onClick:e=>{e.stopPropagation();this.onRemoveFilter(t)}})}return s("th",{"data-column":t.name,style:this.getCellStyle(t.name,null)},s("span",{class:"column-title"},t.title),e)}))}renderHighlightedContent(t,e,i){let n=[];if(e&&t){let o=t;let a=o.toLowerCase().indexOf(e.toLowerCase());while(a>-1){n.push(o.substring(0,a));n.push(s("span",{class:i+"--highlighted"},o.substring(a,a+e.length)));o=o.substring(a+e.length,o.length);a=o.toLowerCase().indexOf(e.toLowerCase())}if(a<o.length){n.push(o.substring(a,o.length))}}else{n.push(t)}return s("span",{class:i,ref:t=>this.contentRefs.push(t),title:this.preventXScroll?t:null},n)}renderTreeNode(t,e,i=0){let n=i?s("span",{class:"kup-tree__indent",style:{["--kup_tree_node_depth"]:this.asAccordion?(i-1).toString():i.toString()}}):null;const o=!!(ju(t)&&(t.children&&t.children.length||this.useDynamicExpansion));let a="expand-icon kup-tree__icon kup-tree__node__expander";if(o){a+=" kup-icon";if(this.asAccordion&&i===0){a+=` ${c.DROPDOWN.replace("--","")}`}else if(t.isExpanded){a+=` ${c.EXPANDED.replace("--","")}`}else{a+=` ${c.COLLAPSED.replace("--","")}`}}let r=s("span",{title:Du(this,Mu,"f").language.translate(g.EXPAND)+"/"+Du(this,Mu,"f").language.translate(g.COLLAPSE)+" (CTRL + Click)",class:a,onClick:this.expansionMode.toLowerCase()===qt.DROPDOWN&&!t.disabled?i=>{i.stopPropagation();this.hdlTreeNodeExpanderClick(t,e,i.ctrlKey)}:null});let l=null;if(this.showIcons){if(t.icon){if(t.icon===""){l=s("span",{class:"kup-tree__icon"})}else{l=s(jt,{color:t.iconColor,placeholderResource:t.placeholderIcon,resource:t.icon,wrapperClass:"kup-tree__icon"})}}else{l=null}}let h={};if(t.hasOwnProperty("isExpanded")&&t.isExpanded&&o){h["data-is-expanded"]=t.isExpanded}if(!t.disabled){h["onClick"]=i=>{const s={};for(const t in i){s[t]=i[t]}this.clickTimeout.push(setTimeout((()=>this.hdlTreeNodeClick(s,t,e)),300))}}let u=null;let p=this.getVisibleColumns();if(this.showColumns&&p&&p.length){u=[];for(let e=0;e<p.length;e++){const i=p[e];if(t.cells&&t.cells[i.name]){const e=t.cells[i.name]?t.cells[i.name]:null;const n={cell:e,column:i,component:this,density:this.density,editable:this.editableData,renderKup:true,row:t,setSizes:true};u.push(s("td",{class:`grid-cell`,"data-cell":e,"data-column":i.name},s(bt,Object.assign({},n))))}else{u.push(s("td",{class:`grid-cell`}))}}}let f=undefined;if(!Du(this,Mu,"f").objects.isEmptyKupObj(t.obj)&&Du(this,Mu,"f").debug.isDebug()){f=t.obj.t+"; "+t.obj.p+"; "+t.obj.k+";"}let d=null;if(this.isTreeColumnVisible()){let a="";if(ft.HIGHLIGHT===this.globalFilterMode){a=this.renderHighlightedContent(t.value,this.globalFilterValue,"cell-content")}else{a=s("span",{ref:t=>this.contentRefs.push(t),class:"cell-content",title:this.preventXScroll?t.value:null},t.value)}d=s("td",{class:{"first-node":i===0?true:false,"mdc-ripple-surface":this.ripple&&!this.showColumns&&!t.disabled,"is-obj":!Du(this,Mu,"f").objects.isEmptyKupObj(t.obj)},style:t.style||null,title:f,onDblClick:()=>{this.onKupTreeNodeDblClick(t,e)}},this.asAccordion&&!i?[l,a,o?r:null]:[n,r,l,a])}return s("tr",Object.assign({class:{"kup-tree__node":true,"with-dyn":!t.disabled,"kup-tree__node--disabled":t.disabled,"kup-tree__node--first":i?false:true,"kup-tree__node--selected":!t.disabled&&e===this.selectedNodeToString(this.selectedNode)},"data-row":t,"data-tree-path":e},h),d,u)}closeTotalMenu(){this.openedTotalMenu=null;Du(this,Mu,"f").removeClickCallback(this.clickCb)}isOpenedTotalMenuForColumn(t){return this.openedTotalMenu===t}onTotalsChange(t,e){this.closeTotalMenu();if(e){const i=Object.assign({},this.totals);const s=t.detail.selected.id;if(s===B.CANC){if(this.totals&&this.totals[e.name]){delete i[e.name]}}else{i[e.name]=s}this.totals=i}}renderFooter(){const t=s("td",null);const e=this.getVisibleColumns().map((t=>{let e=undefined;let i=B.CALC;const n={[B.AVERAGE]:Du(this,Mu,"f").language.translate(v.AVERAGE),[B.CALC]:Du(this,Mu,"f").language.translate(v.CALCULATE),[B.CANC]:Du(this,Mu,"f").language.translate(v.CANCEL),[B.COUNT]:Du(this,Mu,"f").language.translate(v.COUNT),[B.DISTINCT]:Du(this,Mu,"f").language.translate(v.DISTINCT),[B.MATH]:Du(this,Mu,"f").language.translate(v.FORMULA),[B.MAX]:Du(this,Mu,"f").language.translate(v.MAXIMUM),[B.MIN]:Du(this,Mu,"f").language.translate(v.MINIMUM),[B.SUM]:Du(this,Mu,"f").language.translate(v.SUM)};if(this.totals){const e=this.totals[t.name];if(e){if(e.startsWith(Y.MATH)){i=B.MATH}else{switch(e){case Y.COUNT:i=B.COUNT;break;case Y.DISTINCT:i=B.DISTINCT;break;case Y.SUM:i=B.SUM;break;case Y.AVERAGE:i=B.AVERAGE;break;case Y.MIN:i=B.MIN;break;case Y.MAX:i=B.MAX;break}}}}if(this.isOpenedTotalMenuForColumn(t.name)){let o=[{id:Y.COUNT,value:n[B.COUNT]},{id:Y.DISTINCT,value:n[B.DISTINCT]}];if(Du(this,Mu,"f").objects.isNumber(t.obj)){o.push({id:Y.SUM,value:n[B.SUM]},{id:Y.AVERAGE,value:n[B.AVERAGE]},{id:Y.MIN,value:n[B.MIN]},{id:Y.MAX,value:n[B.MAX]})}let a=o.find((t=>t.value===i));if(a){a.selected=true;o.push({id:B.CANC,separator:true,value:n[B.CANC]})}e=s("kup-list",{class:`total-menu`,data:o,id:"totals-menu","is-menu":true,keyboardNavigation:true,"menu-visible":true,"onkup-list-click":e=>this.onTotalsChange(e,t)})}let o;if(i===B.COUNT||i===B.DISTINCT){o=this.footer[t.name]}else{o=Du(this,Mu,"f").math.numberToFormattedString(this.footer[t.name],t.decimals,t.obj?t.obj.p:"")}return s("td",{"data-column":t.name},e,s("span",{class:"totals-value",title:n[i]},o))}));return s("tfoot",null,s("tr",null,t,e))}didLoadInteractables(){this.interactableTouch.push(this.treeWrapperRef);const t=t=>{if(this.hold){this.hold=false;return}switch(t.button){case 2:this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)});break}};const e=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){this.hold=true;this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}};Du(this,Mu,"f").interact.on(this.treeWrapperRef,G.TAP,t);Du(this,Mu,"f").interact.on(this.treeWrapperRef,G.HOLD,e)}totalMenuPosition(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");if(t){Du(this,Mu,"f").dynamicPosition.register(t,this.totalMenuCoords);if(!this.clickCb){this.clickCb={cb:()=>{this.closeTotalMenu();Du(this,Mu,"f").dynamicPosition.stop(t)},el:t}}Du(this,Mu,"f").addClickCallback(this.clickCb,true);Du(this,Mu,"f").dynamicPosition.start(t);t.menuVisible=true}}}renderTree(t,e,i=0){let s=[];if(t&&t.visible==true){s.push(this.renderTreeNode(t,e,i));if(ju(t)&&t.isExpanded){for(let n=0;n<t.children.length;n++){s=s.concat(this.renderTree(t.children[n],e+","+n,i+1))}}}return s}setEllipsis(){const t=this.rootElement.getBoundingClientRect();for(let e=0;e<this.contentRefs.length;e++){const i=this.contentRefs[e];if(i){const e=i.parentNode;if(this.asAccordion&&e.classList.contains("first-node")){e.style.width=t.width+"px"}else{i.classList.remove("cell-content--ellipsis");i.style.setProperty("--kup_tree_content_width",``);const e=i.getBoundingClientRect();if(e.right>t.right){const s=5;const n=e.right-t.right;i.classList.add("cell-content--ellipsis");i.style.setProperty("--kup_tree_content_width",`${e.width-n-s}px`)}}}}}componentWillLoad(){Du(this,Mu,"f").debug.logLoad(this,false);Du(this,Mu,"f").language.register(this);Du(this,Mu,"f").theme.register(this);this.columnMenuInstance=new Ao;this.refreshStructureState()}componentDidLoad(){this.didLoadInteractables();this.kupDidLoad.emit({comp:this,id:this.rootElement.id});Du(this,Mu,"f").resize.observe(this.rootElement);Du(this,Mu,"f").debug.logLoad(this,true)}componentWillRender(){Du(this,Mu,"f").debug.logRender(this,false);if(this.showFooter&&this.columns){this.footer=Vt(Ht(this.getColumns(),this.nodesToRows()),this.totals)}this.filterNodes()}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&this.ripple){const e=t.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(e){for(let t=0;t<e.length;t++){Et.attachTo(e[t])}}}if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){mt(e[t])}}if(this.preventXScroll){this.setEllipsis()}this.totalMenuPosition();this.checkScrollOnHover();this.setDynPosElements();this.persistState();this.oldWidth=this.rootElement.clientWidth;Du(this,Mu,"f").debug.logRender(this,true)}render(){this.contentRefs=[];this.sizedColumns=this.getSizedColumns();let t="density-medium";switch(this.density){case m.DENSE:t="density-dense";break;case m.WIDE:t="density-wide";break}let e=[];if(this.data&&this.data.length){this.data.forEach(((t,i)=>{e=e.concat(this.renderTree(t,i.toString()))}))}else{e.push(s("tr",null,s("td",null,Du(this,Mu,"f").language.translate(g.EMPTY_DATA))))}const i=this.showHeader&&this.showColumns;let o=null;if(this.globalFilter&&this.data&&this.data.length&&this.data.length>0){o=s("div",{key:"1a040469e8b8ab1d4bc5b5e4b226a535325dc24f",id:"global-filter"},s("kup-text-field",{key:"7148a47e255b1a770789cb183f7fed25679dd37c",fullWidth:true,label:Du(this,Mu,"f").language.translate(F.SEARCH),icon:c.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout);this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))}return s(n,{key:"34e0a50971a38b166ee0494d0dbafaa9bbdf8a30"},s("style",{key:"18f72b5fed3e02b7a006a04c40d4ffa1486ab7b5"},Du(this,Mu,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"05d4d483d0691985e420a3aadb6d3dfd5969e218",id:Ct,class:t},o,s("div",{key:"b25b9a90d126b281395a6a10f0d72efa40a9adda",class:"wrapper",ref:t=>this.treeWrapperRef=t},s("table",{key:"036ed9303dc7363e7809aade72e81b4617157602",class:"kup-tree","data-show-columns":this.showColumns,onContextMenu:t=>{t.preventDefault()}},s("thead",{key:"a746e447516e4c88feece9b0edcad3b81e943462",class:{"header--is-visible":i}},s("tr",{key:"ef02dc4aab182d0bd97cad1bfda8e30d438ec43e"},i?this.renderHeader():null)),s("tbody",{key:"5ed242816054886aa86178a3b22106bf7761137e"},e),(this.showFooter||this.hasTotals())&&this.columns?this.renderFooter():null))))}disconnectedCallback(){Du(this,Mu,"f").language.register(this);Du(this,Mu,"f").resize.unobserve(this.rootElement);Du(this,Mu,"f").theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+X+"]");if(t.length>0){Du(this,Mu,"f").dynamicPosition.unregister(Array.prototype.slice.call(t))}if(this.columnMenuCard){this.columnMenuCard.remove()}if(this.scrollOnHover){Du(this,Mu,"f").scrollOnHover.unregister(this.treeWrapperRef)}this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return o(this)}static get watchers(){return{data:["enrichDataWhenChanged"],expanded:["enrichStructureStateWhenChanged"]}}};Mu=new WeakMap;Tu.style=Ou;export{je as kup_autocomplete,Me as kup_badge,Pe as kup_button,Le as kup_button_list,Un as kup_card,no as kup_chart,lo as kup_checkbox,bo as kup_chip,xo as kup_color_picker,Lo as kup_combobox,lh as kup_data_table,uh as kup_date_picker,vh as kup_dialog,zh as kup_dropdown_button,Mh as kup_form,uc as kup_gauge,yc as kup_image,Nc as kup_list,Ac as kup_progress_bar,Yc as kup_radio,qc as kup_rating,tu as kup_spinner,nu as kup_switch,pu as kup_tab_bar,vu as kup_text_field,zu as kup_time_picker,Tu as kup_tree};
-//# sourceMappingURL=p-f57c4edf.entry.js.map
+ */var $n=function(t,e){if(!(t instanceof e)){throw new TypeError("Cannot call a class as a function")}};var On=function(){function t(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||false;s.configurable=true;if("value"in s)s.writable=true;Object.defineProperty(t,s.key,s)}}return function(e,i,s){if(i)t(e.prototype,i);if(s)t(e,s);return e}}();var Dn=function(){function t(t,e){var i=[];var s=true;var n=false;var o=undefined;try{for(var a=t[Symbol.iterator](),r;!(s=(r=a.next()).done);s=true){i.push(r.value);if(e&&i.length===e)break}}catch(t){n=true;o=t}finally{try{if(!s&&a["return"])a["return"]()}finally{if(n)throw o}}return i}return function(e,i){if(Array.isArray(e)){return e}else if(Symbol.iterator in Object(e)){return t(e,i)}else{throw new TypeError("Invalid attempt to destructure non-iterable instance")}}}();String.prototype.startsWith=String.prototype.startsWith||function(t){return this.indexOf(t)===0};String.prototype.padStart=String.prototype.padStart||function(t,e){var i=this;while(i.length<t){i=e+i}return i};var Mn={cb:"0f8ff",tqw:"aebd7",q:"-ffff",qmrn:"7fffd4",zr:"0ffff",bg:"5f5dc",bsq:"e4c4",bck:"---",nch:"ebcd",b:"--ff",bvt:"8a2be2",brwn:"a52a2a",brw:"deb887",ctb:"5f9ea0",hrt:"7fff-",chcT:"d2691e",cr:"7f50",rnw:"6495ed",crns:"8dc",crms:"dc143c",cn:"-ffff",Db:"--8b",Dcn:"-8b8b",Dgnr:"b8860b",Dgr:"a9a9a9",Dgrn:"-64-",Dkhk:"bdb76b",Dmgn:"8b-8b",Dvgr:"556b2f",Drng:"8c-",Drch:"9932cc",Dr:"8b--",Dsmn:"e9967a",Dsgr:"8fbc8f",DsTb:"483d8b",DsTg:"2f4f4f",Dtrq:"-ced1",Dvt:"94-d3",ppnk:"1493",pskb:"-bfff",mgr:"696969",grb:"1e90ff",rbrc:"b22222",rwht:"af0",stg:"228b22",chs:"-ff",gnsb:"dcdcdc",st:"8f8ff",g:"d7-",gnr:"daa520",gr:"808080",grn:"-8-0",grnw:"adff2f",hnw:"0fff0",htpn:"69b4",nnr:"cd5c5c",ng:"4b-82",vr:"0",khk:"0e68c",vnr:"e6e6fa",nrb:"0f5",wngr:"7cfc-",mnch:"acd",Lb:"add8e6",Lcr:"08080",Lcn:"e0ffff",Lgnr:"afad2",Lgr:"d3d3d3",Lgrn:"90ee90",Lpnk:"b6c1",Lsmn:"a07a",Lsgr:"20b2aa",Lskb:"87cefa",LsTg:"778899",Lstb:"b0c4de",Lw:"e0",m:"-ff-",mgrn:"32cd32",nn:"af0e6",mgnt:"-ff",mrn:"8--0",mqm:"66cdaa",mmb:"--cd",mmrc:"ba55d3",mmpr:"9370db",msg:"3cb371",mmsT:"7b68ee","":"-fa9a",mtr:"48d1cc",mmvt:"c71585",mnLb:"191970",ntc:"5fffa",mstr:"e4e1",mccs:"e4b5",vjw:"dead",nv:"--80",c:"df5e6",v:"808-0",vrb:"6b8e23",rng:"a5-",rngr:"45-",rch:"da70d6",pgnr:"eee8aa",pgrn:"98fb98",ptrq:"afeeee",pvtr:"db7093",ppwh:"efd5",pchp:"dab9",pr:"cd853f",pnk:"c0cb",pm:"dda0dd",pwrb:"b0e0e6",prp:"8-080",cc:"663399",r:"--",sbr:"bc8f8f",rb:"4169e1",sbrw:"8b4513",smn:"a8072",nbr:"4a460",sgrn:"2e8b57",ssh:"5ee",snn:"a0522d",svr:"c0c0c0",skb:"87ceeb",sTb:"6a5acd",sTgr:"708090",snw:"afa",n:"-ff7f",stb:"4682b4",tn:"d2b48c",t:"-8080",thst:"d8bfd8",tmT:"6347",trqs:"40e0d0",vt:"ee82ee",whT:"5deb3",wht:"",hts:"5f5f5",w:"-",wgrn:"9acd32"};function Tn(t){var e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;var i=e>0?t.toFixed(e).replace(/0+$/,"").replace(/\.$/,""):t.toString();return i||"0"}var Sn=function(){function t(e,i,s,n){$n(this,t);var o=this;function a(e){if(e.startsWith("hsl")){var i=e.match(/([\-\d\.e]+)/g).map(Number),s=Dn(i,4),n=s[0],a=s[1],r=s[2],l=s[3];if(l===undefined){l=1}n/=360;a/=100;r/=100;o.hsla=[n,a,r,l]}else if(e.startsWith("rgb")){var h=e.match(/([\-\d\.e]+)/g).map(Number),c=Dn(h,4),u=c[0],p=c[1],f=c[2],d=c[3];if(d===undefined){d=1}o.rgba=[u,p,f,d]}else{if(e.startsWith("#")){o.rgba=t.hexToRgb(e)}else{o.rgba=t.nameToRgb(e)||t.hexToRgb(e)}}}if(e===undefined);else if(Array.isArray(e)){this.rgba=e}else if(s===undefined){var r=e&&""+e;if(r){a(r.toLowerCase())}}else{this.rgba=[e,i,s,n===undefined?1:n]}}On(t,[{key:"printRGB",value:function t(e){var i=e?this.rgba:this.rgba.slice(0,3),s=i.map((function(t,e){return Tn(t,e===3?3:0)}));return e?"rgba("+s+")":"rgb("+s+")"}},{key:"printHSL",value:function t(e){var i=[360,100,100,1],s=["","%","%",""];var n=e?this.hsla:this.hsla.slice(0,3),o=n.map((function(t,e){return Tn(t*i[e],e===3?3:1)+s[e]}));return e?"hsla("+o+")":"hsl("+o+")"}},{key:"printHex",value:function t(e){var i=this.hex;return e?i:i.substring(0,7)}},{key:"rgba",get:function e(){if(this._rgba){return this._rgba}if(!this._hsla){throw new Error("No color is set")}return this._rgba=t.hslToRgb(this._hsla)},set:function t(e){if(e.length===3){e[3]=1}this._rgba=e;this._hsla=null}},{key:"rgbString",get:function t(){return this.printRGB()}},{key:"rgbaString",get:function t(){return this.printRGB(true)}},{key:"hsla",get:function e(){if(this._hsla){return this._hsla}if(!this._rgba){throw new Error("No color is set")}return this._hsla=t.rgbToHsl(this._rgba)},set:function t(e){if(e.length===3){e[3]=1}this._hsla=e;this._rgba=null}},{key:"hslString",get:function t(){return this.printHSL()}},{key:"hslaString",get:function t(){return this.printHSL(true)}},{key:"hex",get:function t(){var e=this.rgba,i=e.map((function(t,e){return e<3?t.toString(16):Math.round(t*255).toString(16)}));return"#"+i.map((function(t){return t.padStart(2,"0")})).join("")},set:function e(i){this.rgba=t.hexToRgb(i)}}],[{key:"hexToRgb",value:function t(e){var i=(e.startsWith("#")?e.slice(1):e).replace(/^(\w{3})$/,"$1F").replace(/^(\w)(\w)(\w)(\w)$/,"$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/,"$1FF");if(!i.match(/^([0-9a-fA-F]{8})$/)){throw new Error("Unknown hex color; "+e)}var s=i.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map((function(t){return parseInt(t,16)}));s[3]=s[3]/255;return s}},{key:"nameToRgb",value:function e(i){var s=i.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),n=Mn[s];return n===undefined?n:t.hexToRgb(n.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function t(e){var i=Dn(e,4),s=i[0],n=i[1],o=i[2],a=i[3];s/=255;n/=255;o/=255;var r=Math.max(s,n,o),l=Math.min(s,n,o);var h=void 0,c=void 0,u=(r+l)/2;if(r===l){h=c=0}else{var p=r-l;c=u>.5?p/(2-r-l):p/(r+l);switch(r){case s:h=(n-o)/p+(n<o?6:0);break;case n:h=(o-s)/p+2;break;case o:h=(s-n)/p+4;break}h/=6}return[h,c,u,a]}},{key:"hslToRgb",value:function t(e){var i=Dn(e,4),s=i[0],n=i[1],o=i[2],a=i[3];var r=void 0,l=void 0,h=void 0;if(n===0){r=l=h=o}else{var c=function t(e,i,s){if(s<0)s+=1;if(s>1)s-=1;if(s<1/6)return e+(i-e)*6*s;if(s<1/2)return i;if(s<2/3)return e+(i-e)*(2/3-s)*6;return e};var u=o<.5?o*(1+n):o+n-o*n,p=2*o-u;r=c(p,u,s+1/3);l=c(p,u,s);h=c(p,u,s-1/3)}var f=[r*255,l*255,h*255].map(Math.round);f[3]=a;return f}}]);return t}();var In=function(){function t(){$n(this,t);this._events=[]}On(t,[{key:"add",value:function t(e,i,s){e.addEventListener(i,s,false);this._events.push({target:e,type:i,handler:s})}},{key:"remove",value:function e(i,s,n){this._events=this._events.filter((function(e){var o=true;if(i&&i!==e.target){o=false}if(s&&s!==e.type){o=false}if(n&&n!==e.handler){o=false}if(o){t._doRemove(e.target,e.type,e.handler)}return!o}))}},{key:"destroy",value:function e(){this._events.forEach((function(e){return t._doRemove(e.target,e.type,e.handler)}));this._events=[]}}],[{key:"_doRemove",value:function t(e,i,s){e.removeEventListener(i,s,false)}}]);return t}();function Pn(t){var e=document.createElement("div");e.innerHTML=t;return e.firstElementChild}function Rn(t,e,i){var s=false;function n(t,e,i){return Math.max(e,Math.min(t,i))}function o(t,o,a){if(a){s=true}if(!s){return}t.preventDefault();var r=e.getBoundingClientRect(),l=r.width,h=r.height,c=o.clientX,u=o.clientY;var p=n(c-r.left,0,l),f=n(u-r.top,0,h);i(p/l,f/h)}function a(t,e){var i=t.buttons===undefined?t.which:t.buttons;if(i===1){o(t,t,e)}else{s=false}}function r(t,e){if(t.touches.length===1){o(t,t.touches[0],e)}else{s=false}}t.add(e,"mousedown",(function(t){a(t,true)}));t.add(e,"touchstart",(function(t){r(t,true)}));t.add(window,"mousemove",a);t.add(e,"touchmove",r);t.add(window,"mouseup",(function(t){s=false}));t.add(e,"touchend",(function(t){s=false}));t.add(e,"touchcancel",(function(t){s=false}))}var En="linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,\n                   linear-gradient(45deg, lightgrey 25%,       white 25%,       white 75%, lightgrey 75%) 1em 1em / 2em 2em";var Nn=360;var Ln="keydown",Fn="mousedown",Kn="focusin";function An(t,e){return(e||document).querySelector(t)}function Vn(t){t.preventDefault();t.stopPropagation()}function Hn(t,e,i,s,n){t.add(e,Ln,(function(t){if(i.indexOf(t.key)>=0){if(n){Vn(t)}s(t)}}))}var Bn=function(){function t(e){$n(this,t);this.settings={popup:"right",layout:"default",alpha:true,editor:true,editorFormat:"hex",cancelButton:false,defaultColor:"#0cf"};this._events=new In;this.onChange=null;this.onDone=null;this.onOpen=null;this.onClose=null;this.setOptions(e)}On(t,[{key:"setOptions",value:function t(e){var i=this;if(!e){return}var s=this.settings;function n(t,e,i){for(var s in t){if(i&&i.indexOf(s)>=0){continue}e[s]=t[s]}}if(e instanceof HTMLElement){s.parent=e}else{if(s.parent&&e.parent&&s.parent!==e.parent){this._events.remove(s.parent);this._popupInited=false}n(e,s);if(e.onChange){this.onChange=e.onChange}if(e.onDone){this.onDone=e.onDone}if(e.onOpen){this.onOpen=e.onOpen}if(e.onClose){this.onClose=e.onClose}var o=e.color||e.colour;if(o){this._setColor(o)}}var a=s.parent;if(a&&s.popup&&!this._popupInited){var r=function t(e){return i.openHandler(e)};this._events.add(a,"click",r);Hn(this._events,a,[" ","Spacebar","Enter"],r);this._popupInited=true}else if(e.parent&&!s.popup){this.show()}}},{key:"openHandler",value:function t(e){if(this.show()){e&&e.preventDefault();this.settings.parent.style.pointerEvents="none";var i=e&&e.type===Ln?this._domEdit:this.domElement;setTimeout((function(){return i.focus()}),100);if(this.onOpen){this.onOpen(this.colour)}}}},{key:"closeHandler",value:function t(e){var i=e&&e.type;var s=false;if(!e){s=true}else if(i===Fn||i===Kn){var n=(this.__containedEvent||0)+100;if(e.timeStamp>n){s=true}}else{Vn(e);s=true}if(s&&this.hide()){this.settings.parent.style.pointerEvents="";if(i!==Fn){this.settings.parent.focus()}if(this.onClose){this.onClose(this.colour)}}}},{key:"movePopup",value:function t(e,i){this.closeHandler();this.setOptions(e);if(i){this.openHandler()}}},{key:"setColor",value:function t(e,i){this._setColor(e,{silent:i})}},{key:"_setColor",value:function t(e,i){if(typeof e==="string"){e=e.trim()}if(!e){return}i=i||{};var s=void 0;try{s=new Sn(e)}catch(t){if(i.failSilently){return}throw t}if(!this.settings.alpha){var n=s.hsla;n[3]=1;s.hsla=n}this.colour=this.color=s;this._setHSLA(null,null,null,null,i)}},{key:"setColour",value:function t(e,i){this.setColor(e,i)}},{key:"show",value:function t(){var e=this.settings.parent;if(!e){return false}if(this.domElement){var i=this._toggleDOM(true);this._setPosition();return i}var s=this.settings.template||'<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>';var n=Pn(s);this.domElement=n;this._domH=An(".picker_hue",n);this._domSL=An(".picker_sl",n);this._domA=An(".picker_alpha",n);this._domEdit=An(".picker_editor input",n);this._domSample=An(".picker_sample",n);this._domOkay=An(".picker_done button",n);this._domCancel=An(".picker_cancel button",n);n.classList.add("layout_"+this.settings.layout);if(!this.settings.alpha){n.classList.add("no_alpha")}if(!this.settings.editor){n.classList.add("no_editor")}if(!this.settings.cancelButton){n.classList.add("no_cancel")}this._ifPopup((function(){return n.classList.add("popup")}));this._setPosition();if(this.colour){this._updateUI()}else{this._setColor(this.settings.defaultColor)}this._bindEvents();return true}},{key:"hide",value:function t(){return this._toggleDOM(false)}},{key:"destroy",value:function t(){this._events.destroy();if(this.domElement){this.settings.parent.removeChild(this.domElement)}}},{key:"_bindEvents",value:function t(){var e=this;var i=this,s=this.domElement,n=this._events;function o(t,e,i){n.add(t,e,i)}o(s,"click",(function(t){return t.preventDefault()}));Rn(n,this._domH,(function(t,e){return i._setHSLA(t)}));Rn(n,this._domSL,(function(t,e){return i._setHSLA(null,t,1-e)}));if(this.settings.alpha){Rn(n,this._domA,(function(t,e){return i._setHSLA(null,null,null,1-e)}))}var a=this._domEdit;{o(a,"input",(function(t){i._setColor(this.value,{fromEditor:true,failSilently:true})}));o(a,"focus",(function(t){var e=this;if(e.selectionStart===e.selectionEnd){e.select()}}))}this._ifPopup((function(){var t=function t(i){return e.closeHandler(i)};o(window,Fn,t);o(window,Kn,t);Hn(n,s,["Esc","Escape"],t);var i=function t(i){e.__containedEvent=i.timeStamp};o(s,Fn,i);o(s,Kn,i);o(e._domCancel,"click",t)}));var r=function t(i){e._ifPopup((function(){return e.closeHandler(i)}));if(e.onDone){e.onDone(e.colour)}};o(this._domOkay,"click",r);Hn(n,s,["Enter"],r)}},{key:"_setPosition",value:function t(){var e=this.settings.parent,i=this.domElement;if(e!==i.parentNode){e.appendChild(i)}this._ifPopup((function(t){if(getComputedStyle(e).position==="static"){e.style.position="relative"}var s=t===true?"popup_right":"popup_"+t;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){if(t===s){i.classList.add(t)}else{i.classList.remove(t)}}));i.classList.add(s)}))}},{key:"_setHSLA",value:function t(e,i,s,n,o){o=o||{};var a=this.colour,r=a.hsla;[e,i,s,n].forEach((function(t,e){if(t||t===0){r[e]=t}}));a.hsla=r;this._updateUI(o);if(this.onChange&&!o.silent){this.onChange(a)}}},{key:"_updateUI",value:function t(e){if(!this.domElement){return}e=e||{};var i=this.colour,s=i.hsla,n="hsl("+s[0]*Nn+", 100%, 50%)",o=i.hslString,a=i.hslaString;var r=this._domH,l=this._domSL,h=this._domA,c=An(".picker_selector",r),u=An(".picker_selector",l),p=An(".picker_selector",h);function f(t,e,i){e.style.left=i*100+"%"}function d(t,e,i){e.style.top=i*100+"%"}f(r,c,s[0]);this._domSL.style.backgroundColor=this._domH.style.color=n;f(l,u,s[1]);d(l,u,1-s[2]);l.style.color=o;d(h,p,1-s[3]);var m=o,g=m.replace("hsl","hsla").replace(")",", 0)"),b="linear-gradient("+[m,g]+")";this._domA.style.background=b+", "+En;if(!e.fromEditor){var k=this.settings.editorFormat,y=this.settings.alpha;var v=void 0;switch(k){case"rgb":v=i.printRGB(y);break;case"hsl":v=i.printHSL(y);break;default:v=i.printHex(y)}this._domEdit.value=v}this._domSample.style.color=a}},{key:"_ifPopup",value:function t(e,i){if(this.settings.parent&&this.settings.popup){e&&e(this.settings.popup)}else{i&&i()}}},{key:"_toggleDOM",value:function t(e){var i=this.domElement;if(!i){return false}var s=e?"":"none",n=i.style.display!==s;if(n){i.style.display=s}return n}}]);return t}();{var Yn=document.createElement("style");Yn.textContent='.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}';document.documentElement.firstElementChild.appendChild(Yn);Bn.StyleElement=Yn}const Xn='.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}.box-layout-1{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}.box-layout-1 table{width:100%}.box-layout-1 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;width:50%}.box-layout-1 .value{font-weight:bold;padding:0.5em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-2{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}.box-layout-2 table{width:100%;display:grid;gap:var(--kup-space-05)}.box-layout-2 table tr{display:flex;justify-content:space-between}.box-layout-2 .label{max-width:50%}.box-layout-2 .value{font-weight:bold;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-3{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}.box-layout-3 .container{display:flex;justify-content:space-between;overflow:hidden;width:100%}.box-layout-3 .flex-container{align-items:center;display:flex;justify-content:center;width:100%}.box-layout-3 .flex-container:first-child{justify-content:flex-start}.box-layout-3 .flex-container:last-child{justify-content:flex-end}.box-layout-3 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-3 .value{padding:0.5em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-3 .f-cell .f-cell__text{white-space:nowrap}.box-layout-4{display:flex;height:100%;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}.box-layout-4 .container{margin:auto;width:100%}.box-layout-4 .image{border-radius:50%;height:64px;margin:auto;width:64px}.box-layout-4 .value{padding-top:0.5em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-4 .f-cell.c-centered .f-cell__content img,.box-layout-4 .f-cell.c-centered .f-cell__content .f-image{margin:0}.box-layout-5{display:flex;height:100%;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}.box-layout-5 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-5 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-5 .label,.box-layout-5 .value{padding:0.5em}.box-layout-5 .label{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.box-layout-5 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-5 .table{box-sizing:border-box;padding:1.25em}.box-layout-5 .table,.box-layout-5 table{width:100%}.box-layout-6{display:flex;height:100%;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}.box-layout-6 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-6 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-6 .label{padding-bottom:0.25em}.box-layout-6 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;padding-bottom:1.25em}.box-layout-6 tr:last-child .value{padding-bottom:0}.box-layout-6 .table{box-sizing:border-box;display:flex;height:max-content;margin:auto;padding:1.25em}.box-layout-6 .table,.box-layout-6 table{width:100%}.box-layout-7{display:flex;height:100%;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}.box-layout-7 .container{height:100%;margin:auto;width:100%}.box-layout-7 .image{width:100%}.box-layout-7 .label,.box-layout-7 .value{padding:0.25em}.box-layout-7 .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-layout-7 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-7 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-7 .table,.box-layout-7 table{width:100%}.box-layout-8{display:flex;height:100%;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}.box-layout-8 .container{height:100%;margin:auto;width:100%}.box-layout-8 .image{width:100%}.box-layout-8 .label{overflow:hidden;padding-bottom:0.25em;text-overflow:ellipsis;white-space:nowrap}.box-layout-8 .value{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-8 tr:last-child .value{padding-bottom:0}.box-layout-8 .table{box-sizing:border-box;padding-top:var(--kup-space-05);padding-bottom:0}.box-layout-8 .table,.box-layout-8 table{width:100%}.built-in-layout-1{--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-primary));--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );--kup_card_selected_color:var(\n    --kup-card-selected-color,\n    var(--kup-primary-color-60)\n  );--kup_card_selected_color_hover:var(\n    --kup-card-selected-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_card_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );background-color:var(--kup_card_background_color);border-radius:var(--kup-radius-00);box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;max-width:300px;overflow:auto;padding:0.5em}.built-in-layout-1 .section-1{box-sizing:border-box;height:5em;overflow:auto;padding-bottom:1em;width:100%}.built-in-layout-1 .section-1 .sub-1{display:flex;flex-direction:row;justify-content:center}.built-in-layout-1 .section-2{height:calc(100% - 60px);overflow:auto;width:100%}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 .change-view-button button{color:var(-kup_card_text_color)}.built-in-layout-1 .change-view-button button span{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;color:var(-kup_card_text_color)}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page .icon-button .f-image .f-image__icon,.built-in-layout-1 .prev-page .icon-button .f-image .f-image__icon{background-color:var(--kup_card_text_color) !important}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 tbody:before{content:"@";display:block;line-height:var(--kup-space-05);text-indent:-99999px}.built-in-layout-1 .item-text{color:var(--kup_card_text_color);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}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item .item-number{cursor:pointer;color:var(--kup_card_text_color)}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup_card_selected_color_hover)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:var(--kup_card_selected_color);color:var(--kup-gray-color-0)}.built-in-layout-1 .item-disabled .item-number{color:var(--kup-text-disabled)}.built-in-layout-1 .item-number{display:flex;justify-content:center;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize;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;line-height:2.5em}.built-in-layout-1 .item-number.today{text-decoration:underline}.built-in-layout-1 .today-navigation-button{display:flex;align-items:center}.built-in-layout-2{background-color:var(--kup-background-color);box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.built-in-layout-2 .top{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color);height:100px;line-height:100px;font-size:50px;text-align:center}.built-in-layout-2 .top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.built-in-layout-2 .top .visible{opacity:1}.built-in-layout-2 .circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;margin:auto;border-radius:1000px;position:relative;top:25px;box-sizing:border-box;display:none}.built-in-layout-2 .circle.visible{display:block}.built-in-layout-2 .mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.built-in-layout-2 .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.built-in-layout-2 .hour.selected{z-index:2}.built-in-layout-2 .hour.selected::after{content:"";z-index:-1;background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.built-in-layout-2 .hour2.selected::after{content:"";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.built-in-layout-2 .unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.built-in-layout-2 .unit.selected::after{content:"";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour,.built-in-layout-2 .hour2,.built-in-layout-2 .unit{cursor:pointer;transition:background-color 0.25s}.built-in-layout-2 .hour:hover,.built-in-layout-2 .hour2:hover,.built-in-layout-2 .unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.built-in-layout-2 .hour.selected,.built-in-layout-2 .hour2.selected,.built-in-layout-2 .unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.built-in-layout-2 .actions{color:var(--kup-primary-color);font-weight:bold;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px}.built-in-layout-2 .action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.built-in-layout-2 .clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.built-in-layout-2 .clock .actions .action:visible{background-color:rgba(0, 0, 0, 0.3)}.built-in-layout-2 .hour:nth-child(12):after{transform:rotate(330deg)}.built-in-layout-2 .hour:nth-child(11):after{transform:rotate(300deg)}.built-in-layout-2 .hour:nth-child(10):after{transform:rotate(270deg)}.built-in-layout-2 .hour:nth-child(9):after{transform:rotate(240deg)}.built-in-layout-2 .hour:nth-child(8):after{transform:rotate(210deg)}.built-in-layout-2 .hour:nth-child(7):after{transform:rotate(180deg)}.built-in-layout-2 .hour:nth-child(6):after{transform:rotate(150deg)}.built-in-layout-2 .hour:nth-child(5):after{transform:rotate(120deg)}.built-in-layout-2 .hour:nth-child(4):after{transform:rotate(90deg)}.built-in-layout-2 .hour:nth-child(3):after{transform:rotate(60deg)}.built-in-layout-2 .hour:nth-child(2):after{transform:rotate(30deg)}.built-in-layout-2 .hour:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-2 .hour2:nth-child(24):after{transform:rotate(690deg)}.built-in-layout-2 .hour2:nth-child(23):after{transform:rotate(660deg)}.built-in-layout-2 .hour2:nth-child(22):after{transform:rotate(630deg)}.built-in-layout-2 .hour2:nth-child(21):after{transform:rotate(600deg)}.built-in-layout-2 .hour2:nth-child(20):after{transform:rotate(570deg)}.built-in-layout-2 .hour2:nth-child(19):after{transform:rotate(540deg)}.built-in-layout-2 .hour2:nth-child(18):after{transform:rotate(510deg)}.built-in-layout-2 .hour2:nth-child(17):after{transform:rotate(480deg)}.built-in-layout-2 .hour2:nth-child(16):after{transform:rotate(450deg)}.built-in-layout-2 .hour2:nth-child(15):after{transform:rotate(420deg)}.built-in-layout-2 .hour2:nth-child(14):after{transform:rotate(390deg)}.built-in-layout-2 .hour2:nth-child(13):after{transform:rotate(360deg)}.built-in-layout-2 .unit:nth-child(60):after{transform:rotate(354deg)}.built-in-layout-2 .unit:nth-child(59):after{transform:rotate(348deg)}.built-in-layout-2 .unit:nth-child(58):after{transform:rotate(342deg)}.built-in-layout-2 .unit:nth-child(57):after{transform:rotate(336deg)}.built-in-layout-2 .unit:nth-child(56):after{transform:rotate(330deg)}.built-in-layout-2 .unit:nth-child(55):after{transform:rotate(324deg)}.built-in-layout-2 .unit:nth-child(54):after{transform:rotate(318deg)}.built-in-layout-2 .unit:nth-child(53):after{transform:rotate(312deg)}.built-in-layout-2 .unit:nth-child(52):after{transform:rotate(306deg)}.built-in-layout-2 .unit:nth-child(51):after{transform:rotate(300deg)}.built-in-layout-2 .unit:nth-child(50):after{transform:rotate(294deg)}.built-in-layout-2 .unit:nth-child(49):after{transform:rotate(288deg)}.built-in-layout-2 .unit:nth-child(48):after{transform:rotate(282deg)}.built-in-layout-2 .unit:nth-child(47):after{transform:rotate(276deg)}.built-in-layout-2 .unit:nth-child(46):after{transform:rotate(270deg)}.built-in-layout-2 .unit:nth-child(45):after{transform:rotate(264deg)}.built-in-layout-2 .unit:nth-child(44):after{transform:rotate(258deg)}.built-in-layout-2 .unit:nth-child(43):after{transform:rotate(252deg)}.built-in-layout-2 .unit:nth-child(42):after{transform:rotate(246deg)}.built-in-layout-2 .unit:nth-child(41):after{transform:rotate(240deg)}.built-in-layout-2 .unit:nth-child(40):after{transform:rotate(234deg)}.built-in-layout-2 .unit:nth-child(39):after{transform:rotate(228deg)}.built-in-layout-2 .unit:nth-child(38):after{transform:rotate(222deg)}.built-in-layout-2 .unit:nth-child(37):after{transform:rotate(216deg)}.built-in-layout-2 .unit:nth-child(36):after{transform:rotate(210deg)}.built-in-layout-2 .unit:nth-child(35):after{transform:rotate(204deg)}.built-in-layout-2 .unit:nth-child(34):after{transform:rotate(198deg)}.built-in-layout-2 .unit:nth-child(33):after{transform:rotate(192deg)}.built-in-layout-2 .unit:nth-child(32):after{transform:rotate(186deg)}.built-in-layout-2 .unit:nth-child(31):after{transform:rotate(180deg)}.built-in-layout-2 .unit:nth-child(30):after{transform:rotate(174deg)}.built-in-layout-2 .unit:nth-child(29):after{transform:rotate(168deg)}.built-in-layout-2 .unit:nth-child(28):after{transform:rotate(162deg)}.built-in-layout-2 .unit:nth-child(27):after{transform:rotate(156deg)}.built-in-layout-2 .unit:nth-child(26):after{transform:rotate(150deg)}.built-in-layout-2 .unit:nth-child(25):after{transform:rotate(144deg)}.built-in-layout-2 .unit:nth-child(24):after{transform:rotate(138deg)}.built-in-layout-2 .unit:nth-child(23):after{transform:rotate(132deg)}.built-in-layout-2 .unit:nth-child(22):after{transform:rotate(126deg)}.built-in-layout-2 .unit:nth-child(21):after{transform:rotate(120deg)}.built-in-layout-2 .unit:nth-child(20):after{transform:rotate(114deg)}.built-in-layout-2 .unit:nth-child(19):after{transform:rotate(108deg)}.built-in-layout-2 .unit:nth-child(18):after{transform:rotate(102deg)}.built-in-layout-2 .unit:nth-child(17):after{transform:rotate(96deg)}.built-in-layout-2 .unit:nth-child(16):after{transform:rotate(90deg)}.built-in-layout-2 .unit:nth-child(15):after{transform:rotate(84deg)}.built-in-layout-2 .unit:nth-child(14):after{transform:rotate(78deg)}.built-in-layout-2 .unit:nth-child(13):after{transform:rotate(72deg)}.built-in-layout-2 .unit:nth-child(12):after{transform:rotate(66deg)}.built-in-layout-2 .unit:nth-child(11):after{transform:rotate(60deg)}.built-in-layout-2 .unit:nth-child(10):after{transform:rotate(54deg)}.built-in-layout-2 .unit:nth-child(9):after{transform:rotate(48deg)}.built-in-layout-2 .unit:nth-child(8):after{transform:rotate(42deg)}.built-in-layout-2 .unit:nth-child(7):after{transform:rotate(36deg)}.built-in-layout-2 .unit:nth-child(6):after{transform:rotate(30deg)}.built-in-layout-2 .unit:nth-child(5):after{transform:rotate(24deg)}.built-in-layout-2 .unit:nth-child(4):after{transform:rotate(18deg)}.built-in-layout-2 .unit:nth-child(3):after{transform:rotate(12deg)}.built-in-layout-2 .unit:nth-child(2):after{transform:rotate(6deg)}.built-in-layout-2 .unit:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-3{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box;overflow:auto}.built-in-layout-3 kup-button,.built-in-layout-3 kup-combobox{margin:0 auto 0.75em auto}.built-in-layout-3 kup-combobox{width:95%}.built-in-layout-3 .sub-chip{border-top:1px solid var(--kup-border-subtle);max-height:33vh;overflow:auto;width:100%}.built-in-layout-4{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box}.built-in-layout-4 .picker_arrow{position:absolute;z-index:-1}.built-in-layout-4 .picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.built-in-layout-4 .picker_wrapper.popup,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{background:var(--kup-background-color);box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4)}.built-in-layout-4 .picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;transform:skew(45deg);transform-origin:0 100%}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.built-in-layout-4 .popup.popup_top{bottom:100%;left:0}.built-in-layout-4 .popup.popup_top .picker_arrow{bottom:0;left:0;transform:rotate(-90deg)}.built-in-layout-4 .popup.popup_bottom{top:100%;left:0}.built-in-layout-4 .popup.popup_bottom .picker_arrow{top:0;left:0;transform:rotate(90deg) scale(1, -1)}.built-in-layout-4 .popup.popup_left{top:0;right:100%}.built-in-layout-4 .popup.popup_left .picker_arrow{top:0;right:0;transform:scale(-1, 1)}.built-in-layout-4 .popup.popup_right{top:0;left:100%}.built-in-layout-4 .popup.popup_right .picker_arrow{top:0;left:0}.built-in-layout-4 .picker_wrapper.no_alpha .picker_alpha{display:none}.built-in-layout-4 .picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.built-in-layout-4 .picker_wrapper.no_cancel .picker_cancel{display:none}.built-in-layout-4 .layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:0.5em}.built-in-layout-4 .layout_default.picker_wrapper input,.built-in-layout-4 .layout_default.picker_wrapper button{font-size:1em}.built-in-layout-4 .layout_default.picker_wrapper>*{margin:0.5em}.built-in-layout-4 .layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.built-in-layout-4 .layout_default .picker_slider,.built-in-layout-4 .layout_default .picker_selector{padding:1em}.built-in-layout-4 .layout_default .picker_hue{width:100%}.built-in-layout-4 .layout_default .picker_sl{flex:1 1 auto}.built-in-layout-4 .layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.built-in-layout-4 .layout_default .picker_editor{order:1;width:6.5em}.built-in-layout-4 .layout_default .picker_editor input{width:100%;height:100%}.built-in-layout-4 .layout_default .picker_sample{order:1;flex:1 1 auto}.built-in-layout-4 .layout_default .picker_done,.built-in-layout-4 .layout_default .picker_cancel{order:1}.built-in-layout-4 .picker_wrapper{box-sizing:border-box;background:var(--kup-background-color);box-shadow:0 0 0 1px var(--kup-border-subtle);cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.built-in-layout-4 .picker_wrapper:focus{outline:none}.built-in-layout-4 .picker_wrapper button,.built-in-layout-4 .picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px var(--kup-border-subtle);outline:none}.built-in-layout-4 .picker_wrapper button:focus,.built-in-layout-4 .picker_wrapper button:active,.built-in-layout-4 .picker_wrapper input:focus,.built-in-layout-4 .picker_wrapper input:active{box-shadow:0 0 2px 1px var(--kup-border-subtle)}.built-in-layout-4 .picker_wrapper button{padding:0.4em 0.6em;cursor:pointer;background-color:whitesmoke;background-image:linear-gradient(0deg, gainsboro, transparent)}.built-in-layout-4 .picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.built-in-layout-4 .picker_selector{position:absolute;z-index:1;display:block;transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.built-in-layout-4 .picker_slider .picker_selector{border-radius:2px}.built-in-layout-4 .picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px var(--kup-border-subtle)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-subtle);background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%), linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.built-in-layout-4 .picker_alpha,.built-in-layout-4 .picker_sample{position:relative;background:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'2\' height=\'2\'%3E%3Cpath d=\'M1,0H0V1H2V2H1\' fill=\'lightgrey\'/%3E%3C/svg%3E") left top/contain white;box-shadow:0 0 0 1px var(--kup-border-subtle)}.built-in-layout-4 .picker_alpha .picker_selector,.built-in-layout-4 .picker_sample .picker_selector{background:none}.built-in-layout-4 .picker_editor input{font-family:monospace;padding:0.2em 0.4em}.built-in-layout-4 .picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.built-in-layout-4 .picker_done,.built-in-layout-4 .picker_arrow{display:none}.built-in-layout-4 .layout_default.picker_wrapper{bottom:unset;font-size:var(--kup-font-size);left:unset;padding:0.25em;right:unset;top:unset;width:100%}.built-in-layout-4 .layout_default .picker_editor input{background:none;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}.built-in-layout-4 .picker_wrapper.popup{box-shadow:var(--kup-box-shadow);margin:0;outline:none}.built-in-layout-5{--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );--kup_card_background_color_hover:var(\n    --kup-card-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_card_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );--kup_card_border_color:var(\n    --kup-card-border-color,\n    var(--kup-border-subtle)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));background:var(--kup_card_background_color);box-shadow:var(--kup_card_box_shadow);box-sizing:border-box;overflow:auto;padding:var(--kup-space-03)}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup_card_text_color);border-bottom:1px solid var(--kup_card_border_color);min-height:1.5em}.built-in-layout-5>table>tr>td>.f-button{display:flex;justify-content:center}.built-in-layout-5>table>tr>td>div.number{cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-5>table>tr>td>div.number:hover{background-color:var(--kup_card_background_color_hover)}.built-in-layout-6{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:2em}.built-in-layout-6 .text{padding-bottom:1.5em;text-align:center}.built-in-layout-6 .button-wrapper{display:flex;justify-content:center}.built-in-layout-6 .f-button{padding:0 0.5em}.built-in-layout-7{border-radius:var(--kup-radius-00);box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-7 .wrapper{display:grid;grid-template-rows:3fr;margin:auto}.built-in-layout-7 .wrapper.ready{display:flex;flex-direction:column;height:100%;width:100%}.built-in-layout-7 .password{padding:2.5em 0 2em 0}.built-in-layout-7 .query-area{min-width:250px}.built-in-layout-7 .chat-area{overflow:auto;padding-top:var(--kup-space-05);white-space:pre-line;word-break:normal}.built-in-layout-7 .spinner{height:48px;margin:auto;width:48px}.built-in-layout-7 .title{text-align:center;font-size:2em}.built-in-layout-7 .empty,.built-in-layout-7 .text{font-size:0.875em;font-style:italic;opacity:0.5;text-align:center}.built-in-layout-7 .buttons{align-items:center;display:flex;justify-content:space-evenly;padding:1em 0}.built-in-layout-7 .stt{padding:0 1em}.built-in-layout-7 .request,.built-in-layout-7 .response{padding:0.5em 1em 1em 1em}.built-in-layout-7 .request .paragraph{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.built-in-layout-7 .response{margin-bottom:var(--kup-space-05)}.built-in-layout-7 .response .paragraph{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}.built-in-layout-7 .message-container{background-color:var(--kup-background-color);border-radius:var(--kup-radius-00);position:relative}.built-in-layout-7 .message-container:hover{background-color:var(--kup-layer-0-hover)}.built-in-layout-7 .message-container:hover .copy{opacity:1}.built-in-layout-7 .copy{--kup-button-font-size:0.75em;bottom:0;opacity:0;position:absolute;right:0;transition:background-color 125ms ease, opacity 250ms ease}.built-in-layout-7 .fun{font-weight:bold}.built-in-layout-7 .fun:hover{text-decoration:underline;cursor:pointer}.collapsible-layout-1{color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-1 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.collapsible-layout-1 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.collapsible-layout-1 .section-2 .sub-1{min-height:1.5em;display:flex;padding:0.6rem 0.8em 0;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.collapsible-layout-1 .section-2 .sub-1 div{font-size:1em}.collapsible-layout-1 .section-2 .sub-1 .left{text-align:left;width:80%}.collapsible-layout-1 .section-2 .sub-1 .right{text-align:right;width:20%}.collapsible-layout-1 .section-2 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em}.collapsible-layout-2{color:var(--kup-text-color);box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;border-radius:4px;display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-2 .section-1{box-sizing:border-box;height:100%;display:flex;flex-direction:column;max-width:100%;width:100%}.collapsible-layout-2 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.collapsible-layout-2 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;max-width:75%}.collapsible-layout-2 .section-1 .sub-2 div{font-size:0.875em}.collapsible-layout-2 .section-1 .sub-3{color:var(--color-0);text-align:center;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;overflow:hidden;max-height:calc(24px + 2.25em);padding:0 1em}.collapsible-layout-2 .section-1 .sub-3 kup-image{margin:auto}.collapsible-layout-2 .section-1 .sub-3 div{font-size:1.25em}.collapsible-card .collapsible-trigger{display:none;position:absolute;bottom:0;left:0;height:50px;width:100%}.collapsible-card .collapsible-trigger kup-button{margin:auto;width:48px}.collapsible-card .collapsible-wrapper{overflow:auto}.collapsible-card.collapsible-active{padding-bottom:50px}.collapsible-card.collapsible-active .collapsible-trigger{display:block}.dialog-layout-1{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:flex;flex-direction:column;height:100%;width:100%;overflow:auto}.dialog-layout-1 .section-1{display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-1 .section-1 .text{min-width:max-content}.dialog-layout-1 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-2 .section-1{text-align:center;touch-action:none;padding-bottom:1em}.dialog-layout-2 .section-1 .text{padding-top:0.75em}.dialog-layout-2 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2 .section-2{border-top:1px solid var(--kup-border-subtle);display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-2 .section-2 .text{min-width:max-content}.dialog-layout-2 .section-2 .text:not(.label){font-weight:bold}.dialog-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;overflow:visible;flex-direction:column;height:100%;position:relative;width:100%}.dialog-layout-3 kup-button{margin-left:0}.dialog-layout-3 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right;touch-action:none}.dialog-layout-3 .section-1 kup-button{margin-right:0.25em}.dialog-layout-3 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.dialog-layout-3 ::slotted(.text){color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-subtle);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:0.25fr 1fr 0.5fr 0.5fr}.scalable-layout-2 .icon{margin:auto;font-size:150%;margin-right:5%}.scalable-layout-2 .value-int{font-size:250%}.scalable-layout-2 .value-dec,.scalable-layout-2 .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-2 .value-dec{margin-left:2%}.scalable-layout-2 .unit{margin-left:4%}.scalable-layout-3 .descr{font-size:70%;width:100%}.scalable-layout-3 .value{font-size:220%}.scalable-layout-4 #image1 img{object-fit:contain}.scalable-layout-4 .scalable-element{display:grid;grid-template-columns:1fr 5fr}.scalable-layout-4 .icon{font-size:150%;margin:auto 5% auto auto}.scalable-layout-4 .value-and-unit{display:flex;color:var(--color-0)}.scalable-layout-4 .value-and-unit .value-int{font-size:250%}.scalable-layout-4 .value-and-unit .value-dec,.scalable-layout-4 .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-4 .value-and-unit .value-dec{margin-left:2%}.scalable-layout-4 .value-and-unit .unit{margin-left:4%}.scalable-layout-4 .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}.scalable-layout-5 #image1 img{object-fit:contain}.scalable-layout-5 .scalable-element{display:flex}.scalable-layout-5 .text-wrapper{margin-right:10px}.scalable-layout-5 .icon{font-size:150%;margin:auto;margin-bottom:0.35em}.scalable-layout-5 .value{font-size:200%}.scalable-layout-5 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-6 #image1 img{object-fit:contain}.scalable-layout-6 .scalable-element{display:flex;justify-content:space-between}.scalable-layout-6 .text-wrapper{margin-left:1em}.scalable-layout-6 .icon{font-size:150%;margin:auto}.scalable-layout-6 .value{font-size:220%;text-align:right}.scalable-layout-6 .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}.scalable-layout-7 #image1 img{object-fit:contain}.scalable-layout-7 .scalable-element{display:flex}.scalable-layout-7 .text-wrapper{margin-right:0.5em}.scalable-layout-7 .icon{font-size:150%;margin:auto;margin-top:0.35em}.scalable-layout-7 .value{font-size:200%;text-align:right}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-8 #image1 img{object-fit:contain}.scalable-layout-8 .scalable-element{align-items:center;display:grid;grid-template-columns:0.25fr 1.25fr 0.25fr}.scalable-layout-8 .icon{margin-right:4%;font-size:75%}.scalable-layout-8 .value{margin:0 8px;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-layout-9{background-color:var(--color-1);color:var(--color-2);height:100%;display:flex;justify-content:unset;overflow:auto;border-radius:4px}.scalable-layout-9 .section-1{background-color:var(--color-0);width:20%;height:100%}.scalable-layout-9 .section-2{width:100%;height:100%;display:flex;flex-direction:column}.scalable-layout-9 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-9 .descr{font-size:80%}.scalable-layout-9 .value{font-size:220%}.scalable-layout-9 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-9 .f-button{float:right}.scalable-layout-10{--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );background-color:var(--kup_card_background_color);color:var(--kup_card_text_color);height:100%;display:flex;justify-content:unset;overflow:auto;width:100%}.scalable-layout-10 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-10 .number{display:flex;justify-content:space-between}.scalable-layout-10 .title{font-size:120%}.scalable-layout-10 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-10 .f-button{float:right}.scalable-card{--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_card_background_color:var(\n    --kup-card-background-color,\n    var(--kup-layer-1)\n  );background-color:var(--kup_card_background_color);color:var(--kup_card_text_color);align-items:center;border-radius:var(--kup-space-00);display:flex;font-size:var(--kup_card_scalable_static_font_size, calc(var(--kup_card_scalable_starting_font_size) * var(--kup_card_scalable_multiplier, 1)));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%;box-sizing:border-box;padding:var(--kup-space-03)}.standard-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-1 kup-button{margin-right:0}.standard-layout-1 #image1 img{object-fit:cover}.standard-layout-1.has-actions{padding-bottom:52px}.standard-layout-1.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-1 .section-1{height:60%;width:100%}.standard-layout-1 .section-2{height:40%;width:100%;overflow:auto}.standard-layout-1 .section-2 .sub-2.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-1 .section-2 .sub-2.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-1 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-1 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-1 .section-3 kup-button{margin-left:0.25em}.standard-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-2 kup-button{margin-right:0}.standard-layout-2 #image1 img{object-fit:cover}.standard-layout-2.has-actions{padding-bottom:52px}.standard-layout-2.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-2 .section-1{width:100%}.standard-layout-2 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-2 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-2 .section-2{height:75%;width:100%}.standard-layout-2 .section-3{width:100%;overflow:auto}.standard-layout-2 .section-3 .sub-3.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-2 .section-3 .sub-3.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-2 .section-4{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-2 .section-4 kup-button{margin-left:0.25em}.standard-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-3 kup-button{margin-right:0}.standard-layout-3 #image1 img{object-fit:cover}.standard-layout-3.has-actions{padding-bottom:52px}.standard-layout-3.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-3 .section-1{height:75%;width:100%}.standard-layout-3 .section-1 .media{position:relative;height:100%;width:100%}.standard-layout-3 .section-1 .text-on-media{position:absolute;bottom:0;left:0}.standard-layout-3 .section-1 .sub-1.title{color:white;padding:0 1em;padding-top:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-3 .section-1 .sub-1.subtitle{color:white;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-3 .section-2{width:100%;overflow:auto}.standard-layout-3 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-3 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-3 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-3 .section-3 kup-button{margin-left:0.25em}.standard-layout-4{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-4 kup-button{margin-right:0}.standard-layout-4 #image1 img{object-fit:cover}.standard-layout-4.has-actions{padding-bottom:52px}.standard-layout-4.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-4 .section-1{display:flex;height:100%;width:100%}.standard-layout-4 .section-1 .sub-1.image{width:33%}.standard-layout-4 .section-1 .sub-1.text{width:77%}.standard-layout-4 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-4 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-4 .section-2{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-4 .section-2 kup-button{margin-left:0.25em}.standard-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);height:100%;overflow:hidden;width:100%}.standard-layout-5 .section-1{background-color:var(--color-0);height:3%}.standard-layout-5 .section-2{display:flex;height:53%}.standard-layout-5 .section-3{display:flex;height:24%}.standard-layout-5 .section-4{display:flex;height:20%;background-color:var(--color-1)}.standard-layout-5 .sub-2{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.standard-layout-5 .sub-2.icon{min-height:20px;flex:0 0 10%;max-width:10%}.standard-layout-5 .sub-2.icon #image1{box-sizing:border-box;margin:auto;padding:0 20%}.standard-layout-5 .sub-2.icon #image1 img{object-fit:contain}.standard-layout-5 .sub-2.text{flex:0 0 70%;max-width:70%;margin:auto;height:100%;flex-wrap:nowrap;padding:1em;text-align:left}.standard-layout-5 .sub-2.image{box-sizing:border-box;flex:0 0 20%;padding:1.5vh 0;max-width:20%}.standard-layout-5 .sub-2.image #image2{box-sizing:border-box;margin:auto;padding:0 10%}.standard-layout-5 .sub-2.image #image2 img{object-fit:contain}.standard-layout-5 .sub-2 .desc-text{overflow:auto}.standard-layout-5 .sub-2 .alt-text{color:var(--kup-primary-color)}.standard-layout-5 .sub-3{box-sizing:border-box}.standard-layout-5 .sub-3.progress-bar{margin:auto;padding:0 5%;vertical-align:2px;width:80%}.standard-layout-5 .sub-3.button{margin:auto;text-align:center;width:20%}.standard-layout-5 .sub-3 kup-button{margin:auto}.standard-layout-5 .sub-4{box-sizing:border-box;margin:auto}.standard-layout-5 .sub-4.text{width:50%;font-size:0.875em}.standard-layout-5 .sub-4 div{padding:0 5%}.standard-layout-5 .sub-4 .alt-text{color:var(--color-0);font-size:1em}.standard-layout-5 .alt-text{font-weight:bold}@media screen and (max-width: 767px){.standard-layout-5 .sub-2.image{display:none}.standard-layout-5 .sub-2.icon{flex-basis:30%;max-width:30%}}.standard-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%}.standard-layout-6 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.standard-layout-6 .section-1 .alt-text{color:var(--kup_card_dynamic_color_0);height:100%;text-align:center;writing-mode:vertical-lr;margin:auto;font-size:1.25em}.standard-layout-6 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.standard-layout-6 .section-2 .sub-2{margin:auto;text-align:center}.standard-layout-6 .section-2 .sub-2 kup-progress-bar{margin-bottom:1em}.standard-layout-6 kup-button{position:absolute;bottom:2%;right:2%}.standard-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.standard-layout-7 #image1 img{margin:auto;object-fit:contain}.standard-layout-7 .section-1{background-color:var(--color-0);height:5%;width:100%}.standard-layout-7 .section-2{height:80%;width:100%;text-align:center;padding:25px 25%;box-sizing:border-box}.standard-layout-7 .section-2 .sub-2{margin:auto}.standard-layout-7 .section-2 .sub-2.image{box-sizing:border-box;height:65%}.standard-layout-7 .section-2 .sub-2.text{font-size:1.4em;letter-spacing:1.2px;padding-top:1em;height:35%}.standard-layout-7 .section-3{display:flex;height:15%;width:100%}.standard-layout-7 .section-3 .alt-text{margin:auto;opacity:0.75;width:50%}.standard-layout-7 .section-3 .alt-text:nth-child(1){margin-left:1em;text-align:left}.standard-layout-7 .section-3 .alt-text:nth-child(2){margin-right:1em;text-align:right}.standard-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-8 .background{background-color:var(--color-0);content:"";height:100%;width:100%;opacity:0.1;pointer-events:none;position:absolute;top:0;left:0;z-index:1}.standard-layout-8 .section-1{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow:auto;height:auto}.standard-layout-8 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.standard-layout-8 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em;max-width:75%}.standard-layout-8 .section-1 .sub-3{color:var(--color-0);font-weight:bold;text-align:center;font-size:1.2em;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;max-height:calc(24px + 2.25em);padding:0 1em;overflow:hidden}.standard-layout-8 .section-1 .sub-3 kup-image{margin:auto}.standard-layout-8 .section-2{display:flex;height:auto;overflow:auto}.standard-layout-9{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-9 #image1 img{object-fit:contain}.standard-layout-9 .section-1{margin-top:auto;margin-right:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-9 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-9 .sub-2{display:flex;flex-direction:row}.standard-layout-9 .text{text-align:left}.standard-layout-9 .text-wrapper{display:flex;flex-direction:column}.standard-layout-9 .icon{margin:auto;padding:0 1.25em}.standard-layout-9 .description{font-size:1.5em;letter-spacing:1px;padding-left:1.25em;padding-top:0.25em}.standard-layout-9 .title{font-size:2.75em;font-weight:bold}.standard-layout-9 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-10{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-10 #image1 img{object-fit:contain}.standard-layout-10 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-10 .section-2{margin-top:auto;margin-left:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-10 .sub-2{display:flex;flex-direction:row-reverse}.standard-layout-10 .text{text-align:right}.standard-layout-10 .text-wrapper{display:flex;flex-direction:column}.standard-layout-10 .icon{margin:auto;padding:0 1.25em}.standard-layout-10 .description{font-size:1.5em;letter-spacing:1px;padding-right:1.25em;padding-top:0.25em}.standard-layout-10 .title{font-size:2.75em;font-weight:bold}.standard-layout-10 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-11{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-11 #image1 img{object-fit:contain}.standard-layout-11 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;min-width:6em;max-width:6em;overflow:hidden;transition:0.25s ease-in}.standard-layout-11 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-11 .sub-1{background-color:var(--color-0);height:100%;text-align:center;writing-mode:vertical-lr;min-width:6em;display:flex;transition:width 0.25s ease-in}.standard-layout-11 .sub-1 div{font-size:1.25em}.standard-layout-11 .sub-2{display:flex;flex-direction:row}.standard-layout-11 .text:not(.description){text-align:left}.standard-layout-11 .text-wrapper{display:flex;flex-direction:column}.standard-layout-11 .icon{margin:auto;padding:0 1.25em}.standard-layout-11 .description{font-size:1.5em;letter-spacing:1px;margin:auto;color:var(--kup_card_dynamic_color_0)}.standard-layout-11 .title{font-size:2.75em;font-weight:bold;margin-top:auto}.standard-layout-11 .subtitle{font-size:1.5em;opacity:0.75;margin-bottom:auto}.standard-layout-12{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-12 .section-1{display:inline-flex;border-bottom:1px solid var(--kup-border-subtle);width:100%}.standard-layout-12 .section-1 kup-button{margin:0}.standard-layout-12 .section-2{display:flex;flex-direction:column}.standard-layout-12 .section-2.has-content{border-bottom:1px solid var(--kup-border-subtle);padding:var(--kup-space-05)}.standard-layout-12 .section-2 kup-date-picker:first-of-type,.standard-layout-12 .section-2 kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-12 .section-3{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto;padding:var(--kup-space-05)}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-subtle);line-height:1.75em}.standard-layout-14{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);max-width:40vw;min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.standard-layout-14 .section-1 .top{display:flex;justify-content:space-between}.standard-layout-14 .section-1 .buttons{display:flex}.standard-layout-14 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-14 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-14 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.standard-layout-14 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-14 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-14 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto;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}.standard-layout-14 .section-1 .info .value{font-weight:600;width:100%;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-14 .section-2,.standard-layout-14 .section-3{padding:1em}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em 0}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-subtle)}.standard-layout-14 .sub-field{display:flex;flex-direction:column;gap:var(--kup-space-03)}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-subtle);padding:0.5em 0}.standard-layout-14 .sub-field kup-date-picker:first-of-type,.standard-layout-14 .sub-field kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-14 .sub-spinner{height:100px}.standard-layout-14 .sub-autocomplete{padding-top:1em}.standard-layout-14 .sub-autocomplete kup-autocomplete{margin:auto;padding:0.5em 0;width:max-content}.standard-layout-14 .sub-switch{display:flex;justify-content:space-evenly;padding:2em}.standard-layout-14 .sub-tree{max-height:25vh;overflow:auto}.standard-layout-14 #apply{display:none;margin:auto}.standard-layout-14 #apply.visible{display:block}.standard-layout-14 #open-in-new,.standard-layout-14 #search,.standard-layout-14 #new{margin:0 0 0.5em 0}.standard-layout-15{background:var(--kup-background-color);border-radius:3px;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);max-width:40vw;outline:none}.standard-layout-15 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-15 .section-1 .sub-1{width:100%}.standard-layout-15 .section-1 .top{display:flex;justify-content:space-between}.standard-layout-15 .section-1 .buttons{display:flex}.standard-layout-15 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-15 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-15 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.standard-layout-15 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-15 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-15 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto;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}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-subtle);box-sizing:border-box;height:180px;opacity:1;overflow:auto;transition:height 250ms ease-out, opacity 250ms ease-out}.standard-layout-15 .section-2 .info{box-sizing:border-box;height:100%;overflow:auto;padding:1.25em}.standard-layout-15 .section-2 .detail-row{align-items:center;display:flex;justify-content:space-between}.standard-layout-15 .section-2 .detail-row:not(:last-child){margin-bottom:6px}.standard-layout-15 .section-2 .detail-row__label{color:rgba(var(--kup-text-color-rgb), 0.5);margin-top:0.175em;max-width:320px;padding-right:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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}.standard-layout-15 .section-2 .detail-row__value{color:var(--kup-text-color);font-size:105%;font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-subtle);display:flex;justify-content:flex-end;padding:6px;padding-top:2px;padding-bottom:2px}.standard-layout-15 .section-3 kup-button{margin:auto 0}.standard-layout-15 #open-in-new,.standard-layout-15 #search,.standard-layout-15 #new{margin:0 0 0.5em 0}.standard-layout-16{background:var(--kup-layer-1);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);outline:none}.standard-layout-16 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-16 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-16 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.standard-layout-16 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-16 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-16 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto;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}.standard-layout-16 .section-1 .info .value{font-weight:600;width:100%;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-16 .section-3 kup-text-field{padding:var(--kup-space-05);box-sizing:border-box}.standard-layout-16 #open-in-new,.standard-layout-16 #search,.standard-layout-16 #new{margin:0 0 0.5em 0}.standard-layout-17{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-17 .section-1{border-bottom:1px solid var(--kup-border-subtle)}.standard-layout-17 .section-1.has-content{border-bottom:1px solid var(--kup-border-subtle);padding:var(--kup-space-05)}.standard-layout-17 .section-2{display:flex;flex-direction:column;min-width:16rem;overflow-y:auto;max-height:16rem}:host{--kup_card_backdrop:var(--kup-card-backdrop, rgba(0, 0, 0, 0.32));--kup_card_ripple_color:var(\n    --kup-card-ripple-color,\n    var(--kup-primary-color)\n  );--kup_card_scalable_box_shadow:var(\n    --kup-card-scalable-box-shadow,\n    0 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0 1px 1px 0 rgba(0, 0, 0, 0.14),\n    0 1px 3px 0 rgba(0, 0, 0, 0.12)\n  );--kup_card_scalable_starting_font_size:var(\n    --kup-card-scalable-starting-font-size,\n    3em\n  );--kup_card_scalable_static_font_size:var(\n    --kup-card-scalable-static-font-size\n  );display:block;font-size:var(--kup-font-size);height:var(--kup_card_height);min-height:var(--kup_card_height);min-width:var(--kup_card_width);outline:none;position:relative;width:var(--kup_card_width)}:host([is-menu]){display:none;animation:fade-in 0.25s ease-out}:host([menu-visible]){box-shadow:var(--kup-box-shadow);display:block}@media screen and (max-width: 600px){:host(#kup-tooltip){z-index:1000 !important;width:100%;inset:auto 0px 0px !important}}#kup-component{height:100%;width:100%}.mdc-ripple-surface{cursor:pointer;flex-direction:column;display:flex;height:100%;position:relative}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_card_ripple_color)}.card-view{animation:fade-in 0.25s ease-out;display:none;height:100%;width:100%}.card-view.visible{display:block}';const Gn=Xn;const Un=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-card-click",6);this.kupClose=e(this,"kup-card-close",6);this.kupEvent=e(this,"kup-card-event",6);this.kupReady=e(this,"kup-card-ready",6);this.cardEvent=t=>{t.stopPropagation();this.onKupEvent(t)};this.kupManager=a();this.scalingActive=false;this.componentWrapper=null;this.colorPicker=null;this.firstColorPickerChange=true;this.customStyle="";this.data=null;this.isMenu=false;this.layoutFamily=j.STANDARD;this.layoutNumber=1;this.menuVisible=false;this.sizeX="100%";this.sizeY="100%"}onKupClick(t,e){this.kupClick.emit({comp:this,id:t,value:e})}onKupClose(t){this.kupClose.emit({comp:this,id:t});this.rootElement.remove()}onKupEvent(t){Ds(this,t);this.kupEvent.emit({comp:this,id:this.rootElement.id,event:t})}async getProps(t){return l(this,W,t)}async refresh(){i(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.layoutManager()}),300)}async setProps(t){h(this,W,t)}setEvents(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector("#"+z.DIALOG_CLOSE);if(e){e.onclick=()=>this.onKupClose(z.DIALOG_CLOSE)}const i=t.querySelectorAll("."+y.CLICKABLE_LINK);for(let t=0;t<i.length;t++){const e=i[t];e.onclick=t=>{t.stopPropagation();this.onKupClick(e.id,null)}}}}collapsible(){const t=this.rootElement.shadowRoot;const e=t.querySelector("."+y.COLLAPSIBLE_ELEMENT);const i=t.querySelector("."+y.COLLAPSIBLE_CARD);const s=t.querySelector("."+y.COLLAPSIBLE_WRAPPER);if(!i.classList.contains(y.EXPANDED)){if(e.clientHeight>s.clientHeight){if(!i.classList.contains(y.COLLAPSIBLE_ACTIVE)){i.classList.add(y.COLLAPSIBLE_ACTIVE)}}else{if(i.classList.contains(y.COLLAPSIBLE_ACTIVE)){i.classList.remove(y.COLLAPSIBLE_ACTIVE)}}}}getLayout(){const t=this.layoutFamily.toLowerCase();const e="create"+this.layoutNumber;try{switch(t){case j.BOX:{return Ue[e](this)}case j.BUILT_IN:{return Cs[e](this)}case j.COLLAPSIBLE:{return Ss[e](this)}case j.DIALOG:{return Bs[e](this)}case j.FREE:{return Gs[e](this)}case j.SCALABLE:{return ln[e](this)}default:case j.STANDARD:{return Wn[e](this)}}}catch(t){this.kupManager.debug.logMessage(this,t,f.WARNING);let e={resource:"warning",title:this.kupManager.language.translate(g.LAYOUT_NYI)+"!"};return s(jt,Object.assign({},e))}}dialog(){const t=this.rootElement.shadowRoot;if(t){const e=this.rootElement;const i=t.querySelector("#"+z.DRAG_HANDLE);const s=!!t.querySelector("."+y.DIALOG_UNRESIZABLE);if(!this.kupManager.interact.isRegistered(e)){this.kupManager.interact.dialogify(e,i?i:null,s)}}}builtIn(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector("."+y.BUILT_IN_CARD);switch(this.layoutNumber){case 4:const t=this.data&&this.data.options?this.data.options:null;const i=t?t.initialValue:null;if(!this.colorPicker){this.colorPicker=new Bn({alpha:false,color:i,parent:e,popup:false,onChange:t&&t.changeCb?e=>{if(!this.firstColorPickerChange){t.changeCb(e)}this.firstColorPickerChange=false}:null});if(t&&t.creationCb){t.creationCb(this.colorPicker)}}break}}}layoutManager(){const t=this.rootElement.shadowRoot;if(this.componentWrapper){const e=this.layoutFamily.toLowerCase();const i=t.querySelectorAll(".dyn-color");for(let t=0;t<i.length;t++){this.rootElement.style.setProperty("--kup_card_dynamic_color_"+t,this.kupManager.theme.colorContrast(window.getComputedStyle(i[t]).backgroundColor))}const s=t.querySelectorAll("."+y.AUTOSCROLL);if(s&&s.length){s.forEach((t=>{t.scrollTop=t.scrollHeight}))}switch(e){case j.COLLAPSIBLE:this.collapsible();break;case j.DIALOG:this.dialog();break;case j.BUILT_IN:this.builtIn();break;case j.SCALABLE:if(!this.scalingActive){this.scalable()}break}}}registerListeners(){const t=this.rootElement.shadowRoot;t.addEventListener("kup-autocomplete-blur",this.cardEvent);t.addEventListener("kup-autocomplete-change",this.cardEvent);t.addEventListener("kup-autocomplete-input",this.cardEvent);t.addEventListener("kup-autocomplete-itemclick",this.cardEvent);t.addEventListener("kup-button-click",this.cardEvent);t.addEventListener("kup-checkbox-change",this.cardEvent);t.addEventListener("kup-chip-blur",this.cardEvent);t.addEventListener("kup-chip-click",this.cardEvent);t.addEventListener("kup-chip-iconclick",this.cardEvent);t.addEventListener("kup-combobox-change",this.cardEvent);t.addEventListener("kup-combobox-itemclick",this.cardEvent);t.addEventListener("kup-datatable-cellupdate",this.cardEvent);t.addEventListener("kup-datatable-rowselected",this.cardEvent);t.addEventListener("kup-datepicker-cleariconclick",this.cardEvent);t.addEventListener("kup-datepicker-input",this.cardEvent);t.addEventListener("kup-datepicker-itemclick",this.cardEvent);t.addEventListener("kup-datepicker-textfieldsubmit",this.cardEvent);t.addEventListener("kup-dropdownbutton-itemclick",this.cardEvent);t.addEventListener("kup-list-click",this.cardEvent);t.addEventListener("kup-switch-change",this.cardEvent);t.addEventListener("kup-tabbar-click",this.cardEvent);t.addEventListener("kup-textfield-cleariconclick",this.cardEvent);t.addEventListener("kup-textfield-change",this.cardEvent);t.addEventListener("kup-textfield-input",this.cardEvent);t.addEventListener("kup-textfield-submit",this.cardEvent);t.addEventListener("kup-timepicker-cleariconclick",this.cardEvent);t.addEventListener("kup-timepicker-input",this.cardEvent);t.addEventListener("kup-timepicker-itemclick",this.cardEvent);t.addEventListener("kup-timepicker-textfieldsubmit",this.cardEvent);t.addEventListener("kup-tree-dynamicmassexpansion",this.cardEvent);t.addEventListener("kup-tree-buttonclick",this.cardEvent);t.addEventListener("kup-tree-didunload",this.cardEvent);t.addEventListener("kup-tree-nodecollapse",this.cardEvent);t.addEventListener("kup-tree-nodedblclick",this.cardEvent);t.addEventListener("kup-tree-nodeexpand",this.cardEvent);t.addEventListener("kup-tree-nodeselected",this.cardEvent)}async scalable(){this.scalingActive=true;const t=this.rootElement.shadowRoot;const e=t.querySelector(".scalable-element");const i=this.rootElement;const s=90/100*i.clientHeight;const n=85/100*i.clientWidth;const o=95/100*i.clientWidth;const a=.1;let r=75;let l=1;let h=0;const c=async()=>{i.style.setProperty("--kup_card_scalable_multiplier",l.toFixed(1)+"");this.kupManager.debug.logMessage(this,"Redrawing scalable card ("+ ++h+").",f.INFO)};const u=t=>parseFloat(t.toFixed(1));i.style.opacity="0";i.style.transition="opacity 125ms ease-in";await c();while((e.clientWidth<n||e.clientWidth>o)&&r>0&&l>a){r--;if(e.clientWidth<n&&e.clientHeight<=s){l=u(l+a);await c()}else if(e.clientWidth>o){l=u(l-a);await c()}else{r=0}}i.style.opacity="1";this.scalingActive=false}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this);this.registerListeners()}componentDidLoad(){const t=this.rootElement.shadowRoot.querySelector(".mdc-ripple-surface");if(t){Et.attachTo(t)}this.kupManager.resize.observe(this.rootElement);this.kupReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.setEvents();this.layoutManager();if(this.isMenu&&this.menuVisible&&(!document.activeElement||document.activeElement.tagName==="BODY")){setTimeout((()=>{this.rootElement.focus()}),0)}this.kupManager.debug.logRender(this,true)}render(){if(!this.data&&this.rootElement.children.length<1){return}const t={"--kup_card_height":this.sizeY?this.sizeY:"100%","--kup_card_width":this.sizeX?this.sizeX:"100%"};return s(n,{style:t},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct,onClick:()=>this.onKupClick(null,null),ref:t=>this.componentWrapper=t},this.getLayout()))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement]);this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Un.style=Gn;var qn;(function(t){t["asp"]="Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs.";t["axis"]="Sets the axis of the chart.";t["colors"]="Colors of the chart.";t["chartTitle"]="Title of the graph.";t["customStyle"]="Custom style of the component.";t["data"]="The actual data of the chart.";t["hAxis"]="Customize the hAxis.";t["legend"]="Sets the position of the legend. Supported values: bottom, labeled, left, none, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.";t["offlineMode"]="Renders charts without the Google API and using jQuery Sparkline.";t["series"]="The data series to be displayed. They must be of the same type.";t["showMarks"]="Displays the numerical values.";t["sizeX"]="The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).";t["sizeY"]="The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";t["sorting"]="Used to sort series.";t["stacked"]="Displays the data columns of an object on top of each other.";t["types"]="The type of the chart. Supported formats: Area, Bubble, Cal, Candlestick, Combo, Geo, Hbar, Line, Ohlc, Pie, Sankey, Scatter, Unk, Vbar.";t["vAxes"]="Customize the vAxes for multiple-charts.";t["vAxis"]="Customize the vAxis.";t["version"]="Google chart version to load."})(qn||(qn={}));var Jn;(function(t){t["D2"]="2D";t["D3"]="3D"})(Jn||(Jn={}));var Zn;(function(t){t["Area"]="Area";t["Bubble"]="Bubble";t["Cal"]="Cal";t["Candlestick"]="Candlestick";t["Combo"]="Combo";t["Geo"]="Geo";t["Hbar"]="Hbar";t["Line"]="Line";t["Ohlc"]="Ohlc";t["Pie"]="Pie";t["Sankey"]="Sankey";t["Scatter"]="Scatter";t["Unk"]="Unk";t["ColumnChart"]="ColumnChart";t["Vbar"]="Vbar"})(Zn||(Zn={}));function Qn(t,e){if(t==null||e==null){return null}for(let i=0;i<e.length;i++){let s=e[i];if(s!=null&&s.name==t){return s.title}}return t}const to=(t,{series:e,axis:i})=>{if(!t||!e){return[]}const s=[];const n=O(t.columns,i);if(n){s.push(n)}e.map((e=>{const i=O(t.columns,e.code);if(i){s.push(i)}}));return s};const eo=(t,e,i)=>{if(!t){return[]}const s=[];if(t.rows){const n=new Tt;const o=new M;t.rows.forEach((t=>{const a=t.cells;const r=[];e.forEach(((t,e)=>{const s=a[t.name];if(s&&s.obj){const t=i&&e>0;if(o.isNumber(s.obj)){const e=D(s);r.push(e);if(t){r.push(e.toString())}}else if(o.isDate(s.obj)){const e=n.toDate(o.parseDate(s.obj));r.push(e);if(t){r.push(e.toString())}}else if(o.isTime(s.obj)){const e=n.normalize(s.obj.k,Mt.ISO_TIME);r.push(e.toDate());if(t){r.push(e.toDate())}}else if(o.isTimestamp(s.obj)){const e=n.normalize(s.obj.k,Mt.ISO_DATE_TIME);r.push(e.toDate());if(t){r.push(e.toDate())}}else{r.push(s.obj.k);if(t){r.push(s.value)}}}}));s.push(r)}))}return s};const io=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;margin:auto;position:relative}:host #kup-component{height:100%;width:100%;overflow:hidden}";const so=io;const no=class{constructor(i){t(this,i);this.kupChartClick=e(this,"kup-chart-click",6);this.kupManager=a();this.elStyle=undefined;this.themeColors=null;this.themeText=null;this.asp=undefined;this.axis=undefined;this.chartTitle=undefined;this.colors=[];this.customStyle="";this.data=undefined;this.hAxis=undefined;this.hAxes=undefined;this.legend="right";this.offlineMode=undefined;this.series=undefined;this.showMarks=false;this.sizeX="100%";this.sizeY="100%";this.sorting=null;this.stacked=false;this.types=[Zn.Hbar];this.vAxes=undefined;this.vAxis=undefined;this.trendlines=undefined;this.version="45.2"}identifyRows(){if(this.data){T(this.data.rows)}}async getProps(t){return l(this,qn,t)}async refresh(){i(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{if(!this.offlineMode){const t=this.createGoogleChartOptions();try{this.gChart.draw(this.gChartView,t)}catch(t){}}else{this.loadOfflineChart()}}),300)}async setProps(t){h(this,qn,t)}loadGoogleChart(){google.charts.setOnLoadCallback(this.createChart.bind(this))}createGoogleChart(){if(this.isComboChart()){return new google.visualization.ComboChart(this.chartContainer)}else if(this.types.length===1){switch(this.types[0]){case Zn.Area:return new google.visualization.AreaChart(this.chartContainer);case Zn.Bubble:return new google.visualization.BubbleChart(this.chartContainer);case Zn.Cal:return new google.visualization.Calendar(this.chartContainer);case Zn.Candlestick:return new google.visualization.CandlestickChart(this.chartContainer);case Zn.Geo:return new google.visualization.GeoChart(this.chartContainer);case Zn.Hbar:return new google.visualization.BarChart(this.chartContainer);case Zn.Line:return new google.visualization.LineChart(this.chartContainer);case Zn.Pie:return new google.visualization.PieChart(this.chartContainer);case Zn.Sankey:return new google.visualization.Sankey(this.chartContainer);case Zn.Scatter:return new google.visualization.ScatterChart(this.chartContainer);default:return new google.visualization.ColumnChart(this.chartContainer)}}}getMainChartType(){if(this.types.length>0){return this.types[0]}return Zn.Unk}isComboChart(){return this.types.length>1}createGoogleChartOptions(){const t={backgroundColor:"transparent",is3D:Jn.D3===this.asp};if(this.trendlines)t.trendlines=this.trendlines;if(this.colors&&this.colors.length>0){t.colors=this.colors}else{t.colors=this.themeColors}if(this.legend&&this.legend!=="none"){t.legend={position:this.legend,textStyle:{color:this.themeText}}}else{t.legend={position:"none"}}if(this.stacked&&(Zn.ColumnChart===this.getMainChartType()||Zn.Unk===this.getMainChartType()||Zn.Hbar===this.getMainChartType()||Zn.Vbar===this.getMainChartType())){t.isStacked=true}if(this.chartTitle){t.title=this.chartTitle.value;t.titleTextStyle={};if(this.chartTitle.color){t.titleTextStyle.color=this.chartTitle.color}else{t.titleTextStyle.color=this.themeText}if(this.chartTitle.size){t.titleTextStyle.fontSize=this.chartTitle.size}}if(this.isComboChart()){t.series={};this.types.forEach(((e,i)=>{let s="bars";if(Zn.Line===e){s="line"}else if(Zn.Area===e){s="area"}let n="";if(this.vAxes&&this.vAxes.length>0||this.hAxes&&this.hAxes.length>0){n=i.toString()}t.series[i.toString()]={type:s,targetAxisIndex:n}}))}if(this.vAxes){t.vAxes={};this.vAxes.forEach(((e,i)=>{t.vAxes[i.toString()]=e}))}if(this.vAxis){t.vAxis=this.vAxis;t.vAxis["textStyle"]={color:this.themeText}}else{t.vAxis={textStyle:{color:this.themeText}}}if(this.hAxes){t.hAxes={};this.hAxes.forEach(((e,i)=>{t.hAxes[i.toString()]=e}))}if(this.hAxis){t.hAxis=this.hAxis;t.hAxis["textStyle"]={color:this.themeText}}else{t.hAxis={textStyle:{color:this.themeText}}}if(this.types[0]==="Pie"){t.slices=[];for(let e=0;e<t.colors.length;e++){t.slices.push({textStyle:{color:this.kupManager.theme.colorContrast(t.colors[e])}})}}return t}createChart(){const t=to(this.data,{axis:this.axis,series:this.series});const e=eo(this.data,t,this.showMarks);const i=[];for(let e=0;e<t.length;e++){const s=t[e];i.push({label:Qn(s.name,this.data.columns)});if(e>0&&this.showMarks){i.push({type:"string",role:"annotation"})}}this.gChartDataTable=new google.visualization.arrayToDataTable([i,...e]);this.gChartView=new google.visualization.DataView(this.gChartDataTable);if(this.sorting&&this.sorting.length>0){this.gChartView.setRows(this.gChartView.getSortedRows(this.sorting))}this.gChart=this.createGoogleChart();const s=this.createGoogleChartOptions();this.gChart.draw(this.gChartView,s);google.visualization.events.addListener(this.gChart,"select",this.onChartSelect.bind(this))}onChartSelect(){const t=this.gChart.getSelection()[0];if(t){const e={comp:this,id:this.rootElement.id};if(t.date){e.datetime=t.date;if(t.row||t.row==0){const i=this.gChartView.getTableRowIndex(t.row);e.row=this.data.rows[i];e.rowindex=i}else{return}}else{const i=t.row;const s=t.column;const n=this.gChartView.getTableRowIndex(i!=null?i:0);e.row=this.data.rows[n];e.rowindex=n;if(this.series.length>1){let t=this.gChartView.getTableColumnIndex(s!=null?s:0);if("annotation"===this.gChartDataTable.getColumnProperty(t,"role")){--t}e.column=O(this.data.columns,this.series[t-1].code);e.colindex=t}else{e.column=O(this.data.columns,this.series[0].code);e.colindex=0}}this.kupChartClick.emit(e)}}loadOfflineChart(){if(!this.offlineMode.value||this.offlineMode.value==""){this.kupManager.debug.logMessage(this,"Incorrect or incomplete data, can't render chart in offline mode!",f.WARNING);return}let t=this.offlineMode.value.split(";");let e=undefined;var i={height:this.rootElement.clientHeight,width:this.rootElement.clientWidth};if(this.colors&&this.colors.length>0){e=this.colors}else{e=this.themeColors}switch(this.offlineMode.shape){case"box":i["type"]="box";break;case"bul":case"bullet":i["type"]="bullet";i["targetWidth"]=this.rootElement.clientWidth/20;break;case"dis":case"discrete":i["type"]="discrete";i["lineColor"]=e[0];break;case"lin":case"line":i["type"]="line";i["lineColor"]=e[0];i["fillColor"]=e[1];break;case"pie":i["type"]="pie";i["sliceColors"]=e;break;case"tri":case"tristate":i["type"]="tristate";i["barWidth"]=this.rootElement.clientWidth/t.length;break;default:i["type"]="bar";i["barColor"]=e[0];i["negBarColor"]=e[1];i["zeroBarColor"]=e[2];i["barWidth"]=this.rootElement.clientWidth/t.length}$(this.chartContainer).sparkline(this.complianceCheck(t),i)}complianceCheck(t){let e=[t.length];let i=0;t.forEach((t=>{try{t=t.replace(",",".");e[i++]=parseFloat(t)}catch(t){e[i++]=null}}));return e}fetchThemeColors(){const t=[];const e="--kup-chart-color-";for(let i=1;this.kupManager.theme.cssVars[e+i];i++){t.push(this.kupManager.theme.cssVars[e+i])}this.themeText=this.kupManager.theme.cssVars[p.TEXT];try{for(let e=0;e<this.data.rows.length||e<this.data.columns.length;e++){t.push(this.kupManager.theme.randomColor(25))}}catch(t){if(!this.offlineMode){this.kupManager.debug.logMessage(this,"Chart colors setup failed!",f.WARNING)}}this.themeColors=t}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.identifyRows()}componentDidLoad(){this.kupManager.resize.observe(this.rootElement);if(!this.offlineMode&&(!this.axis||!this.series)){return}if(google&&!this.offlineMode){document.querySelectorAll(`link[href^="https://www.gstatic.com/charts/${this.version}/css"]`).forEach((t=>this.rootElement.shadowRoot.appendChild(t.cloneNode())));try{this.loadGoogleChart()}catch(t){console.error(t)}}else{try{this.loadOfflineChart()}catch(t){console.error(t)}}this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.fetchThemeColors()}componentDidRender(){this.kupManager.debug.logRender(this,true)}componentWillUpdate(){if(this.gChart){this.gChart.clearChart()}}componentDidUpdate(){if(!this.offlineMode){this.loadGoogleChart()}else{this.loadOfflineChart()}}render(){this.elStyle=undefined;this.elStyle={height:this.sizeY,minHeight:this.sizeY,width:this.sizeX,minWidth:this.sizeX};return s(n,{key:"c77ecf9340d7a436406e99adffa75580a2389212",style:this.elStyle},s("style",{key:"42248a47432001b86591b90fee854fcc8553daa1"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"6e24e6341b89e4d5d6087e85067250bb65a48f5b",id:Ct,ref:t=>this.chartContainer=t}))}disconnectedCallback(){this.kupManager.theme.unregister(this);this.kupManager.resize.unobserve(this.rootElement)}get rootElement(){return o(this)}static get watchers(){return{data:["identifyRows"]}}};no.style=so;var oo;(function(t){t["checked"]="Defaults at false. When set to true, the component will be set to 'checked'.";t["customStyle"]="Custom style of the component.";t["disabled"]="When set to true, the component is disabled.";t["indeterminate"]="When set to true, the component will be set to 'indeterminate'.";t["label"]="When specified, its content will be shown as a label.";t["leadingLabel"]="When set to true, the label will be on the left of the component."})(oo||(oo={}));const ao=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;margin:auto}";const ro=ao;const lo=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-checkbox-blur",6);this.kupChange=e(this,"kup-checkbox-change",6);this.kupFocus=e(this,"kup-checkbox-focus",6);this.kupManager=a();this.value="";this.alert="";this.checked=false;this.customStyle="";this.disabled=false;this.error="";this.indeterminate=false;this.label=null;this.leadingLabel=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,checked:this.checked==true?true:false,value:this.value})}onKupChange(){if(this.indeterminate){this.checked=true;this.indeterminate=false;this.value="indeterminate"}else if(this.checked){this.checked=false;this.value="off"}else{this.checked=true;this.value="on"}this.kupChange.emit({comp:this,id:this.rootElement.id,checked:this.checked,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,checked:this.checked==true?true:false,value:this.value})}async getProps(t){return l(this,oo,t)}async refresh(){i(this)}async setProps(t){h(this,oo,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.checked){this.value="on"}else{this.value="off"}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={checked:this.checked,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,indeterminate:this.indeterminate,info:this.rootElement.classList.contains("kup-info")?true:false,label:this.label,leadingLabel:this.leadingLabel,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,warning:this.rootElement.classList.contains("kup-warning")?true:false,alert:this.alert,error:this.error,onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(n,{key:"9bc426ce9f548a47e2391de0c92e4b7f28b46ac1"},s("style",{key:"323da2e0beabb0e8f16784b153dea13c96974a7c"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"7ee3d6e81b47037e15538cba61cf0a4f308b570e",id:Ct},s(Nt,Object.assign({key:"3e3cf55d3b952e8e60dda14c9626e5516bbf60a9"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};lo.style=ro;var ho;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="List of elements.";t["displayId"]="When enabled, the chip's text will display both the id and the value.";t["enableInput"]="When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field).";t["type"]="The type of chip. Available types: input, filter, choice or empty for default."})(ho||(ho={}));const co=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}";const uo=co;var po=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var fo,mo,go;const bo=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-chip-blur",6);this.kupChange=e(this,"kup-chip-change",6);this.kupClick=e(this,"kup-chip-click",6);this.kupFocus=e(this,"kup-chip-focus",6);this.kupIconClick=e(this,"kup-chip-iconclick",6);fo.add(this);this.kupManager=a();this.customStyle="";this.data=[];this.displayId=false;this.enableInput=false;this.type=St.STANDARD;this.sizing=It.MEDIUM;this.styling=Pt.RAISED}onKupBlur(t){this.kupBlur.emit({comp:this,id:this.rootElement.id,chip:t})}onKupClick(t){const e=this.type.toLowerCase()===St.CHOICE;const i=this.type.toLowerCase()===St.FILTER;if(e){this.kupManager.data.node.setProperties(this.data,{checked:false},true,[t])}if(e||i){t.checked=t.checked?false:true}this.kupClick.emit({comp:this,id:this.rootElement.id,chip:t});this.refresh()}onKupFocus(t){this.kupFocus.emit({comp:this,id:this.rootElement.id,chip:t})}onKupIconClick(t){this.kupIconClick.emit({comp:this,id:this.rootElement.id,chip:this.kupManager.data.node.remove(this.data,t)});this.kupChange.emit({comp:this,id:this.rootElement.id,stringifiedValues:po(this,fo,"m",go).call(this)});this.refresh()}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",f.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return l(this,ho,t)}async refresh(){i(this)}async setProps(t){h(this,ho,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.checkDataset(this.data)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillUpdate(){const t=this.type.toLowerCase()===St.CHOICE;let e=false;if(t){for(let t=0;this.data&&t<this.data.length;t++){if(this.data[t].checked&&e){this.data[t].checked=false;let e="Found occurence of data("+t+") to be set on 'checked' when another one was found before! Overriding to false because the 'choice' type only allows 1 'checked'.";this.kupManager.debug.logMessage(this,e,f.WARNING)}if(this.data[t].checked&&!e){e=true}}}}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){var t;const e={danger:this.rootElement.classList.contains("kup-danger")?true:false,data:this.data,displayId:this.displayId,info:this.rootElement.classList.contains("kup-info")?true:false,onBlur:[],onClick:[],onExpansionClick:[],onFocus:[],onIconClick:[],primary:this.rootElement.classList.contains("kup-primary")?true:false,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,sizing:this.sizing,styling:this.styling,success:this.rootElement.classList.contains("kup-success")?true:false,type:this.type,warning:this.rootElement.classList.contains("kup-warning")?true:false};for(let t=0;this.data&&t<this.data.length;t++){e.onBlur.push((t=>this.onKupBlur(t)));e.onClick.push((t=>this.onKupClick(t)));e.onExpansionClick.push(((t,e)=>{t.isExpanded=!t.isExpanded?true:false;if(e.ctrlKey&&t.children&&t.children.length>0){this.kupManager.data.node.setProperties(t.children,{isExpanded:t.isExpanded},true)}this.refresh()}));e.onFocus.push((t=>this.onKupFocus(t)));e.onIconClick.push((t=>this.onKupIconClick(t)))}return s(n,{key:"8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54","onKup-autocomplete-itemclick":t=>{po(this,fo,"m",mo).call(this,t)},"onKup-combobox-itemclick":t=>{po(this,fo,"m",mo).call(this,t)},"onKup-textfield-change":t=>{po(this,fo,"m",mo).call(this,t)}},s("style",{key:"a9c2bec738240a0e281a5b5901307c072794dd0c"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"9bdd7db8c5130175a4f4315203827ccfce8ae74c",id:Ct},((t=this.data)===null||t===void 0?void 0:t.length)>0?s(Rt,Object.assign({},e)):null,s("slot",{key:"b6669cc2db3989ce563a5b70f31a246756ebe816",name:"field"})))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["checkDataset"]}}};fo=new WeakSet,mo=async function t(e){var i,s;e.stopPropagation();const n=(i=e.detail)===null||i===void 0?void 0:i.value;const o=e.detail.node;if(n){const t=(s=this.data)===null||s===void 0?void 0:s.find((t=>t.id===n));if(!t){const t=this.data&&this.data.length?this.data:[];this.data=[...t,{id:o?o.id:n,value:o?o.value:n}];const e=this.rootElement.querySelector("[slot=field]");await e.setValue("");await e.refresh();await e.setFocus();this.kupChange.emit({comp:this,id:this.rootElement.id,stringifiedValues:po(this,fo,"m",go).call(this)})}}},go=function t(){let e="";this.data.forEach((t=>e+=t.id+";"));return e};bo.style=uo;var ko;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the text field.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]='Sets the initial value of the component. Can be css color name, hex code or rgb code (sample: "red" or rgb(255, 0, 0) or "#FF0000" ).';t["swatchOnly"]="When true, the component's text field will be replaced by a swatch."})(ko||(ko={}));const yo=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}#kup-component{transition:background-color 0.2s;width:max-content}#kup-component .mdc-text-field:not(.mdc-text-field--disabled){cursor:pointer}#kup-component .mdc-text-field:not(.mdc-text-field--disabled) input{cursor:pointer}#kup-component .mdc-text-field .kup-icon.action{background-color:var(--kup_colorpicker_thumb_color, var(--kup-icon-color)) !important}#kup-component .thumb-icon .kup-icon{border:3px solid rgba(var(--kup-text-color-rgb), 0.575);border-radius:50%;box-sizing:border-box}.color-picker{outline:none;height:1.5em;width:1.5em;margin:0.25em;border-radius:50%;border:0.1em solid var(--kup-border-subtle);background-color:transparent;cursor:pointer}.color-picker:disabled{cursor:default}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const vo=yo;const xo=class{constructor(i){t(this,i);this.kupChange=e(this,"kup-colorpicker-change",6);this.kupManager=a();this.clickCb=null;this.value=null;this.customStyle="";this.data=null;this.disabled=false;this.initialValue="";this.readOnly=false;this.swatchOnly=false}async getProps(t){return l(this,ko,t)}async getValue(){return this.value}async setFocus(){this.textfieldEl.querySelector("input").focus()}async setProps(t){h(this,ko,t)}async setValue(t){this.value=t;if(this.picker&&!this.isPickerOpened()){this.picker.setColor(t,true)}}async refresh(){i(this)}setHexValue(){if(this.value){if(this.value.indexOf("#")<0){this.value=this.kupManager.theme.colorCheck(this.value).hexColor}}}createCard(){const t=document.createElement("kup-card");const e={options:{initialValue:this.value,changeCb:t=>{this.setValue(t.hex.substring(0,7));this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value})},creationCb:t=>{this.picker=t}}};t.data=e;t.isMenu=true;t.layoutFamily=j.BUILT_IN;t.layoutNumber=4;return t}openPicker(){if(!this.card){this.card=this.createCard()}const t=this.textfieldEl;this.card.menuVisible=true;this.card.sizeX=this.textfieldEl.parentElement.clientWidth+"px";this.card.sizeY="auto";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.card)){this.kupManager.dynamicPosition.changeAnchor(this.card,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.card,this.textfieldEl.parentElement,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.card);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.card}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);const t=this.textfieldEl;if(t){t.classList.remove("toggled")}this.card.menuVisible=false;this.kupManager.dynamicPosition.stop(this.card)}isPickerOpened(){return this.card&&this.card.menuVisible?true:false}prepTextField(){let t=null;let e=Object.assign({readOnly:this.readOnly},this.data["kup-text-field"]);if(!e.icon){e.icon="brightness-1"}if(e.trailingIcon===undefined){e.trailingIcon=true}if(this.value===""){t=this.value;e.icon=""}else if(!this.value){const i=this.kupManager.language.translate(g.INVALID_COLOR)+": "+this.value;t=i;e.icon="warning";e.title=i}else{t=this.value}return s(dt,Object.assign({},e,{disabled:this.disabled,fullHeight:this.rootElement.classList.contains("kup-full-height")?true:false,fullWidth:this.rootElement.classList.contains("kup-full-width")?true:false,value:t,wrapperClass:e.icon==="brightness-1"?"thumb-icon":"",onClick:()=>{if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}},onIconClick:()=>{if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}}}))}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this);this.value=this.initialValue;this.setHexValue();if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillUpdate(){this.setHexValue()}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){this.textfieldEl=t.querySelector(".f-text-field");if(this.textfieldEl){mt(this.textfieldEl)}}this.kupManager.debug.logRender(this,true)}render(){let t=null;if(this.swatchOnly){t=s("button",{key:"9038771a91cd730f94d18c35954e83726b7da0cb",disabled:this.disabled,class:"color-picker",onClick:()=>this.openPicker(),style:{backgroundColor:this.value},type:"button"})}else{t=this.prepTextField()}const e={["--kup_colorpicker_thumb_color"]:this.value?this.value:""};return s(n,{key:"8e5696f5c34dc0b68c5ce0479c2015be1c3fb194",style:e},s("style",{key:"7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"f6a806242bfd2f16db903d03110c80c618ad18e8",id:Ct},t))}disconnectedCallback(){if(this.card){this.kupManager.dynamicPosition.unregister([this.card]);this.card.remove()}this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};xo.style=vo;var wo;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components (date input text field).";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["displayMode"]='Sets how to show the selected item value. Suported values: "code", "description", "both".';t["initialValue"]="Sets the initial value of the component";t["isClearable"]="Enables a clear trailing icon.";t["isSelect"]="Lets the combobox behave as a select element.";t["selectMode"]='Sets how to return the selected item value. Suported values: "code", "description", "both".';t["showDropDownIcon"]="When true shows the drop-down icon, for open list.";t["label"]="When set, its content will be shown as a label.";t["leadingLabel"]="When set to true, the label will be on the left of the component."})(wo||(wo={}));const _o=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size);width:max-content}:host([is-select]) #kup-component{transition:background-color 0.2s}:host([is-select]) .mdc-text-field:not(.mdc-text-field--disabled) input{cursor:pointer}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon);order:2}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}:host(.page-selector) .f-text-field .mdc-text-field,:host(.rows-selector) .f-text-field .mdc-text-field{border-bottom:none !important;width:max-content !important}:host(.page-selector) .f-text-field .mdc-text-field-container,:host(.rows-selector) .f-text-field .mdc-text-field-container{flex-direction:row !important}:host(.page-selector) .f-text-field .mdc-text-field-container .mdc-text-field__label-container,:host(.rows-selector) .f-text-field .mdc-text-field-container .mdc-text-field__label-container{white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}:host(.page-selector) .f-text-field .mdc-text-field-helper-line,:host(.rows-selector) .f-text-field .mdc-text-field-helper-line{display:none}";const zo=_o;var Co=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var jo=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var Wo,$o,Oo,Do,Mo,To,So,Io,Po,Ro,Eo,No;const Lo=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-combobox-blur",6);this.kupChange=e(this,"kup-combobox-change",6);this.kupClick=e(this,"kup-combobox-click",6);this.kupFocus=e(this,"kup-combobox-focus",6);this.kupInput=e(this,"kup-combobox-input",6);this.kupIconClick=e(this,"kup-combobox-iconclick",6);this.kupItemClick=e(this,"kup-combobox-itemclick",6);Wo.add(this);$o.set(this,a());Oo.set(this,undefined);Do.set(this,undefined);Mo.set(this,undefined);To.set(this,undefined);So.set(this,null);this.displayedValue=undefined;this.value="";this.alert="";this.customStyle="";this.data=undefined;this.disabled=false;this.displayMode=gt.DESCRIPTION;this.error="";this.icon=null;this.initialValue="";this.isClearable=false;this.isSelect=false;this.label=null;this.leadingLabel=false;this.readOnly=false;this.selectMode=gt.CODE;this.showDropDownIcon=true;this.sizing=r.MEDIUM;this.trailingIcon=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value})}onKupChange(t){let e=Co(this,Wo,"m",Eo).call(this,t,true);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value,node:e.node})}onKupClick(){if(this.isSelect==true){if(Co(this,Mo,"f").classList.contains("toggled")){Co(this,Wo,"m",Po).call(this)}else{Co(this,Wo,"m",Io).call(this)}}this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value})}onKupInput(){let t=Co(this,Wo,"m",Eo).call(this,Co(this,To,"f").value,false);Co(this,Wo,"m",Io).call(this);this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value,node:t.node})}onKupIconClick(){if(Co(this,Mo,"f").classList.contains("toggled")){Co(this,Wo,"m",Po).call(this)}else{Co(this,Wo,"m",Io).call(this)}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Co(this,To,"f").value,open:Co(this,Mo,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id);Co(this,Wo,"m",Po).call(this);if(Co(this,To,"f")){Co(this,To,"f").focus()}this.kupItemClick.emit({comp:this,id:this.rootElement.id,node:t.detail.selected,value:this.value,inputValue:Co(this,To,"f").value})}initialValueChange(t){this.setValue(t)}listenKeydown(t){if(Co(this,Wo,"m",Ro).call(this)){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();Co(this,Do,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();Co(this,Do,"f").focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();Co(this,Do,"f").select().then((()=>{Co(this,Wo,"m",Po).call(this);Co(this,To,"f").focus()}));break;case"Escape":t.preventDefault();t.stopPropagation();Co(this,Wo,"m",Po).call(this);break}}else{switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();Co(this,Wo,"m",Io).call(this);Co(this,Do,"f").focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();Co(this,Wo,"m",Io).call(this);Co(this,Do,"f").focusPrevious();break}}}async getProps(t){return l(this,wo,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){Co(this,To,"f").focus()}async setProps(t){h(this,wo,t)}async setValue(t){Co(this,Wo,"m",Eo).call(this,t,true)}componentWillLoad(){Co(this,$o,"f").debug.logLoad(this,false);Co(this,$o,"f").theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-list":{},"kup-text-field":{}}}}componentDidLoad(){Co(this,Wo,"m",Eo).call(this,this.value,true);Co(this,$o,"f").debug.logLoad(this,true)}componentWillRender(){Co(this,$o,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){jo(this,Mo,e,"f");jo(this,To,e.querySelector("input"),"f");mt(e)}}Co(this,$o,"f").debug.logRender(this,true)}render(){const t={alert:this.alert,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,error:this.error,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,readOnly:this.readOnly,sizing:this.sizing,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false};const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");return s(n,{key:"311adfa03e31d667b5691c4531d0406daaaf0905",class:`${e?"kup-full-height":""} ${i?"kup-full-width":""}`,style:Co(this,Oo,"f")},s("style",{key:"7169ed993e329479764f0da7fefe93504f773987"},Co(this,$o,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"2272409a12755754ee293a8f576861abcdd23439",id:Ct,style:Co(this,Oo,"f")},s(dt,Object.assign({key:"5ca4d7672f4216ae6e39788f68e4aaeef047a88b"},t,this.data["kup-text-field"],{disabled:this.disabled,fullHeight:e,fullWidth:i,trailingIcon:true,icon:this.showDropDownIcon?c.DROPDOWN:null,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>this.onKupInput(),onIconClick:()=>this.onKupIconClick()}))),Co(this,Wo,"m",No).call(this))}disconnectedCallback(){if(Co(this,Do,"f")){Co(this,$o,"f").dynamicPosition.unregister([Co(this,Do,"f")]);Co(this,Do,"f").remove()}Co(this,$o,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{initialValue:["initialValueChange"]}}};$o=new WeakMap,Oo=new WeakMap,Do=new WeakMap,Mo=new WeakMap,To=new WeakMap,So=new WeakMap,Wo=new WeakSet,Io=function t(){if(Co(this,Wo,"m",Ro).call(this)){return}const e=this.error.trim().length>0;const i=this.alert.trim().length>0;const s=e||i?-20:0;Co(this,Mo,"f").classList.add("toggled");Co(this,Do,"f").menuVisible=true;Co(this,Do,"f").filter="";const n=Co(this,Do,"f").style;n.height="auto";n.minWidth=Co(this,Mo,"f").clientWidth+"px";if(Co(this,$o,"f").dynamicPosition.isRegistered(Co(this,Do,"f"))){Co(this,$o,"f").dynamicPosition.changeAnchor(Co(this,Do,"f"),Co(this,Mo,"f"))}else{Co(this,$o,"f").dynamicPosition.register(Co(this,Do,"f"),Co(this,Mo,"f"),s,u.AUTO,true)}Co(this,$o,"f").dynamicPosition.start(Co(this,Do,"f"));if(!Co(this,So,"f")){jo(this,So,{cb:()=>{Co(this,Wo,"m",Po).call(this)},el:Co(this,Do,"f")},"f")}Co(this,$o,"f").addClickCallback(Co(this,So,"f"),true)},Po=function t(){Co(this,Mo,"f").classList.remove("toggled");Co(this,Do,"f").menuVisible=false;Co(this,$o,"f").dynamicPosition.stop(Co(this,Do,"f"));Co(this,$o,"f").removeClickCallback(Co(this,So,"f"))},Ro=function t(){return Co(this,Do,"f").menuVisible==true},Eo=function t(e,i){let s=ne(e,this.data["kup-list"],Co(this,Do,"f"),this.selectMode,this.displayMode);if(s.exists){if(i){this.value=s.value;this.displayedValue=s.displayedValue}if(Co(this,Do,"f")!=null){Co(this,Do,"f").filter=s.value}}else{this.value=e;this.displayedValue=e;if(Co(this,Do,"f")!=null){Co(this,Do,"f").filter=s.value}}return s},No=function t(){return s("kup-list",Object.assign({},this.data["kup-list"],{displayMode:this.displayMode,"is-menu":true,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>jo(this,Do,t,"f")}))};Lo.style=zo;class Fo{constructor(){this.filters={};this.expandGroups=false;this.groupLabelDisplay=S.BOTH;this.density="small";this.enableSortableColumns=false;this.enableExtraColumns=true;this.forceOneLine=false;this.globalFilter=false;this.globalFilterValue="";this.groups=[];this.headerIsPersistent=true;this.lazyLoadRows=false;this.loadMoreLimit=1e3;this.selection=I.SINGLE;this.rowsPerPage=10;this.showFilters=false;this.showGroups=false;this.showHeader=true;this.showLoadMore=false;this.sortEnabled=true;this.sort=[];this.sortableColumnsMutateData=true;this.pageSelected=1;this.dragEnabled=false;this.dropEnabled=false;this.showFooter=false;this.load=false}toDebugString(){return"dt state"}}const Ko=document.documentElement;class Ao{constructor(){this.clickCb=null;this.filtersColumnMenuInstance=new Lt;this.filtersRowsInstance=new Ft}open(t,e){this.filtersColumnMenuInstance.resetTextualFilters(t.filters,e)}close(t){t.menuVisible=false;Ko.ketchup.removeClickCallback(this.clickCb);Ko.ketchup.dynamicPosition.stop(t)}reposition(t,e){const i=t.rootElement.shadowRoot;if(i){if(e){const t=e.dataset.column;const s=i.querySelector('th[data-column="'+t+'"]');if(Ko.ketchup.dynamicPosition.isRegistered(e)){Ko.ketchup.dynamicPosition.changeAnchor(e,s)}else{Ko.ketchup.dynamicPosition.register(e,s,0,u.AUTO,true)}if(!this.clickCb){this.clickCb={cb:()=>{this.close(e)},el:e}}Ko.ketchup.addClickCallback(this.clickCb,true);Ko.ketchup.dynamicPosition.start(e);e.menuVisible=true}}}prepData(t,e,i){const s=i?Object.assign({},i):{};s.button=this.prepButton(t,e);s.checkbox=this.prepCheckbox(t,e);s.chip=this.prepChip(t,e);s.datepicker=this.prepIntervalDatePicker(t,e);s.object=e.objs?e.objs:e.obj?[e.obj]:null;s.switch=this.prepSwitch(t,e,s.object);if(!i){s.tabbar=this.prepTabBar(t,e);s.text=[e.title]}s.textfield=this.prepTextfield(t,e);s.timepicker=this.prepIntervalTimePicker(t,e);return s}prepButton(t,e){const i=[];if(!Lt.isTree(t)&&t.showGroups){i.push({className:"printable","data-storage":{columnName:e.name},icon:"book",id:js.BUTTON_GROUP,title:t.getGroupByName(e.name)!=null?Ko.ketchup.language.translate(P.DISABLE):Ko.ketchup.language.translate(P.ENABLE)})}if(t.removableColumns){i.push({className:"printable","data-storage":{column:e},icon:"table-column-remove",id:js.BUTTON_REMOVE,title:Ko.ketchup.language.translate(x.HIDE)})}if(t.enableExtraColumns&&(Ko.ketchup.objects.canObjHaveExtraColumns(e.obj)||Ko.ketchup.objects.canObjsHaveExtraColumns(e.objs))){i.push({className:"printable","data-storage":{columnName:e.name},icon:"table-column-plus-after",id:js.BUTTON_ADD_COLUMNS,title:Ko.ketchup.language.translate(x.ADD)});i.push({className:"printable",label:Ko.ketchup.language.translate(g.APPLY),id:js.BUTTON_APPLY,styling:Ot.OUTLINED,title:Ko.ketchup.language.translate(g.APPLY)})}return i}prepCheckbox(t,e){const i=[];if(t.showFilters&&(Ko.ketchup.objects.isStringObject(e.obj)||Ko.ketchup.objects.isCheckbox(e.obj))){const s=this.filtersColumnMenuInstance.getCheckBoxFilterValues(t.filters,e.name);const n=t.getColumnValues(e);if(n.length>0){i.push({checked:s.length==0,"data-storage":{column:e,value:null},id:js.CHECKBOX_GLOBAL,key:js.CHECKBOX_GLOBAL+e.name,label:Ko.ketchup.language.translate(R.ALL)})}for(let t=0;t<n.length;t++){let o=E(n[t],e);if(Ko.ketchup.objects.isCheckbox(e.obj)){if(n[t].value=="1"){o=Ko.ketchup.language.translate(R.CHECKED)}else{o=Ko.ketchup.language.translate(R.UNCHECKED)}}i.push({checked:N.valuesArrayContainsValue(s,n[t].value),"data-storage":{column:e,value:n[t].value,displayedValue:E(n[t],e)},label:o})}}return i}prepChip(t,e){let i=[];const s={data:[]};if(e.children){const i=[];for(let s=0;s<e.children.length;s++){const n=e.children[s];let o=null;try{if(Lt.isTree(t)){o=t.columns.find((t=>t.name===n.name))}else{o=t.data.columns.find((t=>t.name===n.name))}}catch(t){Ko.ketchup.debug.logMessage(this,"Child column not found ("+n.name+")!"+t,f.ERROR)}i.push({icon:n.icon?n.icon:null,value:o?o.title:"*Not found!",obj:n.obj?n.obj:null,id:o?o.name:"*NOTFND"})}s.dataSet={initialData:[...i]};s.data=i}s.type=St.INPUT;i.push(s);return i}prepSwitch(t,e,i){const s=[];if(!Lt.isTree(t)){if(i&&i.length>0&&!Ko.ketchup.objects.isEmptyKupObj(i[0])){s.push({"data-storage":{columnName:e.name},checked:e.isKey?true:false,key:js.SWITCH_KEY+e.name,id:js.SWITCH_KEY,label:Ko.ketchup.language.translate(C.KEY),leadingLabel:true})}if(t.showGroups){const i=t.getGroupByName(e.name)!=null;s.push({"data-storage":{columnName:e.name},key:js.SWITCH_GROUP+e.name,checked:i?true:false,id:js.SWITCH_GROUP,label:Ko.ketchup.language.translate(P.GROUPS),leadingLabel:true})}}return s}prepTabBar(t,e){const i=[{data:[]}];const s=i[0].data;if(t.showFilters){s.push({id:g.FILTERS,value:Ko.ketchup.language.translate(g.FILTERS)})}if(t.enableExtraColumns&&(Ko.ketchup.objects.canObjHaveExtraColumns(e.obj)||Ko.ketchup.objects.canObjsHaveExtraColumns(e.objs))||t.removableColumns){s.push({id:x.COLUMNS,value:Ko.ketchup.language.translate(x.COLUMNS)})}if(!Lt.isTree(t)){s.push({icon:"settings",id:g.SETTINGS,value:""})}if(s.length>0){s[0].active=true}return i}prepTextfield(t,e){let i=[];if(t.showFilters){if(this.filtersColumnMenuInstance.isColumnFiltrableByInterval(e)){i=i.concat(this.prepIntervalTextfield(t,e))}else if(Ko.ketchup.objects.isStringObject(e.obj)){let s=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,e.name);s=L(s,e.obj,e.decimals);i.push({"data-storage":{column:e},fullWidth:true,id:js.TEXTFIELD_FILTER,initialValue:s,isClearable:true,key:js.TEXTFIELD_FILTER+e.name,label:Ko.ketchup.language.translate(F.SEARCH),trailingIcon:true})}}if(!Lt.isTree(t)){if(Ko.ketchup.objects.isNumber(e.obj)&&t.enableColumnsFormula){i.push({fullWidth:true,icon:"functions",id:js.TEXTFIELD_FORMULA,key:js.TEXTFIELD_FORMULA+e.name,helper:`i.e.: Description;[${e.name}] * 2`,label:Ko.ketchup.language.translate(v.FORMULA),trailingIcon:true})}}return i}prepIntervalTextfield(t,e){let i=[];if(!t.showFilters){return i}if(!Ko.ketchup.objects.isNumber(e.obj)){return i}let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,e);let n=s[K.FROM];let o=s[K.TO];i.push({"data-storage":{column:e,intervalIndex:K.FROM,isInterval:true},fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_FROM,key:js.TEXTFIELD_FROM+e.name,initialValue:n,isClearable:true,label:Ko.ketchup.language.translate(F.FROM),trailingIcon:true});i.push({"data-storage":{column:e,intervalIndex:K.TO,isInterval:true},fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_TO,key:js.TEXTFIELD_TO+e.name,initialValue:o,isClearable:true,label:Ko.ketchup.language.translate(F.TO),trailingIcon:true});return i}prepIntervalTimePicker(t,e){let i=[];if(!t.showFilters){return i}if(!Ko.ketchup.objects.isTime(e.obj)){return i}let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,e);let n=s[K.FROM];let o=s[K.TO];i.push({"data-storage":{column:e,intervalIndex:K.FROM,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_FROM,key:js.TEXTFIELD_FROM+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.FROM)}},initialValue:n,manageSeconds:Ko.ketchup.objects.isTimeWithSeconds(e.obj)});i.push({"data-storage":{column:e,intervalIndex:K.TO,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_TO,key:js.TEXTFIELD_TO+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.TO)}},initialValue:o,manageSeconds:Ko.ketchup.objects.isTimeWithSeconds(e.obj)});return i}prepIntervalDatePicker(t,e){let i=[];if(!t.showFilters){return i}if(!Ko.ketchup.objects.isDate(e.obj)&&!Ko.ketchup.objects.isTimestamp(e.obj)){return i}let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,e);let n=s[K.FROM];let o=s[K.TO];let a=null;let r=null;if(Ko.ketchup.objects.isTimestamp(e.obj)){a=" 00:00:00";r=" 23:59:59";if(n&&n.length>=10){n=n.substring(0,10)}else{n=""}if(o&&o.length>=10){o=o.substring(0,10)}else{o=""}}i.push({"data-storage":{column:e,suffix:a,intervalIndex:K.FROM,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_FROM,key:js.TEXTFIELD_FROM+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.FROM)}},initialValue:n});i.push({"data-storage":{column:e,suffix:r,intervalIndex:K.TO,isInterval:true},data:{"kup-text-field":{fullWidth:true,helperWhenFocused:true,id:js.TEXTFIELD_TO,key:js.TEXTFIELD_TO+e.name,isClearable:true,label:Ko.ketchup.language.translate(F.TO)}},initialValue:o});return i}eventHandlers(t,e){var i;const s=t.detail.card?t.detail.card:t.detail.comp.rootElement;const n=t.detail.event;const o=n.detail.id;const a=n.target;const r=a["data-storage"];const l=n.type;const h=l.toLowerCase().endsWith("click");switch(n.type){case"kup-button-click":switch(o){case js.BUTTON_GROUP:this.toggleGroup(e,r["columnName"]);break;case js.BUTTON_REMOVE:e.closeColumnMenu().then((()=>{e.hideColumn(r["column"])}));break}break;case"kup-checkbox-change":this.checkboxChange(e,n.detail.checked,r["column"],{value:r["value"],displayedValue:r["displayedValue"]});break;case"kup-switch-change":switch(o){case js.SWITCH_GROUP:this.toggleGroup(e,r["columnName"]);break;case js.SWITCH_KEY:this.setKey(e,r["columnName"],n.detail.value);break}break;case"kup-textfield-submit":case"kup-datepicker-textfieldsubmit":case"kup-timepicker-textfieldsubmit":switch(o){case js.TEXTFIELD_FORMULA:break;default:this.saveTextualFilters(e,r["column"]);this.close(s);break}break;case"kup-textfield-cleariconclick":case"kup-datepicker-cleariconclick":case"kup-timepicker-cleariconclick":if(r["isInterval"]==true){this.intervalChange(e,null,r["column"],r["intervalIndex"],false)}else{this.textfieldChange(e,null,r["column"])}this.saveTextualFilters(e,r["column"]);break;case"kup-textfield-change":switch(o){case js.TEXTFIELD_FORMULA:const t=n.detail.value;const i=t.split(";");const o=i.length>=2;const a=o?i[0].trim():"";const r=o?i[1].trim():t;e.newColumn(w.MATH,{operation:r,newColumn:o?{name:a,title:a}:undefined}).then((t=>{if(typeof t==="string"||t instanceof String){const e=n.detail.comp;e.rootElement.classList.add("kup-danger");e.helper=t}else{this.close(s)}}));break}break;case"kup-textfield-input":case"kup-datepicker-input":case"kup-datepicker-itemclick":case"kup-timepicker-input":case"kup-timepicker-itemclick":switch(o){case js.TEXTFIELD_FORMULA:break;default:window.clearTimeout(e.columnFilterTimeout);e.columnFilterTimeout=window.setTimeout((()=>{var t;if(r["isInterval"]==true){this.intervalChange(e,n.detail.value,r["column"],r["intervalIndex"],!h,r["suffix"])}else{this.textfieldChange(e,n.detail.value,r["column"])}if(h){this.saveTextualFilters(e,r["column"])}if((t=s.data)===null||t===void 0?void 0:t.checkbox){s.data.checkbox=this.prepCheckbox(e,r["column"]);s.refresh()}}),300);break}break}if(((i=s.data)===null||i===void 0?void 0:i.checkbox)&&!(r===null||r===void 0?void 0:r["isInterval"])&&(r===null||r===void 0?void 0:r["column"])){s.data.checkbox=this.prepCheckbox(e,r["column"]);s.refresh()}}textfieldChange(t,e,i){if(!Lt.isTree(t)){t.resetCurrentPage()}let s="";if(e){s=this.filtersColumnMenuInstance.normalizeValue(e.trim(),i.obj)}const n=Object.assign({},t.filters);this.filtersColumnMenuInstance.setTextFieldFilterValue(n,i.name,s);t.filters=n}intervalChange(t,e,i,s,n,o){if(!Lt.isTree(t)){t.resetCurrentPage()}let a="";if(e){a=e.trim();if(n){a=this.filtersColumnMenuInstance.normalizeValue(a,i.obj)}if(o!=null&&a!=""){a=a+o}}const r=Object.assign({},t.filters);this.filtersColumnMenuInstance.setIntervalTextFieldFilterValue(r,i.name,a,s);t.filters=r}saveTextualFilters(t,e){const i=Object.assign({},t.filters);this.filtersColumnMenuInstance.saveTextualFilters(i,e.name);t.filters=i}checkboxChange(t,e,i,s){if(!Lt.isTree(t)){t.resetCurrentPage()}const n=Object.assign({},t.filters);if(e||s==null||s.value==null){this.filtersColumnMenuInstance.addCheckboxFilter(n,i.name,s)}else{this.filtersColumnMenuInstance.removeCheckboxFilter(n,i.name,s.value)}t.filters=n}toggleGroup(t,e){const i=t.getGroupByName(e);if(i!==null){const e=t.groups.indexOf(i);t.groups.splice(e,1);t.groups=[...t.groups]}else{t.groups=[...t.groups,{column:e,visible:true}]}t.refresh()}setKey(t,e,i){const s=t.data.columns;const n=i==="on"?true:false;for(let t=0;t<s.length;t++){const i=s[t];if(i.name===e){i.isKey=n}else if(n){i.isKey=false}}t.refresh()}}const Vo=".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_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-layer-1)\n  );--kup_datatable_th_background_color:var(\n    --kup-datatable-th-background-color,\n    var(--kup-layer-2)\n  );--kup_datatable_background_color_selected:var(\n    --kup-datatable-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_datatable_border:var(\n    --kup-datatable-border-color,\n    1px solid var(--kup-border-subtle)\n  );--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-gray-color-30)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\n  );--kup_datatable_background_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_datatable_text_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-text-primary)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_dense:var(\n    --kup-fcell-padding-dense,\n    var(--kup-space-01) var(--kup-space-03)\n  );--kup_fcell_padding_medium:var(\n    --kup-fcell-padding-medium,\n    var(--kup-space-02) var(--kup-space-03)\n  );--kup_fcell_padding_wide:var(\n    --kup-fcell-padding-wide,\n    var(--kup-space-04) var(--kup-space-03)\n  );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense .header-cell__content{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-medium .header-cell__content{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-medium tbody>tr.group>td{padding-top:0.5em;padding-bottom:0.5em}.density-wide .header-cell__content{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;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;font-size:13px}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0.5em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 678px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:11px}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}";const Ho=Vo;var Bo=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var Yo=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var Xo,Go,Uo,qo,Jo,Zo,Qo,ta,ea,ia,sa,na,oa,aa,ra,la,ha,ca,ua,pa,fa,da,ma,ga,ba,ka,ya,va,xa,wa,_a,za,Ca,ja,Wa,$a,Oa,Da,Ma,Ta,Sa,Ia,Pa,Ra,Ea,Na,La,Fa,Ka,Aa,Va,Ha,Ba,Ya,Xa,Ga,Ua,qa,Ja,Za,Qa,tr,er,ir,sr,nr,or,ar,rr,lr,hr,cr,ur,pr,fr,dr,mr,gr,br,kr,yr,vr,xr,wr,_r,zr,Cr,jr,Wr,$r,Or,Dr,Mr,Tr,Sr,Ir,Pr,Rr,Er,Nr,Lr,Fr,Kr,Ar,Vr,Hr,Br,Yr,Xr,Gr,Ur,qr,Jr,Zr,Qr,tl,el,il,sl,nl,ol,al,rl,ll,hl,cl,ul,pl,fl,dl,ml,gl,bl,kl,yl,vl,xl,wl,_l,zl,Cl,jl,Wl,$l,Ol,Dl,Ml,Tl,Sl,Il,Pl,Rl,El,Nl,Ll,Fl,Kl,Al,Vl,Hl,Bl,Yl,Xl,Gl,Ul,ql,Jl,Zl,Ql,th,eh,ih,sh,nh,oh,ah,rh;const lh=class{constructor(i){t(this,i);this.kupDidUnload=e(this,"kup-datatable-didunload",6);this.kupDidLoad=e(this,"kup-datatable-didload",6);this.kupResetSelectedRows=e(this,"kup-datatable-resetselectedrows",6);this.kupRowSelected=e(this,"kup-datatable-rowselected",6);this.kupDataTableClick=e(this,"kup-datatable-click",6);this.kupDataTableContextMenu=e(this,"kup-datatable-contextmenu",6);this.kupDataTableCellActionsMenu=e(this,"kup-datatable-cell-actions-menu",6);this.kupDataTableDblClick=e(this,"kup-datatable-dblclick",6);this.kupDataTableColumnMenu=e(this,"kup-datatable-columnmenu",6);this.kupLoadMoreClick=e(this,"kup-datatable-loadmoreclick",6);this.kupColumnMove=e(this,"kup-datatable-columnmove",6);this.kupColumnRemove=e(this,"kup-datatable-columnremove",6);this.kupDeleteRow=e(this,"kup-datatable-delete-row",6);this.kupSave=e(this,"kup-datatable-save",6);this.kupInsertRow=e(this,"kup-datatable-insert-row",6);this.kupHistory=e(this,"kup-datatable-history",6);this.kupRowActionItemClick=e(this,"kup-datatable-rowaction-item-click",6);this.kupCellActionIconClick=e(this,"kup-datatable-cell-action-icon-click",6);this.kupUpdate=e(this,"kup-datatable-update",6);Xo.add(this);this.state=new Fo;Go.set(this,false);Uo.set(this,void 0);qo.set(this,0);Jo.set(this,void 0);Zo.set(this,0);Qo.set(this,void 0);ta.set(this,a());ea.set(this,[]);ia.set(this,0);sa.set(this,0);na.set(this,void 0);oa.set(this,void 0);aa.set(this,undefined);ra.set(this,undefined);la.set(this,void 0);ha.set(this,void 0);ca.set(this,void 0);ua.set(this,void 0);pa.set(this,void 0);fa.set(this,undefined);da.set(this,undefined);ma.set(this,0);ga.set(this,false);ba.set(this,false);ka.set(this,false);ya.set(this,false);va.set(this,void 0);xa.set(this,null);wa.set(this,[]);_a.set(this,[]);za.set(this,[]);Ca.set(this,null);ja.set(this,false);Wa.set(this,[]);$a.set(this,[]);Oa.set(this,[]);Da.set(this,[]);Ma.set(this,null);Ta.set(this,null);Sa.set(this,null);Ia.set(this,null);Pa.set(this,null);Ra.set(this,null);Ea.set(this,void 0);Na.set(this,void 0);La.set(this,void 0);Fa.set(this,void 0);Ka.set(this,null);Aa.set(this,null);Va.set(this,null);Ha.set(this,null);Ba.set(this,null);Ya.set(this,null);Xa.set(this,null);Ga.set(this,null);Ua.set(this,null);qa.set(this,0);Ja.set(this,"cancel");Za.set(this,"submit");Qa.set(this,"fieldsForm");tr.set(this,"message");er.set(this,"messageWrapper");ir.set(this,"insert_");pr.set(this,(()=>{if(Bo(this,oa,"f")){if(Bo(this,ba,"f")){if(!Bo(this,ga,"f")){Bo(this,Xo,"m",fr).call(this);Bo(this,ha,"f").classList.add("activated")}else{Bo(this,ha,"f").classList.remove("activated")}}else{Bo(this,ha,"f").classList.remove("activated")}}}));Wl.set(this,(()=>{this.kupUpdate.emit({comp:this,id:this.rootElement.id,originalData:Bo(this,ra,"f"),updatedData:Kt(Bo(this,ra,"f"),this.data)})}));Bl.set(this,["small","medium","big"]);Yl.set(this,["Small","Medium","Big"]);Xl.set(this,["format-font-size-decrease","format-color-text","format-font-size-increase"]);ql.set(this,["Dense","Medium","Wide"]);Jl.set(this,["format-align-justify","reorder-horizontal","view-sequential"]);th.set(this,["Complete","Col","Row","None"]);eh.set(this,["Complete","Columns","Rows","None"]);ih.set(this,["grid_on","view_column","view_headline","grid_off"]);this.stateId="";this.store=undefined;this.autoFillMissingCells=false;this.customStyle="";this.data=undefined;this.density=m.DENSE;this.dragEnabled=false;this.dropEnabled=false;this.editableData=false;this.emptyDataLabel=null;this.enableColumnsFormula=true;this.enableExtraColumns=true;this.enableMergeColumns=true;this.enableSortableColumns=true;this.expandGroups=false;this.filters={};this.fixedColumns=0;this.fixedColumnsR=0;this.fixedRows=0;this.forceOneLine=false;this.globalFilter=false;this.globalFilterValue="";this.groupLabelDisplay=S.BOTH;this.groups=[];this.headerIsPersistent=true;this.insertMode="";this.isFocusable=false;this.lazyLoadRows=false;this.lineBreakCharacter="\n";this.loadMoreLimit=1e3;this.loadMoreMode=A.PROGRESSIVE_THRESHOLD;this.loadMoreStep=60;this.pageSelected=-1;this.paginatorPos=V.TOP;this.legacyLook=false;this.removableColumns=false;this.resizableColumns=true;this.rowActions=undefined;this.commands=undefined;this.rowsPerPage=10;this.scrollOnHover=false;this.selection=I.SINGLE;this.showCustomization=true;this.showDeleteButton=false;this.showHistoryButton=false;this.showFilters=false;this.showFooter=false;this.showGrid=H.ROW;this.showGroups=false;this.showHeader=true;this.showLoadMore=false;this.sort=[];this.sortableColumnsMutateData=true;this.sortEnabled=true;this.tableHeight=undefined;this.tableWidth=undefined;this.totals=undefined;this.transpose=false;this.updatableData=false;this.lazyLoadCells=false;this.currentPage=1;this.currentRowsPerPage=50;this.selectedRows=[];this.selectedColumn=undefined;this.columnMenuAnchor=null;this.groupState={};this.openedTotalMenu=null;this.openedCustomSettings=false;this.fontsize="medium"}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){Bo(this,ta,"f").debug.logMessage(this,"Initializing stateId "+this.stateId);this.filters=Object.assign({},t.filters);this.groups=[...t.groups];this.expandGroups=t.expandGroups;this.groupLabelDisplay=t.groupLabelDisplay;this.density=t.density;this.enableExtraColumns=t.enableExtraColumns;this.enableSortableColumns=t.enableSortableColumns;this.forceOneLine=t.forceOneLine;this.globalFilter=t.globalFilter;this.globalFilterValue=t.globalFilterValue;this.headerIsPersistent=t.headerIsPersistent;this.lazyLoadRows=t.lazyLoadRows;this.loadMoreLimit=t.loadMoreLimit;this.selection=t.selection;this.rowsPerPage=t.rowsPerPage;this.showFilters=t.showFilters;this.showGroups=t.showGroups;this.showHeader=t.showHeader;this.showLoadMore=t.showLoadMore;this.sortEnabled=t.sortEnabled;this.sort=[...t.sort];this.pageSelected=t.pageSelected;this.sortableColumnsMutateData=t.sortableColumnsMutateData;this.dragEnabled=t.dragEnabled;this.dropEnabled=t.dropEnabled;this.showFooter=t.showFooter;this.totals=Object.assign({},t.totals)}}}persistState(){if(this.store&&this.stateId){let t=false;if(!Bo(this,ta,"f").objects.deepEqual(this.state.filters,this.filters)){this.state.filters=Object.assign({},this.filters);t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.groups,this.groups)){this.state.groups=[...this.groups];t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.sort,this.sort)){this.state.sort=[...this.sort];t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.expandGroups,this.expandGroups)){this.state.expandGroups=this.expandGroups;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.groupLabelDisplay,this.groupLabelDisplay)){this.state.groupLabelDisplay=this.groupLabelDisplay;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.density,this.density)){this.state.density=this.density;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.enableExtraColumns,this.enableExtraColumns)){this.state.enableExtraColumns=this.enableExtraColumns;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.enableSortableColumns,this.enableSortableColumns)){this.state.enableSortableColumns=this.enableSortableColumns;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.forceOneLine,this.forceOneLine)){this.state.forceOneLine=this.forceOneLine;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.globalFilter,this.globalFilter)){this.state.globalFilter=this.globalFilter;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.headerIsPersistent,this.headerIsPersistent)){this.state.headerIsPersistent=this.headerIsPersistent;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.lazyLoadRows,this.lazyLoadRows)){this.state.lazyLoadRows=this.lazyLoadRows;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)){this.state.loadMoreLimit=this.loadMoreLimit;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.selection,this.selection)){this.state.selection=this.selection;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)){this.state.rowsPerPage=this.currentRowsPerPage;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showFilters,this.showFilters)){this.state.showFilters=this.showFilters;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showGroups,this.showGroups)){this.state.showGroups=this.showGroups;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showHeader,this.showHeader)){this.state.showHeader=this.showHeader;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)){this.state.showLoadMore=this.showLoadMore;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.sortEnabled,this.sortEnabled)){this.state.sortEnabled=this.sortEnabled;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.sortableColumnsMutateData,this.sortableColumnsMutateData)){this.state.sortableColumnsMutateData=this.sortableColumnsMutateData;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)){this.state.pageSelected=this.currentPage;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.dragEnabled,this.dragEnabled)){this.state.dragEnabled=this.dragEnabled;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.dropEnabled,this.dropEnabled)){this.state.dropEnabled=this.dropEnabled;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.showFooter,this.showFooter)){this.state.showFooter=this.showFooter;t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.totals,this.totals)){this.state.totals=Object.assign({},this.totals);t=true}if(!Bo(this,ta,"f").objects.deepEqual(this.state.selectRowsById,this.selectedRows.reduce(((t,e,i)=>{const s=i>0?";":"";return t+s+e.id}),""))){this.state.selectRowsById=this.selectedRows.reduce(((t,e,i)=>{const s=i>0?";":"";return t+s+e.id}),"");t=true}if(!this.state.load){this.state.load=true;return}if(t){Bo(this,ta,"f").debug.logMessage(this,"Persisting stateId "+this.stateId);this.store.persistState(this.stateId,this.state)}}}rowsPerPageHandler(t){this.currentRowsPerPage=t}expandGroupsHandler(){if(!Bo(this,ya,"f")){this.recalculateRows();this.groupState={};Bo(this,Xo,"m",Ur).call(this)}}filtersChanged(){this.expandGroupsHandler()}recalculateRows(){if(!Bo(this,ya,"f")){Bo(this,Xo,"m",Ar).call(this)}}identifyAndInitRows(){T(this.getRows());this.expandGroupsHandler();Bo(this,Xo,"m",jr).call(this)}backupOriginalDataAndAdapting(){Yo(this,ra,JSON.parse(JSON.stringify(this.data)),"f");if(this.data["type"]==="SmeupDataTable"){At(this.data)}}recalculateRowsAndUndoSelections(){if(!Bo(this,ya,"f")){this.recalculateRows();this.groupState={};Bo(this,Xo,"m",Ur).call(this);Bo(this,Xo,"m",jr).call(this)}}controlFixedRowsColumns(){let t="";if(isNaN(this.fixedColumns)||this.fixedColumns<0){t+=`The value ${this.fixedColumns} set on fixedColumns property is not valid.`}if(isNaN(this.fixedColumnsR)||this.fixedColumnsR<0){t+=`The value ${this.fixedColumnsR} set on fixedColumnsR property is not valid.`}if(isNaN(this.fixedRows)||this.fixedRows<0){t+=`The value ${this.fixedRows} set on fixedRows property is not valid.`}if(t&&console){console.warn(t+"Any fixed rule will be ignored.")}}recalculateData(){if(Bo(this,Go,"f")){Bo(this,Xo,"m",or).call(this)}}async closeColumnMenu(){this.columnMenuAnchor=null;if(Bo(this,Ya,"f")){Bo(this,Ya,"f").data=null}Bo(this,Na,"f").close(Bo(this,Ya,"f"));this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:null,open:false})}async collapseAll(){this.expandGroups=false}async deleteRows(t=[]){const e=[];const i=[];const s=this.getRows();for(let n=0;n<s.length;n++){const o=s[n];if(t.includes(o.id)){const t=o.clonedFrom?o.clonedFrom:o;e.push(t);if(this.selectedRows.includes(o)){this.selectedRows.splice(this.selectedRows.indexOf(o),1)}}else{i.push(o)}}if(e.length>0){this.data.rows=i;await this.refresh(true)}return e}async closeInsertCard(){if(Bo(this,Aa,"f")){Bo(this,Aa,"f").remove();Yo(this,Aa,null,"f")}}async closeConfirmDeleteCard(){if(Bo(this,Ba,"f")){Bo(this,Ba,"f").close();Yo(this,Ha,null,"f");Yo(this,Ba,null,"f")}}async getCards(){const t={};if(Bo(this,Aa,"f")){t["insertCard"]={el:Bo(this,Aa,"f"),messageWrapper:Bo(this,Aa,"f").querySelector("#"+Bo(this,er,"f")),message:Bo(this,Aa,"f").querySelector("#"+Bo(this,tr,"f")),submitButton:Bo(this,Aa,"f").querySelector("#"+Bo(this,Za,"f")),cancelButton:Bo(this,Aa,"f").querySelector("#"+Bo(this,Ja,"f")),form:Bo(this,Aa,"f").querySelector("#"+Bo(this,Qa,"f"))}}if(Bo(this,Ha,"f")){t["confirmDeleteCard"]={el:Bo(this,Ha,"f"),messageWrapper:Bo(this,Aa,"f").querySelector("#"+Bo(this,er,"f")),message:Bo(this,Ha,"f").querySelector("#"+Bo(this,tr,"f")),submitButton:Bo(this,Ha,"f").querySelector("#"+Bo(this,Za,"f")),cancelButton:Bo(this,Ha,"f").querySelector("#"+Bo(this,Ja,"f"))}}return t}async insertNewRow(t){if(t){this.data.rows.push(t);await this.refresh(true)}}async expandAll(){this.expandGroups=true}async getProps(t){return l(this,ot,t)}async getSelectedRows(){const t=[];this.selectedRows.forEach((e=>{if(e.clonedFrom){t.push(e.clonedFrom)}else{t.push(e)}}));return t}async hideColumn(t){Bo(this,ta,"f").data.column.hide(this.data,[t.name]);this.kupColumnRemove.emit({comp:this,id:this.rootElement.id,column:t});this.refresh()}async setGroupExpansionByDepth(t){const e=()=>{const t=[];for(let e=0;e<Bo(this,Jo,"f").length;e++){const i=Bo(this,Jo,"f")[e];const s=i.group;if(s){n(i)}function n(e){const i=e.group;t.push(e);for(let t=0;(i===null||i===void 0?void 0:i.children)&&t<i.children.length;t++){n(i.children[t])}}}return t};const i=(t,e,s,o)=>{var a;const r=t.group;if(t.hasOwnProperty("group")){const t=o<s;r.expanded=t;this.groupState[r.id]={expanded:t};const l=(a=n===null||n===void 0?void 0:n.find((t=>{var e;return((e=t.group)===null||e===void 0?void 0:e.id)===r.id})))===null||a===void 0?void 0:a.group;if(l){l.expanded=t}if(r.children){for(let t=0;t<r.children.length;t++){const n=r.children[t];i(n,e,s,o+1)}}}};const s=()=>{const t=Bo(this,Uo,"f")[0];let e=0;const i=(t,s)=>{const n=t.group;if(t.hasOwnProperty("group")){if(n.expanded){e=Math.max(e,s);e+=1}i(n.children[0],s+1)}};if(t){i(t,0)}return e};const n=e();let o=s()+t;for(let t=0;t<Bo(this,Uo,"f").length;t++){const e=Bo(this,Uo,"f")[t];const s=e.group;if(s){i(e,false,o,0)}}Bo(this,Xo,"m",kl).call(this);this.refresh()}async newColumn(t,e){const i=Bo(this,ta,"f").data.column.new(this.data,t,e);this.refresh();return i}async openColumnMenu(t){this.columnMenuAnchor=t;if(!Bo(this,Ya,"f")){Yo(this,Ya,document.createElement("kup-card"),"f");Bo(this,Ya,"f").isMenu=true;Bo(this,Ya,"f").layoutNumber=12;Bo(this,Ya,"f").sizeX="auto";Bo(this,Ya,"f").sizeY="auto";Bo(this,Ya,"f").addEventListener("kup-card-click",(t=>{this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:t,open:Bo(this,Ya,"f").menuVisible})}));Bo(this,Ya,"f").addEventListener("kup-card-event",(t=>{Bo(this,Na,"f").eventHandlers(t,this);this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:t,open:Bo(this,Ya,"f").menuVisible})}))}Bo(this,Ya,"f").setAttribute("data-column",t);Bo(this,Ya,"f").data=Bo(this,Na,"f").prepData(this,O(this.getVisibleColumns(),t));Bo(this,Na,"f").open(this,t);Bo(this,Na,"f").reposition(this,Bo(this,Ya,"f"));this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Bo(this,Ya,"f"),event:null,open:true})}async refresh(t){if(t){Bo(this,Xo,"m",Ar).call(this)}i(this)}async resizeCallback(){if(this.lazyLoadCells&&this.rootElement.clientWidth!==Bo(this,Ca,"f")){window.clearTimeout(Bo(this,Ea,"f"));Yo(this,Ea,window.setTimeout((()=>this.refresh()),300),"f")}}async setCellValue(t,e,i){const s=O(this.data.columns,t);if(!s){return}const n=Bo(this,Xo,"m",ar).call(this,e);if(!n){return}const o=n.cells[t];if(!o){return}o.value=i;o.displayedValue=null;if(o.data){o.data.key=(new Date).getTime()+s.name;o.data.initialValue=i}this.refresh()}async setFocus(t,e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;i&&t<i.length;t++){const s=i[t];if(s["data-row"]&&s["data-row"].id==e){const t=s.querySelector("input");if(t){t.focus()}else{const t=s.querySelector(".hydrated");if(t){try{t.setFocus()}catch(t){}}}}}}async setProps(t){h(this,ot,t)}async setSelectedRows(t,e){this.selectedRows=[];for(let e=0;e<t.length;e++){const i=t[e];const s=Bo(this,Xo,"m",ar).call(this,i);if(s){this.selectedRows.push(s)}}if(e!==false){this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})}}componentWillLoad(){Bo(this,ta,"f").debug.logLoad(this,false);Bo(this,ta,"f").language.register(this);Bo(this,ta,"f").theme.register(this);Bo(this,ta,"f").toolbar.register(this.rootElement);if(!this.emptyDataLabel){this.emptyDataLabel=Bo(this,ta,"f").language.translate(g.EMPTY_DATA)}Yo(this,Na,new Ao,"f");Yo(this,La,new Lt,"f");Yo(this,Fa,new Ft,"f");Yo(this,ya,true,"f");this.initWithPersistedState();if(this.pageSelected>0){this.currentPage=this.pageSelected}this.currentRowsPerPage=this.rowsPerPage;Yo(this,ya,false,"f");T(this.getRows());this.expandGroupsHandler();if(document.querySelector(".header")){Yo(this,ma,document.querySelector(".header").clientHeight,"f")}else{Yo(this,ma,0,"f")}if(document.querySelector(".topbar")){Yo(this,ma,Bo(this,ma,"f")+document.querySelector(".topbar").clientHeight,"f")}Bo(this,Xo,"m",dr).call(this);Yo(this,ka,CSS.supports("position","-webkit-sticky")||!!(window&&window.safari),"f");Bo(this,Xo,"m",or).call(this);Yo(this,Go,true,"f");this.backupOriginalDataAndAdapting()}componentWillRender(){Bo(this,ta,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){mt(e[t])}}if(this.showCustomization){Bo(this,Xo,"m",wr).call(this)}Bo(this,Xo,"m",Tl).call(this);Bo(this,Xo,"m",xr).call(this);Bo(this,Xo,"m",kr).call(this);Bo(this,Xo,"m",gr).call(this);Bo(this,Xo,"m",Kl).call(this,false);if(this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined){Bo(this,Xo,"m",fr).call(this)}setTimeout((()=>Bo(this,Xo,"m",Qr).call(this)),50);if(this.lazyLoadCells){this.persistState()}Yo(this,Ca,this.rootElement.clientWidth,"f");Bo(this,ta,"f").debug.logRender(this,true)}componentDidLoad(){Bo(this,Xo,"m",br).call(this);Bo(this,Xo,"m",yr).call(this);Bo(this,Xo,"m",mr).call(this);this.lazyLoadCells=true;this.kupDidLoad.emit({comp:this,id:this.rootElement.id});Bo(this,ta,"f").resize.observe(this.rootElement);Bo(this,ta,"f").debug.logLoad(this,true)}resetCurrentPage(){this.currentPage=1;Bo(this,Xo,"m",jr).call(this)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:""}]}getVisibleColumns(){const t=this.getColumns().filter((t=>!Bo(this,ta,"f").data.column.isCodVer(t)&&(!("visible"in t)||t.visible)));if(Bo(this,Xo,"m",Hr).call(this)){return t.filter((t=>{let e=null;for(let i of this.groups){if(i.column===t.name){e=i;break}}if(e){return!e.hasOwnProperty("visible")||e.visible}return true}))}return t}getGroupByName(t){if(!Bo(this,Xo,"m",Hr).call(this)){return null}for(let e of this.groups){if(e.column===t){return e}}return null}getColumnValues(t){return Bo(this,Fa,"f").getColumnValues(this,t,this.globalFilterValue,Bo(this,La,"f"))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}async getInternalState(){return{groups:this.groups,filters:this.filters,data:this.data}}async defaultSortingFunction(t,e,i,s=false){const n=!s?t:[...t];Bo(this,Xo,"m",jl).call(this,n,e,i);return n}areTotalsSelected(t){return this.totals&&this.totals[t.name]?true:false}onTotalsChange(t,e){Bo(this,Xo,"m",dl).call(this);if(e){const i=Object.assign({},this.totals);const s=t.detail.selected.id;if(s===B.CANC){if(this.totals&&this.totals[e.name]){delete i[e.name]}}else{i[e.name]=s}this.totals=i}}renderFooter(){let t=0;let e=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const i=Bo(this,Xo,"m",Zr).call(this,t,0,0,t);e=s("td",{class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null})}let i=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){t++;const e=Bo(this,Xo,"m",Zr).call(this,t,0,0,t);i=s("td",{class:e?e.fixedCellClasses:{},style:e?e.fixedCellStyle:{}})}const n=this.getVisibleColumns().map(((e,i)=>{const n=Bo(this,Xo,"m",Zr).call(this,i+1+t,i+1,0,t);let o=undefined;let a=B.CALC;const r={[B.AVERAGE]:Bo(this,ta,"f").language.translate(v.AVERAGE),[B.CALC]:Bo(this,ta,"f").language.translate(v.CALCULATE),[B.CANC]:Bo(this,ta,"f").language.translate(v.CANCEL),[B.COUNT]:Bo(this,ta,"f").language.translate(v.COUNT),[B.DISTINCT]:Bo(this,ta,"f").language.translate(v.DISTINCT),[B.MATH]:Bo(this,ta,"f").language.translate(v.FORMULA),[B.MAX]:Bo(this,ta,"f").language.translate(v.MAXIMUM),[B.MIN]:Bo(this,ta,"f").language.translate(v.MINIMUM),[B.SUM]:Bo(this,ta,"f").language.translate(v.SUM)};if(this.totals){const t=this.totals[e.name];if(t){if(t.startsWith(Y.MATH)){a=B.MATH}else{switch(t){case Y.COUNT:a=B.COUNT;break;case Y.DISTINCT:a=B.DISTINCT;break;case Y.SUM:a=B.SUM;break;case Y.AVERAGE:a=B.AVERAGE;break;case Y.MIN:a=B.MIN;break;case Y.MAX:a=B.MAX;break}}}}if(Bo(this,Xo,"m",ml).call(this,e.name)){const t=[{id:Y.COUNT,value:r[B.COUNT]},{id:Y.DISTINCT,value:r[B.DISTINCT]}];if(Bo(this,ta,"f").objects.isNumber(e.obj)){t.push({id:Y.SUM,separator:true,value:r[B.SUM]},{id:Y.AVERAGE,value:r[B.AVERAGE]},{id:Y.MIN,value:r[B.MIN]},{id:Y.MAX,value:r[B.MAX]})}else if(Bo(this,ta,"f").objects.isDate(e.obj)){t.push({id:Y.MIN,separator:true,value:r[B.MIN]},{id:Y.MAX,value:r[B.MAX]})}if(this.totals){const i=t.find((t=>t.id===this.totals[e.name]));if(i){i.selected=true;t.push({id:B.CANC,separator:true,value:r[B.CANC]})}}o=s("kup-list",{class:`total-menu`,data:t,id:"totals-menu","is-menu":true,keyboardNavigation:true,"menu-visible":true,"onkup-list-click":t=>this.onTotalsChange(t,e),tabindex:0})}let l;const h=Bo(this,Qo,"f")[e.name];if(a===B.COUNT||a===B.DISTINCT){l=h}else if((a===B.MAX||a===B.MIN)&&Bo(this,ta,"f").objects.isDate(e.obj)){if(h){l=h}}else{l=Bo(this,ta,"f").math.numberToFormattedString(h,e.decimals,e.obj?e.obj.p:"")}return s("td",{"data-column":e.name,class:n&&n.fixedCellClasses?n.fixedCellClasses:"",style:n?n.fixedCellStyle:null},o,s("span",{class:"totals-value",title:r[a]},l))}));const o=s("tfoot",null,s("tr",null,e,i,n));return o}renderCustomizePanel(){let t=undefined;let e=undefined;let i=undefined;let n=undefined;let o=undefined;if(this.openedCustomSettings){t=Bo(this,Xo,"m",Ql).call(this);e=Bo(this,Xo,"m",Ul).call(this);i=Bo(this,Xo,"m",ah).call(this);n=Bo(this,Xo,"m",nh).call(this);if(this.totals&&this.groups.length>0){o=Bo(this,Xo,"m",oh).call(this)}}return s("kup-card",{customStyle:"::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }",isMenu:true,layoutFamily:j.FREE,ref:t=>{Yo(this,pa,t,"f")},sizeX:"360px",sizeY:"300px"},t,i,e,n,s("kup-switch",{class:"customize-element",checked:this.dragEnabled,label:Bo(this,ta,"f").language.translate(g.DRAG_AND_DROP),leadingLabel:true,"onkup-switch-change":()=>this.dragEnabled=!this.dragEnabled}),s("kup-switch",{class:"customize-element",checked:this.editableData,label:Bo(this,ta,"f").language.translate(g.EDITABLE),leadingLabel:true,"onkup-switch-change":()=>this.editableData=!this.editableData}),s("div",{style:{display:"grid","grid-template-columns":"repeat(2, auto)",width:"max-content"}},s("kup-button",{title:Bo(this,ta,"f").language.translate(g.TOGGLE)+" Magic Box "+"("+Bo(this,ta,"f").language.translate(g.EXPERIMENTAL_FEAT)+")",icon:"auto-fix","onkup-button-click":()=>Bo(this,ta,"f").toggleMagicBox()}),Bo(this,ta,"f").enableExperimentalFeatures&&Bo(this,ta,"f").openAI&&Bo(this,ta,"f").openAI.url?s("kup-button",{title:Bo(this,ta,"f").language.translate(g.TOGGLE)+" "+Bo(this,ta,"f").language.translate(g.AI_ASSISTANT)+" ("+Bo(this,ta,"f").language.translate(g.EXPERIMENTAL_FEAT)+")",icon:"smeup-ai","onkup-button-click":()=>{Bo(this,ta,"f").openAI.show({context:this.rootElement.tagName,dataset:this.data});Bo(this,Xo,"m",El).call(this)}}):null),o)}render(){Yo(this,_a,[],"f");Yo(this,za,[],"f");Yo(this,ea,[],"f");let t=undefined;let e=undefined;Yo(this,fa,Bo(this,Xo,"m",Wr).call(this),"f");let i=null;if(Bo(this,Zo,"f")===0){i=s("tr",{key:"efb6db0e8b175d8bb3a438222a63228df9562650",ref:t=>Bo(this,za,"f").push(t)},s("td",{key:"bb7ed6cde229dd2f305801df88144145e8c9c5b0",colSpan:Bo(this,Xo,"m",_l).call(this)},this.emptyDataLabel))}else{i=[];Bo(this,Jo,"f").map(((t,e,i)=>Bo(this,Xo,"m",Il).call(this,t,0,e+1,e>0?i[e-1]:null))).forEach((t=>{if(Array.isArray(t)){t.forEach((t=>i.push(t)))}else{i.push(t)}}))}const o=Bo(this,Xo,"m",Dl).call(this);const a=Bo(this,Xo,"m",Ml).call(this);let l=undefined;let h=undefined;if(!this.lazyLoadRows&&Bo(this,qo,"f")>this.rowsPerPage||this.showCustomization||this.showLoadMore){if(V.TOP===this.paginatorPos||V.BOTH===this.paginatorPos){l=Bo(this,Xo,"m",Nl).call(this,true)}if(V.BOTTOM===this.paginatorPos||V.BOTH===this.paginatorPos){h=Bo(this,Xo,"m",Nl).call(this,false)}}let u=null;if(Bo(this,Xo,"m",Hr).call(this)){const t=[];for(let e=0;e<this.groups.length;e++){const i=this.groups[e];const s=O(this.getColumns(),i.column);if(s){t.push({value:s.title,id:s.name,checked:true})}else{Bo(this,ta,"f").debug.logMessage(this,"Grouped for a non-existent column! ("+i.column+")",f.WARNING)}}if(t.length>0){const e={data:t,id:"group-chips",type:St.INPUT,onIconClick:[]};for(let i=0;i<t.length;i++){e.onIconClick.push((()=>Bo(this,Xo,"m",Yr).call(this,i)))}u=s(Rt,Object.assign({key:"e51efbb765103f29668ba724068fd8545b21a48e"},e))}}const d={"auto-width":Bo(this,Xo,"m",Gr).call(this),"column-separation":H.COMPLETE===this.showGrid||H.COL===this.showGrid,"row-separation":H.COMPLETE===this.showGrid||H.ROW===this.showGrid,"persistent-header":this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined,"custom-size":!!this.tableHeight||!!this.tableWidth,"border-top":!this.showHeader};const m=d["auto-width"]?"auto-width":"";d[`density-${this.density}`]=true;d[`fontsize-${this.fontsize}`]=true;if(this.tableHeight&&this.tableHeight!=="100%"){t=Object.assign(Object.assign({},t),{height:this.tableHeight,overflow:"auto"})}if(this.tableWidth&&this.tableHeight!=="100%"){t=Object.assign(Object.assign({},t),{width:this.tableWidth,overflow:"auto"});e=Object.assign(Object.assign({},e),{width:this.tableWidth,overflow:"auto"})}let g=undefined;if(this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined){g=s("sticky-header",{key:"9f3a65a115893581db844f7ebb19f313e70c9741",class:"hover-scrolling-child",hidden:!this.showHeader,ref:t=>Yo(this,ha,t,"f")},s("thead-sticky",{key:"cb350fb0f1b870f718854e98fb7131e34c31e7a0"},s("tr-sticky",{key:"636d59e4090e8ab9b38decb3d10c457a4e039c66"},a)))}let b="below-wrapper";if(!!this.tableHeight||!!this.tableWidth){b+=" custom-size"}const k=t=>{if(t&&t.detail&&t.detail.row){const e=t.detail.row;if(!this.selectedRows.includes(e)){if(this.selection===I.MULTIPLE_CHECKBOX||this.selection===I.MULTIPLE){this.selectedRows.push(e)}else{this.selectedRows=[e]}}if(t.type==="kup-cell-input"){this.refresh()}}};const y=s(n,{key:"d7fcdea877130818a425778b04831b27b598a238","onKup-cell-input":k,"onKup-cell-update":k},s("style",{key:"2d9e947791974f6a27fac9cda40b47b89db8fd0a"},Bo(this,ta,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e8d7ab9756bf74e33f00c89c8a8270d5a9f0d623",id:Ct,class:m},s("div",{key:"2600d608f664012c22e768ad5b52690b3c4e4ec5",class:"group-wrapper"},u),s("div",{key:"fade30e46f5d96f6bcc77b665fe345bf856ef637",class:"actions-wrapper",style:e},this.globalFilter?s("div",{id:"global-filter"},s(dt,{fullWidth:true,icon:c.SEARCH,label:Bo(this,ta,"f").language.translate(F.SEARCH),value:this.globalFilterValue,onInput:t=>{const e=t.target;window.clearTimeout(Bo(this,va,"f"));Yo(this,va,window.setTimeout((()=>Bo(this,Xo,"m",sl).call(this,e)),600,e),"f")}})):null,s("div",{key:"34b7bb761d08f0251e2f798111f1bee38d40bd0c",class:"above-wrapper paginator-top"},l),this.insertMode!==""&&this.selectedRows.length>0?s(Wt,{icon:"save",onClick:()=>{this.kupSave.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})},styling:Ot.FLAT,sizing:r.MEDIUM,title:"Save",wrapperClass:"save-button"}):null,this.showDeleteButton&&this.selectedRows.length>0?s(Wt,{icon:"delete",onClick:()=>{Bo(this,Xo,"m",Rr).call(this)},styling:Ot.FLAT,sizing:r.MEDIUM,title:"Delete selected rows",wrapperClass:"delete-button"}):null,this.showHistoryButton?s(Wt,{icon:"history",onClick:()=>{this.kupHistory.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})},styling:Ot.FLAT,sizing:r.MEDIUM,title:"History",wrapperClass:"history-button"}):null,this.insertMode!==""?s(Wt,{label:"Crea nuovo",onClick:async()=>{var t;if(this.insertMode==="form"){Bo(this,Xo,"m",Pr).call(this)}else{Yo(this,qa,(t=Bo(this,qa,"f"),t++,t),"f");const e={};for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];e[i.name]={data:i.cellData?JSON.parse(JSON.stringify(i.cellData)):undefined,slotData:i.cellSlotData?JSON.parse(JSON.stringify(i.cellSlotData)):undefined,isEditable:i.isKey||i.isEditable,obj:Object.assign({},i.obj),shape:i.shape,value:""}}const i={cells:e,id:Bo(this,ir,"f")+Bo(this,qa,"f")};this.data.rows.unshift(i);await this.refresh(true)}},sizing:r.MEDIUM,styling:Ot.RAISED,title:"Insert row",wrapperClass:"insert-button"}):null),s("div",{key:"69f207abce792e0c58d0984d1b525e8bbf0fc489",class:"droparea",ref:t=>Yo(this,Ma,t,"f")},this.showGroups?Bo(this,Xo,"m",Fl).call(this):null,this.removableColumns?Bo(this,Xo,"m",Ll).call(this):null),s("div",{key:"2404bd9828f12ac9d50786c2fdd7357257196998",style:t,class:b,ref:t=>Yo(this,la,t,"f")},this.showCustomization?[s("div",{class:"settings-trigger",onClick:()=>{Bo(this,Xo,"m",Pl).call(this)},ref:t=>{Yo(this,ua,t,"f")}},s(jt,{color:`var(${p.TITLE})`,resource:"settings",sizeX:"10px"})),this.renderCustomizePanel()]:null,s("table",{key:"9467784989575b9b437dbdf88caa5b92f34214f4",class:d,ref:t=>Yo(this,oa,t,"f"),onMouseLeave:t=>{t.stopPropagation()},onPointerDown:t=>{Yo(this,ca,Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(t.target,this.rootElement),t),"f")},onPointerUp:t=>{Yo(this,ca,Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(t.target,this.rootElement),t),"f")},onContextMenu:t=>{t.preventDefault()}},s("thead",{key:"761a479563b77451ea506784462b5b5aea974e8b",hidden:!this.showHeader,ref:t=>Yo(this,na,t,"f")},s("tr",{key:"7a89e45fdaf6d1469e881a002537cce28962be4e"},o)),s("tbody",{key:"37377d063aab99b4da2efa32225d6aab2ba14bbc"},i),this.showFooter||Bo(this,Xo,"m",Xr).call(this)?this.renderFooter():null),g),h),this.updatableData?Bo(this,Xo,"m",rh).call(this):null);return y}disconnectedCallback(){Bo(this,ta,"f").interact.unregister(Bo(this,Wa,"f").concat(Bo(this,$a,"f"),Bo(this,Oa,"f"),Bo(this,Da,"f")));Bo(this,ta,"f").language.unregister(this);Bo(this,ta,"f").theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+X+"]");if(t.length>0){Bo(this,ta,"f").dynamicPosition.unregister(Array.prototype.slice.call(t))}if(Bo(this,pa,"f")){Bo(this,pa,"f").remove()}if(Bo(this,Ya,"f")){Bo(this,Ya,"f").remove()}if(this.scrollOnHover){Bo(this,ta,"f").scrollOnHover.unregister(Bo(this,la,"f"))}Bo(this,ta,"f").resize.unobserve(this.rootElement);this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return o(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],expandGroups:["expandGroupsHandler"],filters:["filtersChanged"],globalFilterValue:["filtersChanged"],sort:["recalculateRows"],totals:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["identifyAndInitRows","backupOriginalDataAndAdapting"],groups:["recalculateRowsAndUndoSelections"],fixedColumns:["controlFixedRowsColumns"],fixedColumnsR:["controlFixedRowsColumns"],fixedRows:["controlFixedRowsColumns"],transpose:["recalculateData"]}}};Go=new WeakMap,Uo=new WeakMap,qo=new WeakMap,Jo=new WeakMap,Zo=new WeakMap,Qo=new WeakMap,ta=new WeakMap,ea=new WeakMap,ia=new WeakMap,sa=new WeakMap,na=new WeakMap,oa=new WeakMap,aa=new WeakMap,ra=new WeakMap,la=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,pa=new WeakMap,fa=new WeakMap,da=new WeakMap,ma=new WeakMap,ga=new WeakMap,ba=new WeakMap,ka=new WeakMap,ya=new WeakMap,va=new WeakMap,xa=new WeakMap,wa=new WeakMap,_a=new WeakMap,za=new WeakMap,Ca=new WeakMap,ja=new WeakMap,Wa=new WeakMap,$a=new WeakMap,Oa=new WeakMap,Da=new WeakMap,Ma=new WeakMap,Ta=new WeakMap,Sa=new WeakMap,Ia=new WeakMap,Pa=new WeakMap,Ra=new WeakMap,Ea=new WeakMap,Na=new WeakMap,La=new WeakMap,Fa=new WeakMap,Ka=new WeakMap,Aa=new WeakMap,Va=new WeakMap,Ha=new WeakMap,Ba=new WeakMap,Ya=new WeakMap,Xa=new WeakMap,Ga=new WeakMap,Ua=new WeakMap,qa=new WeakMap,Ja=new WeakMap,Za=new WeakMap,Qa=new WeakMap,tr=new WeakMap,er=new WeakMap,ir=new WeakMap,pr=new WeakMap,Wl=new WeakMap,Bl=new WeakMap,Yl=new WeakMap,Xl=new WeakMap,ql=new WeakMap,Jl=new WeakMap,th=new WeakMap,eh=new WeakMap,ih=new WeakMap,Xo=new WeakSet,sr=function t(){Bo(this,ta,"f").dynamicPosition.stop(Bo(this,Xa,"f"));Bo(this,ta,"f").removeClickCallback(Bo(this,Ra,"f"));Bo(this,Xa,"f").remove();Yo(this,Xa,null,"f")},nr=function t(e,i){if(Bo(this,Xa,"f")){Bo(this,Xo,"m",sr).call(this)}Yo(this,Xa,document.createElement("kup-card"),"f");Bo(this,Xa,"f").data={options:{data:this.data,enableFormula:this.enableColumnsFormula,enableMerge:this.enableMergeColumns,enableMove:this.enableSortableColumns,receivingColumn:i,starterColumn:e,formulaCb:()=>{Bo(this,Xo,"m",sr).call(this);this.refresh()},mergeCb:()=>{this.newColumn(w.CONCATENATE,{columns:[i.name,e.name]});Bo(this,Xo,"m",sr).call(this)},moveCb:()=>{Bo(this,Xo,"m",Cl).call(this,i,e);Bo(this,Xo,"m",sr).call(this)}}};Bo(this,Xa,"f").layoutFamily=j.BUILT_IN;Bo(this,Xa,"f").layoutNumber=3;Bo(this,Xa,"f").isMenu=true;Bo(this,Xa,"f").sizeX="280px";Bo(this,Xa,"f").sizeY="auto";Bo(this,ta,"f").dynamicPosition.register(Bo(this,Xa,"f"),Bo(this,Ga,"f"),0,u.AUTO,true);Bo(this,ta,"f").dynamicPosition.start(Bo(this,Xa,"f"));Yo(this,Ra,{cb:()=>{Bo(this,Xo,"m",sr).call(this)},el:Bo(this,Xa,"f")},"f");Bo(this,ta,"f").addClickCallback(Bo(this,Ra,"f"),true);Bo(this,Xa,"f").menuVisible=true},or=function t(){if(!this.transpose){if(Bo(this,aa,"f")){this.data=Object.assign({},Bo(this,aa,"f"))}}else{Bo(this,Xo,"m",hr).call(this)}},ar=function t(e){if(Bo(this,Xo,"m",Hr).call(this)&&typeof e==="string"){return Bo(this,Xo,"m",rr).call(this,e,Bo(this,Jo,"f"))}else{return Bo(this,Xo,"m",rr).call(this,e,Bo(this,Uo,"f"))}},rr=function t(e,i){if(!i||i.length==0){return null}if(typeof e==="number"){return i[e]}else{for(let s=0;s<i.length;s++){let n=i[s];if(n.id===e){return n}if(n.group){n=Bo(this,Xo,"m",t).call(this,e,n.group.children);if(n){return n}}}}return null},lr=function t(e){if(e){this.filters={}}return Bo(this,ta,"f").data.transpose(this.data,e)},hr=function t(){Yo(this,aa,Object.assign({},this.data),"f");if(this.data.columns.length>0){this.data=Bo(this,Xo,"m",lr).call(this,this.data.columns[0].name)}},cr=function t(){if(Bo(this,Uo,"f").length===0||!Bo(this,Uo,"f")[0].group)return;const e={};const i=[];i.push(Bo(this,Uo,"f")[0].group.column);Object.keys(Bo(this,Uo,"f")[0].group.totals).forEach((t=>{if(Bo(this,Uo,"f")[0].group.column!==t)i.push(t)}));const s=[];i.forEach((t=>{this.data.columns.forEach((e=>{if(e.name===t){const t=Object.assign({},e);const i=this.totals[t.name];if(i){if(i.startsWith(Y.MATH)){t.title=B[Y.MATH]+" "+t.title}else{const e=Object.keys(Y).find((t=>Y[t]===i));if(e){t.title=B[e]+" "+t.title}else{t.title=i+" "+t.title}}Bo(this,Xo,"m",ur).call(this,t,this.totals)}s.push(t)}}))}));e.columns=s;const n=[];let o=0;Bo(this,Uo,"f").forEach((t=>{const e={};i.forEach((i=>{let s=t.group.totals[i];if(!s){s=t.group.id}if(Bo(this,ta,"f").dates.isIsoDate(s)){s=Bo(this,ta,"f").dates.format(s)}e[i]={value:String(s)}}));n.push({id:String(o),cells:e});o++}));e.rows=n;this.groups=[];this.data=Object.assign({},e);const a={};Object.keys(this.totals).forEach((t=>{switch(this.totals[t]){case Y.DISTINCT:a[t]=Y.COUNT;break;case Y.COUNT:a[t]=Y.SUM;break;default:a[t]=this.totals[t];break}}));this.totals=Object.assign({},a)},ur=function t(e,i){const s=e.obj;const n=i[e.name];if(Bo(this,ta,"f").objects.isDate(s)){if(n===Y.MAX||n===Y.MIN){return}}else if(Bo(this,ta,"f").objects.isNumber(s)){if(s.p&&s.p.toUpperCase()==="P"){if(n!==Y.COUNT&&n!==Y.DISTINCT){return}}}e.obj={t:"NR",p:"",k:""};if(e.icon){delete e.icon}},fr=function t(){const e=document.querySelector(".header");const i=document.querySelector(".topbar");if(e){Yo(this,ma,e.clientHeight,"f")}else{Yo(this,ma,0,"f")}if(i){Yo(this,ma,Bo(this,ma,"f")+i.clientHeight,"f")}if(Bo(this,ha,"f")){Bo(this,ha,"f").style.top=Bo(this,ma,"f")+"px";const t=Bo(this,la,"f").offsetWidth;Bo(this,ha,"f").style.maxWidth=t+"px";const e=Bo(this,na,"f").querySelectorAll("th");const i=Bo(this,ha,"f").querySelectorAll("th-sticky");for(let t=0;t<e.length;t++){const s=e[t].offsetWidth;i[t].style.width=s+"px"}}},dr=function t(){const e=t=>{t.forEach((t=>{if(t.target.tagName==="TR"){if(t.isIntersecting){Bo(this,ta,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const e=Bo(this,Uo,"f").length-this.currentRowsPerPage;if(e<this.loadMoreStep){this.currentRowsPerPage+=e}else{this.currentRowsPerPage+=this.loadMoreStep}t.target.classList.remove("last-row")}}if(t.target.tagName==="THEAD"){if(t.isIntersecting){Yo(this,ga,true,"f")}else if(t.boundingClientRect.bottom>Bo(this,ma,"f")){Yo(this,ga,true,"f")}else{Yo(this,ga,false,"f")}}if(t.target.tagName==="TABLE"){if(t.isIntersecting){Yo(this,ba,true,"f")}else{Yo(this,ba,false,"f")}}if(this.tableHeight===undefined&&this.tableWidth===undefined&&this.headerIsPersistent){Bo(this,pr,"f").call(this)}}))};const i={threshold:0,rootMargin:"-"+Bo(this,ma,"f")+"px 0px 0px 0px"};Yo(this,da,new IntersectionObserver(e,i),"f")},mr=function t(){Bo(this,Da,"f").push(Bo(this,oa,"f"));const e=t=>{var e,i,s,n;if(Bo(this,ja,"f")){Yo(this,ja,false,"f");return}switch(t.button){case 0:const o={};for(const e in t){o[e]=t[e]}if(t.target.classList.contains("f-image__icon")){const o=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(t.target,this.rootElement),t);if(((i=(e=o===null||o===void 0?void 0:o.cell)===null||e===void 0?void 0:e.obj)===null||i===void 0?void 0:i.t)!=="J4"&&((n=(s=o===null||o===void 0?void 0:o.cell)===null||s===void 0?void 0:s.obj)===null||n===void 0?void 0:n.p)!=="ICO"){break}}Bo(this,wa,"f").push(setTimeout((()=>{this.kupDataTableClick.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Nr).call(this,o)})}),300));break;case 2:this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Fr).call(this,t)});break}};const i=t=>{switch(t.button){case 0:for(let t=0;t<Bo(this,wa,"f").length;t++){clearTimeout(Bo(this,wa,"f")[t]);Bo(this,ta,"f").debug.logMessage(this,"Cleared clickHandler timeout("+Bo(this,wa,"f")[t]+").")}Yo(this,wa,[],"f");this.kupDataTableDblClick.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Kr).call(this,t)});break}};const s=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){Yo(this,ja,true,"f");this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Fr).call(this,t)})}};Bo(this,ta,"f").interact.on(Bo(this,oa,"f"),G.TAP,e);Bo(this,ta,"f").interact.on(Bo(this,oa,"f"),G.DOUBLETAP,i);Bo(this,ta,"f").interact.on(Bo(this,oa,"f"),G.HOLD,s)},gr=function t(){if(this.showGroups){if(!Bo(this,$a,"f").includes(Bo(this,Sa,"f"))){Bo(this,$a,"f").push(Bo(this,Sa,"f"));Bo(this,ta,"f").interact.dropzone(Bo(this,Sa,"f"),{accept:`[${U}]`},null,{drop:t=>{const e=t.relatedTarget;const i=O(this.getColumns(),e.dataset.column);Bo(this,Xo,"m",Al).call(this,i);Bo(this,oa,"f").removeAttribute(q)}})}}if(this.removableColumns){if(!Bo(this,$a,"f").includes(Bo(this,Ta,"f"))){Bo(this,$a,"f").push(Bo(this,Ta,"f"));Bo(this,ta,"f").interact.dropzone(Bo(this,Ta,"f"),{accept:`[${U}]`},null,{drop:t=>{const e=t.relatedTarget;const i=O(this.getColumns(),e.dataset.column);this.hideColumn(i);Bo(this,oa,"f").removeAttribute(q)}})}}if(this.enableSortableColumns||this.enableMergeColumns||this.enableColumnsFormula){const t=t=>{const e=t.target;return{cell:null,column:O(this.getVisibleColumns(),e.dataset.column),id:this.rootElement.id,multiple:!!(this.selection===I.MULTIPLE||this.selection===I.MULTIPLE_CHECKBOX),row:null,selectedRows:this.selectedRows}};const e=t=>{const e=!!(!this.enableSortableColumns&&!this.enableColumnsFormula&&this.enableMergeColumns);const i=!!(this.enableSortableColumns&&!this.enableColumnsFormula&&!this.enableMergeColumns);const s=t.relatedTarget;const n=!!(this.rootElement.id===s.kupDragDrop.id);const o=s.kupDragDrop.column;const a=O(this.getColumns(),t.target.dataset.column);Yo(this,Ga,t.target,"f");if(n&&a&&o){if(i){Bo(this,Xo,"m",Cl).call(this,a,o)}else if(e){this.newColumn(w.CONCATENATE,{columns:[a.name,o.name]})}else{Bo(this,Xo,"m",nr).call(this,o,a)}}Bo(this,oa,"f").removeAttribute(q)};const i=t=>{const e=t.target;Bo(this,Xo,"m",Kl).call(this,true,e)};const s=()=>{Bo(this,Xo,"m",Kl).call(this,false)};const n={drop:e};const o={start:i,end:s};for(let e=0;e<Bo(this,_a,"f").length;e++){const i=Bo(this,_a,"f")[e];if(i&&!Bo(this,Wa,"f").includes(i)){Bo(this,Wa,"f").push(i);Bo(this,ta,"f").interact.dropzone(i,{accept:`[${U}]`},null,n);Bo(this,ta,"f").interact.draggable(i,{cursorChecker(){return null},ignoreFrom:".header-cell__drag-handler"},{callback:t},J.CLONE,o)}}}if(this.resizableColumns){const t=t=>{const e=O(this.getVisibleColumns(),t.target.dataset.column);e.size=t.rect.width+"px";this.refresh()};const e={move:t};for(let t=0;t<Bo(this,_a,"f").length;t++){const i=Bo(this,_a,"f")[t];if(i&&!Bo(this,Oa,"f").includes(i)){Bo(this,Oa,"f").push(i);Bo(this,ta,"f").interact.resizable(i,{allowFrom:".header-cell__drag-handler",edges:{left:false,right:true,bottom:false,top:false},ignoreFrom:".header-cell__content"},e)}}}if(this.dragEnabled){for(let t=0;t<Bo(this,za,"f").length;t++){const e=Bo(this,za,"f")[t];const i=()=>{var t,e,i;const s=(t=Bo(this,ca,"f"))===null||t===void 0?void 0:t.cell;const n=(e=Bo(this,ca,"f"))===null||e===void 0?void 0:e.column;const o=(i=Bo(this,ca,"f"))===null||i===void 0?void 0:i.row;if(!s){Bo(this,ta,"f").debug.logMessage(this,"Couldn't find cell to retrieve drag informations!",f.WARNING);return}return{cell:s,column:n,id:this.rootElement.id,multiple:!!(this.selection===I.MULTIPLE||this.selection===I.MULTIPLE_CHECKBOX),row:o,selectedRows:this.selectedRows}};if(e&&!Bo(this,Wa,"f").includes(e)){Bo(this,Wa,"f").push(e);Bo(this,ta,"f").interact.draggable(e,{allowFrom:"td",cursorChecker(){return null}},{callback:i},J.BADGE)}}}if(this.dropEnabled){const t=()=>{var t,e,i;const s=(t=Bo(this,ca,"f"))===null||t===void 0?void 0:t.cell;const n=(e=Bo(this,ca,"f"))===null||e===void 0?void 0:e.column;const o=(i=Bo(this,ca,"f"))===null||i===void 0?void 0:i.row;if(!s){Bo(this,ta,"f").debug.logMessage(this,"Couldn't find cell to retrieve dropzone informations!",f.WARNING);return}return{cell:s,column:n,id:this.rootElement.id,row:o}};for(let e=0;e<Bo(this,za,"f").length;e++){const i=Bo(this,za,"f")[e];if(i&&!Bo(this,$a,"f").includes(i)){Bo(this,$a,"f").push(i);Bo(this,ta,"f").interact.dropzone(i,{accept:`[${Z}]`},{callback:t,dispatcher:this.rootElement,type:Q.DATATABLE})}}}},br=function t(){if(this.headerIsPersistent&&this.tableHeight===undefined&&this.tableWidth===undefined){Bo(this,da,"f").observe(Bo(this,oa,"f"));Bo(this,da,"f").observe(Bo(this,na,"f"))}},kr=function t(){if(Bo(this,Zo,"f")<Bo(this,qo,"f")&&this.lazyLoadRows){Bo(this,da,"f").observe(Bo(this,za,"f")[Bo(this,Zo,"f")-1])}},yr=function t(){Bo(this,la,"f").addEventListener("scroll",(()=>Bo(this,Xo,"m",vr).call(this)))},vr=function t(){if(!Bo(this,ha,"f")){return}Bo(this,ha,"f").scrollLeft=Bo(this,la,"f").scrollLeft},xr=function t(){if(!Bo(this,ta,"f").scrollOnHover.isRegistered(Bo(this,la,"f"))){if(this.scrollOnHover&&this.tableHeight===undefined&&this.tableWidth===undefined){Bo(this,ta,"f").scrollOnHover.register(Bo(this,la,"f"))}}else{if(!this.scrollOnHover&&(this.tableHeight!==undefined||this.tableWidth!==undefined)){Bo(this,ta,"f").scrollOnHover.unregister(Bo(this,la,"f"))}}},wr=function t(){if(Bo(this,ua,"f")&&!Bo(this,ta,"f").dynamicPosition.isRegistered(Bo(this,pa,"f"))){Bo(this,ta,"f").dynamicPosition.register(Bo(this,pa,"f"),Bo(this,ua,"f"),0,u.BOTTOM,true)}},_r=function t(){return Bo(this,Xo,"m",Cr).call(this,Bo(this,Uo,"f"))},zr=function t(){return Bo(this,Xo,"m",Cr).call(this,Bo(this,Jo,"f"))},Cr=function t(e){if(e==null){return 0}let i=0;for(let s=0;s<e.length;s++){const n=e[s];if(n==null){continue}i+=1;if(n.group!=null){i+=Bo(this,Xo,"m",t).call(this,n.group.children)}}return i},jr=function t(){if(this.getRows().length===0)return;this.selectedRows=[];this.kupResetSelectedRows.emit({comp:this,id:this.rootElement.id})},Wr=function t(){const e=this.getColumns();const i=[];for(let t=0;t<e.length;t++){if(e[t].size!==null&&e[t].size!==undefined&&e[t].size!==""){i.push(e[t])}}if(i.length>0){return i}else{return undefined}},$r=function t(e,i,s){const n=Bo(this,Xo,"m",lr).call(this);const o={button:[{disabled:parseInt(e.id)===0?true:false,icon:"chevron_left"},{disabled:parseInt(e.id)===this.getRows().length-1?true:false,icon:"chevron_right"}],datatable:[{customStyle:'#kup-component .below-wrapper{overflow: visible} #kup-component td[data-column="'+lt.toUpperCase()+`"]{background-color: rgba(var(${p.TEXT}-rgb), 0.15); width: 10px;}`,data:n,density:"medium",editableData:true,headerIsPersistent:false,id:this.rootElement.id?this.rootElement.id:"",rowsPerPage:1e3,showGrid:H.NONE,showHeader:false}],text:[Bo(this,ta,"f").language.translate(C.DETAIL)]};const a=o.datatable[0].data.columns;const r=o.datatable[0].data.rows;a.unshift({name:lt.toUpperCase(),title:lt},{name:ht.toUpperCase(),title:ht});for(let t=0;t<a.length;t++){a[t].visible=false}a.find((t=>t.name===ct.toUpperCase())).visible=true;const l=a.find((t=>t.name===e.id));if(l){l.visible=true}else{Bo(this,ta,"f").debug.logMessage(this,"Invalid column name on row ID ("+e.id+"), couldn't set current record!",f.WARNING)}let h=null;for(let t=0;t<r.length;t++){const i=this.data.columns.find((e=>e.name===r[t].transposedColumnName));if(!i){Bo(this,ta,"f").debug.logMessage(this,"Column not found on row name ("+i+")!",f.WARNING);return}const s=r[t].cells[e.id].isEditable?true:false;let n=null;if(i.isKey||s){a.find((t=>t.name===lt.toUpperCase())).visible=true}if(i.isKey){h=e.cells[i.name];n={obj:{t:"J4",p:"ICO",k:"OG_OG_KF"},data:{color:`var(${p.TEXT})`,resource:s?"edit-key":"key-variant"},title:s?Bo(this,ta,"f").language.translate(C.EDITABLE_KEY):Bo(this,ta,"f").language.translate(C.KEY),value:s?"edit-key":"key-variant"}}else if(s){n={obj:{t:"VO",p:"COD_VER",k:"000051"},data:{color:`var(${p.TEXT})`,resource:"pencil"},title:Bo(this,ta,"f").language.translate(g.EDITABLE_FIELD),value:"pencil"}}else{n={obj:{t:"",p:"",k:""},value:""}}if(h){r[t].cells[ht.toUpperCase()]=h}else{r[t].cells[ht.toUpperCase()]={value:null}}r[t].cells[lt.toUpperCase()]=n}if(!Bo(this,Ka,"f")){Yo(this,Ka,document.createElement("kup-card"),"f");Bo(this,Ka,"f").layoutFamily=j.DIALOG;Bo(this,Ka,"f").layoutNumber=4;Bo(this,Ka,"f").sizeX="auto";Bo(this,Ka,"f").sizeY="auto"}else{const t=Array.prototype.slice.call(Bo(this,Ka,"f").children,0);for(let e=0;e<t.length;e++){t[e].remove()}}Bo(this,Ka,"f").data=o;Bo(this,Ka,"f").style.position="fixed";Bo(this,Ka,"f").style.left="0";Bo(this,Ka,"f").style.top="0";Bo(this,Ka,"f").setAttribute("data-x",i.toString());Bo(this,Ka,"f").setAttribute("data-y",s.toString());Bo(this,Ka,"f").style.transform="translate("+i+"px,"+s+"px)";this.rootElement.shadowRoot.append(Bo(this,Ka,"f"))},Or=function t(e,i){Bo(this,Xo,"m",Dr).call(this,e,i)},Dr=function t(e,i){if(Bo(this,Va,"f")){Bo(this,Xo,"m",Sr).call(this)}Yo(this,Va,document.createElement("kup-card"),"f");Bo(this,Va,"f").layoutFamily=j.STANDARD;Bo(this,Va,"f").layoutNumber=17;Bo(this,Va,"f").menuVisible=true;Bo(this,Va,"f").sizeX="auto";Bo(this,Va,"f").sizeY="auto";Bo(this,Va,"f").data=Bo(this,Xo,"m",Ir).call(this,e);Yo(this,Ra,{cb:()=>{Bo(this,Xo,"m",Sr).call(this)},el:Bo(this,Va,"f")},"f");Bo(this,ta,"f").addClickCallback(Bo(this,Ra,"f"),true);Bo(this,Va,"f").style.position="absolute";Bo(this,Va,"f").style.left="0";Bo(this,Va,"f").style.top="0";Bo(this,Va,"f").isMenu=true;this.rootElement.shadowRoot.append(Bo(this,Va,"f"));Bo(this,ta,"f").dynamicPosition.register(Bo(this,Va,"f"),Bo(this,Ua,"f"),0,u.AUTO,true);Bo(this,ta,"f").dynamicPosition.start(Bo(this,Va,"f"));Bo(this,Va,"f").addEventListener("kup-card-event",(t=>{switch(t.detail.event.type){case"kup-textfield-input":const s=t.detail.event.detail.value;Bo(this,Xo,"m",Tr).call(this,Bo(this,Va,"f"),e,s);break;case"kup-textfield-cleariconclick":Bo(this,Xo,"m",Mr).call(this,Bo(this,Va,"f"),e);break;case"kup-list-click":const n=t.detail.event.detail.index;const o=e[n];this.kupRowActionItemClick.emit({comp:this,id:this.rootElement.id,row:i,obj:o.obj,cell:o.cell,type:o.type,index:o.index,column:o.column});setTimeout((()=>{Bo(this,Xo,"m",Sr).call(this)}),0)}}))},Mr=function t(e,i){const s={showIcons:true,data:i.map((t=>Object.assign({value:t.text},t)))};e.data.list[0].data=s.data;e.refresh()},Tr=function t(e,i,s){const n={showIcons:true,data:i.map((t=>Object.assign({value:t.text},t)))};const o=n.data.filter((t=>t.value.toLowerCase().includes(s.toLowerCase())));e.data.list[0].data=o;e.refresh()},Sr=function t(){Bo(this,ta,"f").dynamicPosition.stop(Bo(this,Va,"f"));Bo(this,ta,"f").removeClickCallback(Bo(this,Ra,"f"));Bo(this,Va,"f").remove();Yo(this,Va,null,"f")},Ir=function t(e){const i=e.length>=10;const s=i?[{fullWidth:true,icon:"magnify",isClearable:true,label:"Search...",key:js.TEXTFIELD_FILTER,id:js.TEXTFIELD_FILTER}]:[];const n={list:[{showIcons:true,data:e.map((t=>Object.assign({value:t.text},t)))}],textfield:s};return n},Pr=function t(){const e=400;const i=400;Yo(this,Aa,document.createElement("kup-card"),"f");Bo(this,Aa,"f").layoutFamily=j.FREE;Bo(this,Aa,"f").layoutNumber=1;Bo(this,Aa,"f").sizeX=e+"px";Bo(this,Aa,"f").sizeY=i+"px";const s=document.createElement("style");s.innerText="kup-form { max-height: 40vh; overflow: auto; } .page-wrapper { display: grid; } "+".button-wrapper { padding-top: 20px; display: flex; justify-content: space-around; z-index: var(--kup-card-zindex); } "+".message-wrapper { display: none; justify-content: start; padding-top: 5px; padding-bottom: 5px; } "+".errorIcon { --kup-icon-color: var(--kup-danger-color-60); } "+".message { background-color: var(--kup-danger-color-60); color: white; padding: 3px; } ";Bo(this,Aa,"f").append(s);const n=document.createElement("div");n.className="page-wrapper";const o=document.createElement("div");o.className="button-wrapper";const a=document.createElement("kup-button");const r=document.createElement("kup-button");a.id=Bo(this,Ja,"f");a.icon="clear";a.label=Bo(this,ta,"f").language.translate(g.ABORT);a.styling=Ot.FLAT;a.addEventListener("kup-button-click",(()=>{Bo(this,Aa,"f").remove();Yo(this,Aa,null,"f")}));r.id=Bo(this,Za,"f");r.icon="check";r.label=Bo(this,ta,"f").language.translate(g.CONFIRM);let l=document.createElement("kup-spinner");l.slot="spinner";l.dimensions="0.6em";l.active=true;r.appendChild(l);r.addEventListener("kup-button-click",(()=>{u.style.display="none";r.showSpinner=true;a.disabled=true;this.kupInsertRow.emit({comp:this,id:this.rootElement.id,selectedRows:[c]})}));o.append(a);o.append(r);const h=document.createElement("kup-form");h.id=Bo(this,Qa,"f");const c={cells:{},id:"0"};this.data.columns.forEach((t=>{if(t.isEditable||t.isKey){c.cells[t.name]={isEditable:t.isEditable,shape:t.shape,value:""}}}));h.data={columns:this.data.columns,rows:[c]};const u=document.createElement("div");u.className="message-wrapper";u.id=Bo(this,er,"f");const p=document.createElement("kup-image");p.className="errorIcon";p.resource="cancel";p.sizeX="20px";p.sizeY="20px";u.append(p);const f=document.createElement("span");f.className="message";f.id=Bo(this,tr,"f");let d="";f.innerText=d;u.append(f);n.append(u);n.append(h);n.append(o);Bo(this,Aa,"f").append(n);Bo(this,Aa,"f").data={};this.rootElement.shadowRoot.append(Bo(this,Aa,"f"))},Rr=function t(){const e=()=>{Yo(this,Ba,document.createElement("kup-dialog"),"f");Yo(this,Ha,document.createElement("kup-card"),"f");Bo(this,Ha,"f").layoutFamily=j.FREE;Bo(this,Ha,"f").layoutNumber=1;Bo(this,Ha,"f").sizeX="auto";Bo(this,Ha,"f").sizeY="auto";const t=document.createElement("style");t.innerText=".button-wrapper, .message-wrapper { display: flex; justify-content: space-around; z-index: var(--kup-card-zindex); } .message-wrapper { padding-bottom: 20px; }";const e=document.createElement("div");e.className="message-wrapper";e.id=Bo(this,er,"f");const i=document.createElement("span");i.className="message";i.id=Bo(this,tr,"f");let s=Bo(this,ta,"f").language.translate(g.CONFIRM_DELETE_X_ROWS);s=s.replace("{0}",this.selectedRows.length+"");i.innerText=s;e.append(i);const n=document.createElement("div");n.className="button-wrapper";const o=document.createElement("kup-button");o.id=Bo(this,Za,"f");o.icon="check";o.label=Bo(this,ta,"f").language.translate(g.CONFIRM);let a=document.createElement("kup-spinner");a.slot="spinner";a.dimensions="0.6em";a.active=true;o.appendChild(a);o.addEventListener("kup-button-click",(()=>{o.showSpinner=true;this.kupDeleteRow.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})}));n.append(o);Bo(this,Ha,"f").append(t);Bo(this,Ha,"f").append(e);Bo(this,Ha,"f").append(n);Bo(this,Ha,"f").data={};Bo(this,Ba,"f").append(Bo(this,Ha,"f"));document.querySelector("body").append(Bo(this,Ba,"f"))};const i=[];const s=[];this.selectedRows.forEach((t=>{if(t.id.indexOf(Bo(this,ir,"f"))>-1){i.push(t.id)}else{s.push(t)}}));this.deleteRows(i).then((()=>{if(s.length>0){this.selectedRows=s;e()}}))},Er=function t(e,i){let s,n,o,a,r,l,h,u;if(e){for(let t=e.length-1;t>=0;t--){let i=e[t];if(!i.tagName){continue}switch(i.tagName.toUpperCase()){case"THEAD":{s=true;break}case"TBODY":{n=true;break}case"TFOOT":{o=true;break}case"TD":{a=i;break}case"TH":{l=i;break}case"TR":{h=i;break}default:{if(i.classList.contains("f-text-field")){r=i}else if(i.classList.contains(c.FILTER_REMOVE.replace("--",""))){u=i}break}}}}let p=null,f=null,d=false,m=null;if(n){if(h){if(h.classList.contains("group")){d=true}m=h["data-row"]}}if(s||n){if(a){p=a["data-cell"]}if(l){p=l["data-cell"]}}if(s||n||o){const t=a?a.dataset.column:l?l.dataset.column:null;if(t){f=O(this.getColumns(),t)}}return{area:s?"header":n?"body":o?"footer":null,cell:p?p:null,column:f?f:null,filterRemove:u?u:null,isGroupRow:d,originalEvent:i,row:m?m:null,td:a?a:null,textfield:r?r:null,th:l?l:null,tr:h?h:null}},Nr=function t(e){const i=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(i.area==="header"){if(i.th&&i.column){if(i.filterRemove){Bo(this,Xo,"m",el).call(this,i.column);return i}else if(this.sortEnabled){Bo(this,Xo,"m",tl).call(this,e,i.column.name);return i}}}else if(i.area==="body"){if((this.isFocusable||e.ctrlKey||e.metaKey)&&i.tr&&!i.isGroupRow){const t=this.rootElement.shadowRoot.querySelector("tr.focus");if(t){t.classList.remove("focus")}i.tr.classList.add("focus");if(e.ctrlKey||e.metaKey){Bo(this,Xo,"m",$r).call(this,Object.assign({},i.row),e.clientX,e.clientY);return i}}if(i.tr&&i.row&&i.isGroupRow){Bo(this,Xo,"m",ul).call(this,i.row);return i}if(i.td&&i.row&&!i.textfield){Bo(this,Xo,"m",al).call(this,i.row,i.td,true);return i}}return i},Lr=function t(e){var i;e.stopPropagation();const s=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(s.cell){const t=Bo(this,ta,"f").data.cell.buildCellActions(s.row,s.column,(i=this.commands)!==null&&i!==void 0?i:[]);Bo(this,Xo,"m",hl).call(this,e,s.row,t)}return s},Fr=function t(e){const i=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(i.area===at.HEADER){if(i.th&&i.column){this.openColumnMenu(i.column.name);return i}}else if(i.area===at.FOOTER){if(i.td&&i.column){Yo(this,xa,{x:e.clientX,y:e.clientY},"f");Bo(this,Xo,"m",Sl).call(this,i.column);return i}}return i},Kr=function t(e){const i=Bo(this,Xo,"m",Er).call(this,Bo(this,ta,"f").getEventPath(e.target,this.rootElement),e);if(i.area==="body"){if(this.selection==I.MULTIPLE){Bo(this,Xo,"m",jr).call(this)}if(this.selection==I.SINGLE||this.selection==I.MULTIPLE){Bo(this,Xo,"m",al).call(this,i.row,i.td,false)}}return i},Ar=function t(){Bo(this,Xo,"m",Vr).call(this);Yo(this,Qo,Vt(Ht(this.getColumns(),Bo(this,Uo,"f")),this.totals),"f");Bo(this,Xo,"m",gl).call(this);Bo(this,Xo,"m",vl).call(this);Bo(this,Xo,"m",Jr).call(this);Yo(this,Jo,Bt(Bo(this,Uo,"f"),this.currentPage,this.currentRowsPerPage,Bo(this,Xo,"m",Hr).call(this)),"f");Yo(this,Zo,Bo(this,Xo,"m",zr).call(this),"f")},Vr=function t(){Yo(this,Uo,Yt(this.getRows(),this.filters,this.globalFilterValue,this.getColumns()),"f");Yo(this,qo,Bo(this,Xo,"m",_r).call(this),"f")},Hr=function t(){return this.groups&&this.groups.length>0},Br=function t(){return this.rowActions!==undefined},Yr=function t(e){if(e>=0){this.groups.splice(e,1);this.groups=[...this.groups]}},Xr=function t(){return this.totals&&Object.keys(this.totals).length>0},Gr=function t(){if(!Bo(this,fa,"f")){return}const e=this.getVisibleColumns();if(e.length<=Bo(this,fa,"f").length){let t=false;for(let i=0;i<e.length;i++){t=false;for(let s=0;s<Bo(this,fa,"f").length;s++){if(e[i].name===Bo(this,fa,"f")[s].name){t=true;break}}if(!t){return false}}return true}return false},Ur=function t(){Bo(this,Uo,"f").forEach((t=>Bo(this,Xo,"m",qr).call(this,t)));Bo(this,Jo,"f").forEach((t=>Bo(this,Xo,"m",qr).call(this,t)))},qr=function t(e){if(!e.group){return}e.group.expanded=this.expandGroups;let i=this.groupState[e.group.id];if(!i){i={expanded:this.expandGroups}}else{i.expanded=this.expandGroups}this.groupState[e.group.id]=i;if(e.group.children){e.group.children.forEach((e=>Bo(this,Xo,"m",t).call(this,e)))}},Jr=function t(){const e=Bo(this,qo,"f");const i=Math.ceil(e/this.currentRowsPerPage);if(this.currentPage>i){this.currentPage=1;this.resetCurrentPage()}},Zr=function t(e,i,s,n=0){if(Bo(this,Xo,"m",Hr).call(this)){return undefined}const o=Number.isInteger(this.fixedColumns)&&e<=this.fixedColumns+n;const a=this.fixedColumnsR&&Number.isInteger(this.fixedColumnsR)&&i>this.getVisibleColumns().length-this.fixedColumnsR;const r=Number.isInteger(this.fixedRows)&&s>0&&s<=this.fixedRows;if(!r&&!o&&!a){return undefined}const l={},h={};if(o){l[tt.columns]=o;l["show-column-separator"]=H.COMPLETE===this.showGrid||H.COL===this.showGrid;h["left"]="var("+et.columns+e+")"}if(a){const t=i-(this.getVisibleColumns().length-1);const e=t-this.fixedColumnsR;const s=Math.abs(e);l[tt.columnsR]=a;l["show-column-separator"]=H.COMPLETE===this.showGrid||H.COL===this.showGrid;h["right"]="var("+(et.columnsR+s)+")"}if(r){l[tt.rows]=!!r;l["show-row-separator"]=H.COMPLETE===this.showGrid||H.ROW===this.showGrid;h["top"]="var("+et.rows+s+")"}return{fixedCellClasses:l,fixedCellStyle:h}},Qr=function t(){if(Bo(this,Xo,"m",Hr).call(this)||!Bo(this,oa,"f"))return false;let e=false;if(this.fixedRows>=1){let t=Bo(this,oa,"f").querySelector("tbody > tr:first-of-type");let i=!Bo(this,ka,"f")?Bo(this,oa,"f").querySelector("thead > tr:first-of-type > th:first-of-type").getBoundingClientRect().height:0;for(let e=1;e<=this.fixedRows&&t;e++){Bo(this,la,"f").style.setProperty(et.rows+e,i+"px");i+=t.children[0].getBoundingClientRect().height;t=t.nextElementSibling}e=true}if(this.fixedColumns>=1){let t=Bo(this,oa,"f").querySelector("tbody > tr:first-of-type > td:first-of-type");let i=0;const s=this.fixedColumns+(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)?1:0)+(this.selection===I.MULTIPLE_CHECKBOX?1:0);for(let e=1;e<=s&&t;e++){Bo(this,la,"f").style.setProperty(et.columns+e,i+"px");i+=t.getBoundingClientRect().width;t=t.nextElementSibling}e=true}if(this.fixedColumnsR>=1){let t=Bo(this,oa,"f").querySelector("tbody > tr:first-of-type > td:last-of-type");let i=0;for(let e=1;e<=this.fixedColumnsR&&t;e++){Bo(this,la,"f").style.setProperty(et.columnsR+e,i+"px");i+=t.getBoundingClientRect().width;t=t.previousElementSibling}e=true}return e},tl=function t({ctrlKey:e},i){let s=0;for(;s<this.sort.length;s++){const t=this.sort[s];if(t.column===i){break}}if(s<this.sort.length){const t=this.sort[s];const i=Object.assign(Object.assign({},t),{sortMode:t.sortMode===rt.A?rt.D:rt.A});if(e){const t=[...this.sort];t[s]=i;this.sort=t}else{this.sort=[i]}}else{const t={column:i,sortMode:rt.A};if(e){this.sort=[...this.sort,t]}else{this.sort=[t]}}},el=function t(e){this.resetCurrentPage();const i=Object.assign({},this.filters);Bo(this,La,"f").removeFilter(i,e.name);this.filters=i},il=function t(e){return Bo(this,La,"f").getFilterValueForTooltip(this.filters,e)},sl=function t(e){this.resetCurrentPage();if(e){const t=e;this.globalFilterValue=t.value}else{this.globalFilterValue=""}},nl=function t(e){const i=Qt(e,Bo(this,qo,"f"),this.currentRowsPerPage);if(i){this.currentPage=i}},ol=function t(e){const i=te(e,Bo(this,qo,"f"));if(i){this.currentRowsPerPage=i;Bo(this,Xo,"m",Jr).call(this)}},al=function t(e,i,s){if(!e.unselectable){switch(this.selection){case I.MULTIPLE:if(this.selectedRows.includes(e)){const t=[...this.selectedRows];var n=t.indexOf(e);if(n!==-1){t.splice(n,1)}this.selectedRows=[...t]}else{this.selectedRows=[...this.selectedRows,e]}break;case I.SINGLE:this.selectedRows=[e];break}}const o=i.dataset.column;if(!e.unselectable&&this.selection!==I.NONE&&o){Bo(this,Xo,"m",ll).call(this,this.selectedColumn);this.selectedColumn=o;Bo(this,Xo,"m",rl).call(this,this.selectedColumn);if(s!==false){this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedRow:e,clickedColumn:o})}}},rl=function t(e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+e+'"]');for(let t=0;t<i.length;t++){i[t].classList.add("selected")}const s=this.rootElement.shadowRoot.querySelector('th[data-column="'+e+'"]');if(s){s.classList.add("selected")}},ll=function t(e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+e+'"]');for(let t=0;t<i.length;t++){i[t].classList.remove("selected")}const s=this.rootElement.shadowRoot.querySelector('th[data-column="'+e+'"]');if(s){s.classList.remove("selected")}},hl=function t(e,i,s){e.stopPropagation();Yo(this,Ua,e.target,"f");Bo(this,Xo,"m",Or).call(this,s,i)},cl=function t(e){const i=this.selectedRows.indexOf(e);if(i<0){this.selectedRows=[...this.selectedRows,e]}else{this.selectedRows.splice(i,1);this.selectedRows=[...this.selectedRows]}this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedRow:null,clickedColumn:null})},ul=function t(e){e.group.expanded=!e.group.expanded;this.groupState[e.group.id].expanded=e.group.expanded;this.groupState=Object.assign({},this.groupState)},pl=function t({target:e}){if(e.checked){this.selectedRows=Bo(this,ea,"f");this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})}else{Bo(this,Xo,"m",jr).call(this)}},fl=function t(e){this.openedTotalMenu=e.name},dl=function t(){this.openedTotalMenu=null;Bo(this,ta,"f").removeClickCallback(Bo(this,Ia,"f"))},ml=function t(e){return this.openedTotalMenu===e},gl=function t(){if(!Bo(this,Xo,"m",Hr).call(this)){return}Yo(this,Uo,Xt(this.getColumns(),Bo(this,Uo,"f"),this.groups,this.totals),"f");Bo(this,Xo,"m",kl).call(this)},bl=function t(){var e;let i=0;switch(this.loadMoreMode){case A.CONSTANT:i=this.loadMoreStep;break;case A.CONSTANT_INCREMENT:i=this.loadMoreStep*(Bo(this,ia,"f")+1);break;case A.PROGRESSIVE_THRESHOLD:i=Math.max(Bo(this,sa,"f"),this.loadMoreStep)*Math.min(Bo(this,ia,"f")+1,2);break}if(i>this.loadMoreLimit){i=this.loadMoreLimit}this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i});Yo(this,sa,i,"f");Yo(this,ia,(e=Bo(this,ia,"f"),e++,e),"f")},kl=function t(){if(!Bo(this,Uo,"f")||Bo(this,qo,"f")===0||!Bo(this,Uo,"f")[0].hasOwnProperty("group")){return}Bo(this,Uo,"f").forEach((t=>Bo(this,Xo,"m",yl).call(this,t)))},yl=function t(e){if(!e||!e.hasOwnProperty("group")){return}const i=e.group;const s=this.groupState[i.id];if(!s){this.groupState[i.id]=i}else{i.expanded=s.expanded}i.children.forEach((e=>Bo(this,Xo,"m",t).call(this,e)))},vl=function t(){Yo(this,Uo,Gt(Bo(this,Uo,"f"),this.sort),"f")},xl=function t(e){for(let t of this.sort){if(t.column===e){return"A"===t.sortMode?`kup-icon ${c.DESCENDING.replace("--","")}`:`kup-icon ${c.ASCENDING.replace("--","")}`}}return""},wl=function t(e){for(let t of this.sort){if(t.column===e){return"A"===t.sortMode?"Ascending":"Descending"}}return"Sort column"},_l=function t(){let e=this.getVisibleColumns().length;if(this.selection===I.MULTIPLE_CHECKBOX){e+=1}if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){e+=1}return e},zl=function t({group:e}){if(!e){return false}if(this.groupState[e.id]){return this.groupState[e.id].expanded}else{return false}},Cl=function t(e,i){const s=this.data.columns.findIndex((t=>t.name===e.name&&t.title===e.title));const n=this.data.columns.findIndex((t=>t.name===i.name&&t.title===i.title));if(this.sortableColumnsMutateData){this.kupColumnMove.emit({comp:this,id:this.rootElement.id,sourceColumn:this.data.columns[n],targetColumn:this.data.columns[s]});Bo(this,Xo,"m",jl).call(this,this.data.columns,s,n)}},jl=function t(e,i,s){const n=e.splice(s,1);e.splice(i,0,n[0]);this.refresh()},$l=function t(e){return e.split(this.lineBreakCharacter).map(((t,e)=>e!==0?[s("br",null),t]:t))},Ol=function t(e,i=0,s){let n={["header-cell"]:true},o=s.style?Object.assign({},s.style):{};if(Bo(this,ta,"f").objects.isBar(s.obj)||Bo(this,ta,"f").objects.isButton(s.obj)||Bo(this,ta,"f").objects.isChart(s.obj)||Bo(this,ta,"f").objects.isCheckbox(s.obj)||Bo(this,ta,"f").objects.isImage(s.obj)||Bo(this,ta,"f").objects.isIcon(s.obj)||Bo(this,ta,"f").objects.isProgressBar(s.obj)||Bo(this,ta,"f").objects.isRadio(s.obj)||Bo(this,ta,"f").objects.isVoCodver(s.obj)){n["header-cell--centered"]=true}if(Bo(this,ta,"f").objects.isNumber(s.obj)){n["header-cell--is-number"]=true}if(Bo(this,ta,"f").objects.isIcon(s.obj)){n["header-cell--is-icon"]=true}const a=Bo(this,Xo,"m",Zr).call(this,e+1+i,e+1,0,i);if(a){n=Object.assign(Object.assign({},n),a.fixedCellClasses);o=Object.assign(Object.assign({},o),a.fixedCellStyle)}return{columnClass:n,thStyle:o}},Dl=function t(){let e=0;let i=null;if(this.selection===I.MULTIPLE_CHECKBOX){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);const n=Object.assign({width:"30px",margin:"0 auto"},t?t.fixedCellStyle:{});i=s("th",{class:t?t.fixedCellClasses:{},style:n},s("kup-checkbox",{"onkup-checkbox-change":t=>Bo(this,Xo,"m",pl).call(this,t),title:Bo(this,ta,"f").language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+Bo(this,ta,"f").language.translate(C.RENDERED)+`: ${Bo(this,ea,"f").length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===Bo(this,ea,"f").length}))}let n=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);n=s("th",{class:t?t.fixedCellClasses:{},style:t?t.fixedCellStyle:{}})}const o=this.getVisibleColumns().map(((t,i)=>{const{columnClass:n,thStyle:o}=Bo(this,Xo,"m",Ol).call(this,i,e,t);let a=null;if(Bo(this,La,"f").hasFiltersForColumn(this.filters,t)){const e=Bo(this,ta,"f").language.translate(g.REMOVE_FILTERS)+`: '${Bo(this,Xo,"m",il).call(this,t)}'`;a=s("span",{title:e,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`})}let r=null;let l=Bo(this,Xo,"m",xl).call(this,t.name);if(l!==""){r=s("span",{class:l,title:Bo(this,Xo,"m",wl).call(this,t.name)})}n["header-cell--sortable"]=true;let h=null;if(t.isKey){h=s("span",{class:`kup-icon ${c.KEY.replace("--","")}`,title:Bo(this,ta,"f").language.translate(C.KEY)})}if(Bo(this,fa,"f")){for(let e=0;e<Bo(this,fa,"f").length;e++){const i=Bo(this,fa,"f")[e];if(i.name===t.name){const t=i.size+"";if(t.indexOf("ch")<1){o.width=t;o.minWidth=t;o.maxWidth=t}o.overflow="hidden";break}}}return s("th",{ref:t=>Bo(this,_a,"f").push(t),"data-cell":t,"data-column":t.name,class:n,style:o,title:t.name},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},Bo(this,Xo,"m",$l).call(this,t.title)),s("span",{class:"header-cell__icons"},h,r,a)),this.resizableColumns?s("span",{class:"header-cell__drag-handler"}):null)}));return[i,n,...o]},Ml=function t(){let e=0;let i=null;if(this.selection===I.MULTIPLE_CHECKBOX){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);const n=Object.assign({width:"30px",margin:"0 auto"},t?t.fixedCellStyle:{});i=s("th-sticky",{class:t?t.fixedCellClasses:null,style:n},s("kup-checkbox",{"onkup-checkbox-change":t=>Bo(this,Xo,"m",pl).call(this,t),title:Bo(this,ta,"f").language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+Bo(this,ta,"f").language.translate(C.RENDERED)+`: ${Bo(this,ea,"f").length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===Bo(this,ea,"f").length}))}let n=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){e++;const t=Bo(this,Xo,"m",Zr).call(this,e,0,0,e-1);n=s("th-sticky",{class:t?t.fixedCellClasses:null,style:t?t.fixedCellStyle:null})}const o=this.getVisibleColumns().map(((t,i)=>{const{columnClass:n,thStyle:o}=Bo(this,Xo,"m",Ol).call(this,i,e,t);return s("th-sticky",{class:n,style:o},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},Bo(this,Xo,"m",$l).call(this,t.title))))}));return[i,n,...o]},Tl=function t(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");if(t){Bo(this,ta,"f").dynamicPosition.register(t,Bo(this,xa,"f"),0,undefined,true);Yo(this,Ia,{cb:()=>{Bo(this,Xo,"m",dl).call(this)},el:t},"f");Bo(this,ta,"f").addClickCallback(Bo(this,Ia,"f"),true);Bo(this,ta,"f").dynamicPosition.start(t);t.menuVisible=true}}},Sl=function t(e){Bo(this,Xo,"m",dl).call(this);Bo(this,Xo,"m",fl).call(this,e)},Il=function t(e,i=0,n=0,o){var a;const r=this.getVisibleColumns();if(e.group){let n;switch(this.groupLabelDisplay){case S.LABEL:n=e.group.columnLabel;break;case S.VALUE:n=e.group.label;break;case S.BOTH:default:n=e.group.columnLabel+" = "+e.group.label;break}if(e.group.children.length===0){return null}const o=e.group.expanded?`kup-icon ${c.EXPANDED.replace("--","")}`:`kup-icon ${c.COLLAPSED.replace("--","")}`;const a=[];const l=[];for(let t=0;t<i;t++){l.push(s("span",{class:"indent"}))}if(Bo(this,Xo,"m",Xr).call(this)){const h=[];if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){h.push(s("td",null))}if(this.selection===I.MULTIPLE_CHECKBOX){h.push(s("td",null))}const c=s("td",{colSpan:Bo(this,Xo,"m",_l).call(this)},s("span",{class:"group-cell-content"},l,s("span",{class:o}),s("span",{class:"text"},n)));for(let t of r){let i="total";if(e.group.totals[t.name]<0){i+=" negative-number"}let n;const o=e.group.totals[t.name];if(this.totals[t.name]===Y.COUNT||this.totals[t.name]===Y.DISTINCT){n=o}else{if(Bo(this,ta,"f").objects.isDate(t.obj)){if(o){if(Bo(this,ta,"f").dates.isIsoDate(o)){n=Bo(this,ta,"f").dates.format(o)}else{console.warn(`invalid date: ${o}`)}}}else{n=Bo(this,ta,"f").math.numberToFormattedString(o,t.decimals,t.obj?t.obj.p:"")}}h.push(s("td",{class:i},n))}a.push(s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:"group group-label"},c));if(Bo(this,Xo,"m",zl).call(this,e)){e.group.children.map(((e,s,n)=>Bo(this,Xo,"m",t).call(this,e,i+1,s,s>0?n[s-1]:undefined))).forEach((t=>{if(Array.isArray(t)){t.forEach((t=>a.push(t)))}else{a.push(t)}}))}a.push(s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:"group group-total"},h))}else{a.push(s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:"group"},s("td",{colSpan:Bo(this,Xo,"m",_l).call(this)},s("span",{class:"group-cell-content"},l,s("span",{class:o}),s("span",{class:"text"},n)))));if(Bo(this,Xo,"m",zl).call(this,e)){e.group.children.map(((e,s,n)=>Bo(this,Xo,"m",t).call(this,e,i+1,s,s>0?n[s-1]:undefined))).forEach((t=>{if(Array.isArray(t)){t.forEach((t=>a.push(t)))}else{a.push(t)}}))}}return a}else{let t=0;let l=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const i=Bo(this,Xo,"m",Zr).call(this,t,n,t-1);const o={checked:this.selectedRows.includes(e),onChange:()=>{Bo(this,Xo,"m",cl).call(this,e)}};l=s("td",{"row-select-cell":true,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},s(Nt,Object.assign({},o)))}let h=null;if(Bo(this,Xo,"m",Br).call(this)||Bo(this,ta,"f").data.column.hasCodVer(this.data.columns)||Bo(this,ta,"f").data.action.hasCommandsWithBlankObj(this.commands)){t++;const i=Bo(this,Xo,"m",Zr).call(this,t,n,t-1);const o=[];if(e.actions);else{const t=Bo(this,ta,"f").data.row.buildRowActions(e,this.data.columns,this.rowActions,(a=this.commands)!==null&&a!==void 0?a:[]);if(Bo(this,ta,"f").data.action.checkEveryActionHasOnlyIcon(t)||t.length===1&&t[0].icon){t.forEach(((t,i)=>{var s;const n=Bo(this,ta,"f").data.action.buildImageProp(t.icon,t.text||((s=t.column)===null||s===void 0?void 0:s.title)||"","action",(()=>{this.kupRowActionItemClick.emit({comp:this,id:this.rootElement.id,row:e,obj:t.obj,cell:t.cell,type:t.type,index:i,column:t.column})}));o.push(n)}))}else{const i=Bo(this,ta,"f").data.action.createActionsWithText(t);const s=Bo(this,ta,"f").data.action.buildImageProp("chevron-down",Bo(this,ta,"f").language.translate(g.EXPAND),"expander",(t=>{Bo(this,Xo,"m",hl).call(this,t,e,i)}));o.push(s)}}h=s("td",{"row-action-cell":true,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},o.map((t=>s(jt,Object.assign({},t,{color:"var(--kup-text-secondary)"})))))}const c=r.map(((a,r)=>{var l;const{name:h,hideValuesRepetitions:c}=a;const u=[];if(r===0){for(let t=0;t<i;t++){u.push(s("span",{class:"indent"}))}}const p=e.cells[h]?e.cells[h]:null;if(!p){if(this.autoFillMissingCells){return s("td",{"data-column":h,"data-row":e})}else{return null}}const f=Object.assign(Object.assign({},Bo(this,ta,"f").data.cell.buildFCell(p,a,e)),{component:this,density:this.density,editable:this.editableData||this.updatableData,indents:u,previousValue:c&&o?o.cells[h].value:undefined,renderKup:this.lazyLoadCells,cellActionIcon:Bo(this,ta,"f").data.cell.hasActionCell(p,(l=this.commands)!==null&&l!==void 0?l:[])?{onClick:t=>{this.kupCellActionIconClick.emit({comp:this,id:this.rootElement.id,details:Bo(this,Xo,"m",Lr).call(this,t)})}}:null});const d=s(bt,Object.assign({},f));let m=null;let g=Object.assign({},p.style);const b=Bo(this,Xo,"m",Zr).call(this,r+1+t,r+1,n,t);if(b){g=Object.assign(g?g:{},b.fixedCellStyle);m=Object.assign(Object.assign({},m),b.fixedCellClasses)}if(Bo(this,fa,"f")){let t="";for(let e=0;e<Bo(this,fa,"f").length;e++){if(h===Bo(this,fa,"f")[e].name){t=Bo(this,fa,"f")[e].size;break}}if(t){if(!g){g={}}g["max-width"]=t;g["min-width"]=t;g["width"]=t}}let k=undefined;let y=undefined;m=Object.assign({},m);return s("td",Object.assign({title:y,colSpan:p.span&&p.span.col?p.span.col:null,rowSpan:p.span&&p.span.row?p.span.row:null,"data-cell":p,"data-column":h,"data-row":e,style:g,class:m},k),d)}));Bo(this,ea,"f").push(e);const u={selected:this.selectedRows.includes(e)};if(e.cssClass){u[e.cssClass]=true}return s("tr",{ref:t=>Bo(this,za,"f").push(t),"data-row":e,class:u},l,h,c)}},Pl=function t(){if(!this.openedCustomSettings){Bo(this,Xo,"m",Rl).call(this)}else{Bo(this,Xo,"m",El).call(this)}},Rl=function t(){Bo(this,pa,"f").menuVisible=true;Bo(this,ua,"f").classList.add("toggled");Bo(this,ta,"f").dynamicPosition.start(Bo(this,pa,"f"));this.openedCustomSettings=true;if(!Bo(this,Pa,"f")){Yo(this,Pa,{cb:()=>{Bo(this,Xo,"m",El).call(this)},el:Bo(this,pa,"f")},"f")}Bo(this,ta,"f").addClickCallback(Bo(this,Pa,"f"),true)},El=function t(){Bo(this,ua,"f").classList.remove("toggled");if(Bo(this,pa,"f")==null){return}Bo(this,pa,"f").menuVisible=false;this.openedCustomSettings=false;Bo(this,ta,"f").removeClickCallback(Bo(this,Pa,"f"))},Nl=function t(e){return s("div",{class:"paginator-wrapper"},s("div",{class:"paginator-tabs"},this.showLoadMore||!this.lazyLoadRows&&Bo(this,qo,"f")>this.rowsPerPage?s(Zt,{id:e?"top-paginator":"bottom-paginator",currentPage:this.currentPage,max:Bo(this,qo,"f"),perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{Bo(this,Xo,"m",bl).call(this)}:null,onNextPage:()=>Bo(this,Xo,"m",nl).call(this,this.currentPage+1),onPrevPage:()=>Bo(this,Xo,"m",nl).call(this,this.currentPage-1),onPageChange:t=>Bo(this,Xo,"m",nl).call(this,t.detail.value),onRowsChange:t=>Bo(this,Xo,"m",ol).call(this,t.detail.value)}):null))},Ll=function t(){return s("div",{class:"droparea__remove",ref:t=>Yo(this,Ta,t,"f")},s(jt,{resource:"delete",color:`var(${p.DANGER})`,sizeX:"30px",sizeY:"50px"}),s(jt,{resource:"delete-empty",color:`var(${p.DANGER})`,sizeX:"30px",sizeY:"50px"}))},Fl=function t(){return s("div",{class:"droparea__groups",ref:t=>Yo(this,Sa,t,"f")},s(jt,{resource:"bookmark",color:`var(${p.TEXT})`,sizeX:"30px",sizeY:"50px"}),s(jt,{resource:"book",color:`var(${p.TEXT})`,sizeX:"30px",sizeY:"50px"}))},Kl=function t(e,i){if(e&&i&&(this.removableColumns||this.showGroups)){Bo(this,Ma,"f").classList.add("droparea--visible");Bo(this,ta,"f").dynamicPosition.register(Bo(this,Ma,"f"),i,10,u.TOP);Bo(this,ta,"f").dynamicPosition.start(Bo(this,Ma,"f"));Bo(this,Ma,"f").style.marginLeft=i.clientWidth/2-Bo(this,Ma,"f").clientWidth/2+"px"}else{Bo(this,Ma,"f").classList.remove("droparea--visible");+Bo(this,ta,"f").dynamicPosition.stop(Bo(this,Ma,"f"))}},Al=function t(e){this.getVisibleColumns();const i=this.getVisibleColumns().find((t=>t.name===e.name&&t.title===e.title));if(i){let t=false;for(let e=0;e<this.groups.length;e++){if(this.groups[e].column==i.name){t=true;break}}if(!t){this.groups.push({column:i.name,visible:true});this.groups=[...this.groups];this.refresh()}}},Vl=function t(e,i,s){for(let t=0;t<i.length;t++){const n=i[t];if(n==e&&t<s.length){return s[t]}}return e},Hl=function t(e,i,s){const n=[];for(let t=0;t<e.length;t++){let o=null;switch(e[t]){case"big":o=it.BIG;break;case"Col":o=nt.COLUMN;break;case"Complete":o=nt.COMPLETE;break;case"dense":o=st.DENSE;break;case"medium":o=st.MEDIUM;break;case"None":o=nt.NONE;break;case"small":o=it.SMALL;break;case"Row":o=nt.ROW;break;case"wide":o=st.WIDE;break}if(o){n[t]={icon:i[t],id:e[t],selected:s==e[t],value:Bo(this,ta,"f").language.translate(o)}}}return n},Gl=function t(e){return Bo(this,Xo,"m",Vl).call(this,e,Bo(this,Yl,"f"),Bo(this,Bl,"f"))},Ul=function t(){const e=Bo(this,Xo,"m",Hl).call(this,Bo(this,Bl,"f"),Bo(this,Xl,"f"),this.fontsize);const i={data:e,showIcons:true};const n={trailingIcon:true,label:Bo(this,ta,"f").language.translate(it.LABEL),icon:"arrow_drop_down"};const o={"kup-text-field":n,"kup-list":i};let a=null;switch(this.fontsize){case"big":a=it.BIG;break;case"medium":a=it.MEDIUM;break;case"small":a=it.SMALL;break}return s("div",{class:"customize-element fontsize-panel"},s("kup-combobox",{isSelect:true,data:o,initialValue:Bo(this,ta,"f").language.translate(a),"onkup-combobox-itemclick":t=>{t.stopPropagation();this.fontsize=Bo(this,Xo,"m",Gl).call(this,t.detail.node.id)}}))},Zl=function t(e){return Bo(this,Xo,"m",Vl).call(this,e,Bo(this,ql,"f"),["dense","medium","wide"])},Ql=function t(){const e=Bo(this,Xo,"m",Hl).call(this,["dense","medium","wide"],Bo(this,Jl,"f"),this.density);const i={data:e,showIcons:true};const n={trailingIcon:true,label:Bo(this,ta,"f").language.translate(st.LABEL),icon:"arrow_drop_down"};const o={"kup-text-field":n,"kup-list":i};let a=null;switch(this.density){case"dense":a=st.DENSE;break;case"medium":a=st.MEDIUM;break;case"wide":a=st.WIDE;break}return s("div",{class:"customize-element density-panel"},s("kup-combobox",{isSelect:true,initialValue:Bo(this,ta,"f").language.translate(a),selectMode:gt.DESCRIPTION,data:o,"onkup-combobox-itemclick":t=>{t.stopPropagation();this.density=Bo(this,Xo,"m",Zl).call(this,t.detail.node.id)}}))},sh=function t(e){return Bo(this,Xo,"m",Vl).call(this,e,Bo(this,eh,"f"),Bo(this,th,"f"))},nh=function t(){return s("div",{class:"customize-element grid-panel"},s("kup-switch",{checked:this.transpose,label:Bo(this,ta,"f").language.translate(g.TRANSPOSE_DATA),leadingLabel:true,"onkup-switch-change":t=>{t.stopPropagation();if(t.detail.value==="on"){this.transpose=true}else{this.transpose=false}}}))},oh=function t(){return s("div",{class:"customize-element grid-panel"},s("kup-button",{title:Bo(this,ta,"f").language.translate(g.TOTALS_TABLE)+" ("+Bo(this,ta,"f").language.translate(g.EXPERIMENTAL_FEAT)+")",label:Bo(this,ta,"f").language.translate(g.TOTALS_TABLE),icon:"exposure","onkup-button-click":()=>Bo(this,Xo,"m",cr).call(this)}))},ah=function t(){const e=Bo(this,Xo,"m",Hl).call(this,Bo(this,th,"f"),Bo(this,ih,"f"),this.showGrid);const i={data:e,showIcons:true};const n={trailingIcon:true,label:Bo(this,ta,"f").language.translate(nt.LABEL),icon:"arrow_drop_down"};const o={"kup-text-field":n,"kup-list":i};let a=null;switch(this.showGrid){case H.COL:a=nt.COLUMN;break;case H.COMPLETE:a=nt.COMPLETE;break;case H.NONE:a=nt.NONE;break;case H.ROW:a=nt.ROW;break}return s("div",{class:"customize-element grid-panel"},s("kup-combobox",{isSelect:true,initialValue:Bo(this,ta,"f").language.translate(a),data:o,"onkup-combobox-itemclick":t=>{t.stopPropagation();const e=Bo(this,Xo,"m",sh).call(this,t.detail.value);this.showGrid=e}}))},rh=function t(){return s("kup-button",{"onKup-button-click":Bo(this,Wl,"f"),label:Bo(this,ta,"f").language.translate(g.UPDATE)})};lh.style=Ho;const hh=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const ch=hh;const uh=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-datepicker-blur",6);this.kupChange=e(this,"kup-datepicker-change",6);this.kupClick=e(this,"kup-datepicker-click",6);this.kupFocus=e(this,"kup-datepicker-focus",6);this.kupInput=e(this,"kup-datepicker-input",6);this.kupIconClick=e(this,"kup-datepicker-iconclick",6);this.kupItemClick=e(this,"kup-datepicker-itemclick",6);this.kupTextFieldSubmit=e(this,"kup-datepicker-textfieldsubmit",6);this.kupClearIconClick=e(this,"kup-datepicker-cleariconclick",6);this.kupManager=a();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.ISOvalue="";this.notISOvalue="";this.customStyle="";this.data=null;this.disabled=false;this.firstDayIndex=1;this.initialValue="";this.outlined=false;this.sizing=r.MEDIUM;this.showIcon=true;this.showPreviousNextMonthDays=true}async onKupDatePickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:await this.getValue()});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:await this.getValue()});this.setFocus()}async onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:await this.getValue()});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}async onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:await this.getValue(),comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}async onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:await this.getValue()})}async onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:await this.getValue()})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onKupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}async onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:await this.getValue()})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}watchFirstDayIndex(){if(this.firstDayIndex>6||this.firstDayIndex<0){this.kupManager.debug.logMessage(this,"property first-day-index=["+this.firstDayIndex+"] not allowed: it must be >= 0 and <= 6",f.WARNING);this.firstDayIndex=1}}async getValue(){if(this.ISOvalue){return this.ISOvalue}return this.notISOvalue}async getProps(t){return l(this,qe,t)}async refresh(){i(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.refreshPickerValue(t,undefined)}refreshPickerValue(t,e,i){let s=t;this.ISOvalue="";this.notISOvalue=s;if(!t);else if(this.kupManager.dates.isIsoDate(t)){if(i!=true){this.ISOvalue=t;this.notISOvalue=""}}else if(this.isAlphanumeric(t));else if(this.kupManager.dates.isValidFormattedStringDate(t)){s=this.kupManager.dates.format(this.kupManager.dates.normalize(t),Mt.ISO_DATE);this.refreshPickerComponentValue(s);if(i!=true){this.ISOvalue=s;this.notISOvalue=""}}else;if(s!=null&&e){e.emit({id:this.rootElement.id,value:s})}}refreshPickerComponentValue(t){if(!this.isPickerOpened()){return}let e;if(this.kupManager.dates.isIsoDate(t)){e=new Date(t)}else{e=new Date}this.pickerEl.value=e.toISOString();this.pickerEl.date=e;this.refresh()}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.ISOvalue}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const e=this.pickerContainerEl.style;e.height="auto";e.minWidth=this.textfieldEl.parentElement.clientWidth+"px";this.refreshPickerComponentValue(this.getValueForPickerComponent());if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){var t;return((t=this.pickerContainerEl)===null||t===void 0?void 0:t.menuVisible)==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(t){const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const n=Object.assign(Object.assign({},this.data["kup-text-field"]),{sizing:this.sizing,outlined:this.outlined,showIcon:this.showIcon});if(!n.icon&&this.showIcon){n.icon="calendar"}if(n.icon){n.trailingIcon=true}return s(dt,Object.assign({},n,{disabled:this.disabled,fullHeight:e,fullWidth:i,maxLength:10,id:this.rootElement.id+"_text-field",value:t,onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onKupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepDatePicker())}getInitEndYear(t){let e=t-t%10;let i=e+16-1;return{initYear:e,endYear:i}}isRelatedTargetInThisComponent(t){if(!t.relatedTarget){return false}let e=t.relatedTarget.id;if(e==null||e.trim()==""){return false}if(e==this.getTextFieldId()){return true}let i="#prev-page#next-page#date-picker-div#change-view-button#calendar#";return i.indexOf("#"+e+"#")>=0}prepDatePicker(){const t={options:{initialValue:this.ISOvalue,firstDayIndex:this.firstDayIndex,resetStatus:true,showPreviousNextMonthDays:this.showPreviousNextMonthDays}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:j.BUILT_IN,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null&&t.detail.value!="")this.onKupDatePickerItemClick(t.detail.value)}})}getDateForOutput(){if(this.notISOvalue){return this.notISOvalue}if(this.ISOvalue){return this.kupManager.dates.format(this.ISOvalue)}return""}isAlphanumeric(t){const e=/[A-Za-z]/;return e.test(t)}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.watchFirstDayIndex();this.setValue(this.initialValue);if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){this.textfieldEl=e.querySelector("input");mt(e)}}this.kupManager.debug.logRender(this,true)}render(){return s(n,{key:"e10406fb95cbc5a21623a51f5923a5cc40e97891"},s("style",{key:"952b82ef56dc9af82091dc246faabfc01845bc35"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"4434afab90e310e7d57b309fc5abcebdc3d4c7d5",id:Ct},this.prepTextfield(this.getDateForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return o(this)}static get watchers(){return{firstDayIndex:["watchFirstDayIndex"]}}};uh.style=ch;var ph;(function(t){t["autoCenter"]="Auto centers the dialog relatively to the viewport.";t["customStyle"]="Custom style of the component.";t["header"]="Header options.";t["modal"]="Set of options to display the dialog as a modal.";t["resizable"]="Sets whether the dialog is resizable or not.";t["sizeX"]="The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).";t["sizeY"]="The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.)."})(ph||(ph={}));const fh=".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_dialogheader_text_color:var(\n    --kup-dialogheader-text-color,\n    var(--kup-text-secondary)\n  );--kup_dialog_background_color:var(\n    --kup-dialog-background-color,\n    var(--kup-layer-0)\n  );--kup_dialog_header_background_color:var(\n    --kup-dialog-header-background-color,\n    var(--kup-layer-1)\n  );--kup_dialog_header_height:var(\n    --kup-dialog-header-height,\n    var(--kup-space-09)\n  );box-sizing:border-box;display:block;height:var(--kup_dialog_height);left:var(--kup_dialog_left, -100%);min-height:var(--kup_dialog_height);min-width:var(--kup_dialog_width);position:absolute;top:var(--kup_dialog_top, -100%);transition:opacity 0.25s ease-in;width:var(--kup_dialog_width);-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px}#kup-component{height:100%;width:100%}:host([fade-in]){opacity:0}:host([fade-in]) ::slotted{opacity:0}.header{color:var(--kup_dialogheader_text_color);display:flex;flex-direction:row;height:var(--kup_dialog_header_height);position:relative;width:100%;min-height:var(--kup-space-09);background-color:var(--kup_dialog_header_background_color)}.header__title{padding:var(--kup-space-05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header__close.f-image{--kup-icon-color:var(--kup_dialogheader_text_color);cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:var(--kup-space-05)}.header__close.f-image:hover{opacity:0.5}.content{height:calc(100% - var(--kup_dialog_header_height) - var(--kup-space-05) * 2);padding:var(--kup-space-05);overflow:auto;user-select:text;background-color:var(--kup_dialog_background_color)}";const dh=fh;var mh=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var gh=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var bh,kh,yh;const vh=class{constructor(i){t(this,i);this.kupClose=e(this,"kup-dialog-close",6);this.kupReady=e(this,"kup-dialog-ready",6);bh.set(this,null);kh.set(this,a());yh.set(this,0);this.autoCenter={onReady:true};this.customStyle="";this.header={icons:{close:true}};this.modal={closeOnBackdropClick:true};this.resizable=true;this.sizeX="auto";this.sizeY="auto"}async close(){this.kupClose.emit({comp:this,id:this.rootElement.id});this.rootElement.remove()}async getProps(t){return l(this,ph,t)}async recalcPosition(){var t;const e=this.rootElement.getBoundingClientRect();if(!e.x&&!e.y&&!e.height&&!e.width){mh(this,kh,"f").debug.logMessage(this,`recalcPosition() ran before the component finished being drawn. Running again (attempt #${mh(this,yh,"f")}).`,f.INFO);if(mh(this,yh,"f")<50){gh(this,yh,(t=mh(this,yh,"f"),t++,t),"f");setTimeout((async()=>this.recalcPosition()),50);return}else{mh(this,kh,"f").debug.logMessage(this,`Too many attempts centering the dialog.`,f.WARNING)}}gh(this,yh,0,"f");const i=window.innerWidth/2-e.width/2;const s=window.innerHeight/2-e.height/2+window.scrollY;this.rootElement.style.setProperty("--kup_dialog_left",i+"px");this.rootElement.style.setProperty("--kup_dialog_top",s+"px");this.rootElement.removeAttribute("fade-in")}async refresh(){i(this)}async setProps(t){h(this,ph,t)}componentWillLoad(){mh(this,kh,"f").debug.logLoad(this,false);mh(this,kh,"f").theme.register(this)}componentDidLoad(){var t;mh(this,kh,"f").interact.dialogify(this.rootElement,mh(this,bh,"f")?mh(this,bh,"f"):null,!this.resizable);if((t=this.autoCenter)===null||t===void 0?void 0:t.onReady){this.recalcPosition()}else{this.rootElement.removeAttribute("fade-in")}if(this.modal){mh(this,kh,"f").interact.showModalBackdrop(this.modal.closeOnBackdropClick?()=>{this.close()}:null)}this.kupReady.emit({comp:this,id:this.rootElement.id});mh(this,kh,"f").debug.logLoad(this,true)}componentWillRender(){mh(this,kh,"f").debug.logRender(this,false)}componentDidRender(){mh(this,kh,"f").debug.logRender(this,true)}render(){var t;const e={"--kup_dialog_height":this.sizeY?this.sizeY:"auto","--kup_dialog_width":this.sizeX?this.sizeX:"auto"};return s(n,{key:"4f74b02d375c0ed0bdae000e98d34f62f6f52501","fade-in":true,style:e},s("style",{key:"42a84bac7c78d2810ea5247340fd80ba53e35b6a"},mh(this,kh,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"037d928dd1d5931a5995cf2a838b7d6a4dacae30",id:Ct},this.header?s("div",{class:"header",ref:t=>gh(this,bh,t,"f")},this.header.title?s("div",{class:"header__title"},this.header.title):null,((t=this.header.icons)===null||t===void 0?void 0:t.close)?s(jt,{onClick:()=>this.close(),sizeX:"1.25em",sizeY:"100%",resource:"clear",wrapperClass:"header__close"}):null):null,s("div",{key:"007d7c592754925335bca87dbff8c104de64f424",class:"content"},s("slot",{key:"830977e967e8e7c0be4c43151908220e9ab929dd"}))))}disconnectedCallback(){if(this.modal){mh(this,kh,"f").interact.hideModalBackdrop()}mh(this,kh,"f").theme.unregister(this)}get rootElement(){return o(this)}};bh=new WeakMap,kh=new WeakMap,yh=new WeakMap;vh.style=dh;var xh;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["displayMode"]='Sets how to show the selected item value. Suported values: "code", "description", "both".';t["icon"]="Defaults at null. When set, the button will show this icon.";t["initialValue"]="Sets the initial value of the component.";t["label"]="Defaults at null. When set, the button will show this text.";t["placeholderIcon"]="When set, the button will show this icon, if icon/image not found.";t["selectMode"]='Sets to the return the selected item value. Suported values: "code", "description", "both".';t["styling"]='Defines the style of the button. Available styles are "flat" and "outlined", "raised" is the default.';t["trailingIcon"]="Defaults at null. When set, the icon will be shown after the text.";t["dropdownOnly"]="Default value is false. When set to true, the arrow dropdown button is the only button displayed."})(xh||(xh={}));const wh=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:max-content}#kup-component{position:relative}.dropdown-button--wrapper{display:flex;flex-direction:row}.f-button.dropdown-button__primary-action .button{border-top-right-radius:var(--kup-radius-00);border-bottom-right-radius:var(--kup-radius-00)}.f-button.dropdown-button__primary-action .button.button--outlined,.f-button.dropdown-button__primary-action .button.button--raised{border-right:1px solid transparent}.f-button.dropdown-button__dropdown-action.dropdown-only .button{border-top-left-radius:var(--kup-radius-00);border-bottom-left-radius:var(--kup-radius-00);box-shadow:none}.f-button.dropdown-button__dropdown-action .button{border-top-left-radius:var(--kup-radius-00);border-bottom-left-radius:var(--kup-radius-00);box-shadow:var(--kup-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button .button__icon{transition:transform 80ms linear}.f-button.dropdown-button__dropdown-action .button.button--raised{box-shadow:0px 3px 1px -2px rgba(var(--kup-text-color-rgb), 0.125), 0px 2px 2px 0px rgba(var(--kup-text-color-rgb), 0.1), 0px 1px 5px 0px rgba(var(--kup-text-color-rgb), 0.075), var(--kup-text-on-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button.button--disabled{box-shadow:none}.f-button.dropdown-button__dropdown-action .button.toggled .button__icon{transform:rotate(180deg)}.f-button.dropdown-button__dropdown-action:not(.dropdown-only) .button--outlined:not(.dropdown-only),.f-button.dropdown-button__dropdown-action:not(.dropdown-only) .button--raised:not(.dropdown-only){border-left:1px solid transparent}:host(.kup-shaped) .dropdown-button__primary-action .button{border-top-left-radius:var(--kup-radius-00);border-bottom-left-radius:var(--kup-radius-00)}:host(.kup-shaped) .dropdown-button__dropdown-action .button{border-top-right-radius:var(--kup-radius-00);border-bottom-right-radius:var(--kup-radius-00)}:host(.kup-full-width){width:100%}:host(.kup-full-width) .dropdown-button__primary-action{width:100%}:host(.kup-full-width) .dropdown-button__primary-action .button{width:100%}:host(.kup-danger){--kup-button-primary-color:var(--kup-danger-color-60);--kup-button-primary-color-h:var(--kup-danger-color-h);--kup-button-primary-color-s:var(--kup-danger-color-s);--kup-button-primary-color-l:var(--kup-danger-color-l);--kup-button-primary-color-rgb:var(--kup-danger-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-info){--kup-button-primary-color:var(--kup-info-color);--kup-button-primary-color-h:var(--kup-info-color-h);--kup-button-primary-color-s:var(--kup-info-color-s);--kup-button-primary-color-l:var(--kup-info-color-l);--kup-button-primary-color-rgb:var(--kup-info-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-secondary){--kup-button-primary-color:var(--kup-secondary-color);--kup-button-primary-color-h:var(--kup-secondary-color-h);--kup-button-primary-color-s:var(--kup-secondary-color-s);--kup-button-primary-color-l:var(--kup-secondary-color-l);--kup-button-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-button-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-button-primary-color:var(--kup-success-color);--kup-button-primary-color-h:var(--kup-success-color-h);--kup-button-primary-color-s:var(--kup-success-color-s);--kup-button-primary-color-l:var(--kup-success-color-l);--kup-button-primary-color-rgb:var(--kup-success-color-rgb);--kup-button-text-on-primary-color:white}:host(.kup-warning){--kup-button-primary-color:var(--kup-warning-color-50);--kup-button-primary-color-h:var(--kup-warning-color-h);--kup-button-primary-color-s:var(--kup-warning-color-s);--kup-button-primary-color-l:var(--kup-warning-color-l);--kup-button-primary-color-rgb:var(--kup-warning-color-rgb);--kup-button-text-on-primary-color:white}";const _h=wh;const zh=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-dropdownbutton-blur",6);this.kupClick=e(this,"kup-dropdownbutton-click",6);this.kupFocus=e(this,"kup-dropdownbutton-focus",6);this.kupChange=e(this,"kup-dropdownbutton-change",6);this.kupItemClick=e(this,"kup-dropdownbutton-itemclick",6);this.kupManager=a();this.buttonEl=null;this.dropdownEl=null;this.listEl=null;this.clickCb=null;this.id="";this.customStyle="";this.data=null;this.disabled=false;this.displayMode=gt.DESCRIPTION;this.dropdownOnly=false;this.icon=null;this.initialValue="";this.label=null;this.placeholderIcon=null;this.selectMode=gt.CODE;this.sizing=r.SMALL;this.styling=Ot.RAISED;this.trailingIcon=false}listenKeydown(t){if(this.isListOpened()){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();this.listEl.focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();this.listEl.focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();this.listEl.select().then((()=>{this.closeList()}));this.dropdownEl.focus();break;case"Escape":t.preventDefault();t.stopPropagation();this.closeList();break}}else{switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();this.openList();this.listEl.focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();this.openList();this.listEl.focusPrevious();break}}}onKupBlur(){this.closeList();this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.id})}onKupClick(){this.closeList();this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.id})}onDropDownClick(){if(this.isListOpened()){this.closeList()}else{this.openList()}}onKupItemClick(t){this.consistencyCheck(t);this.closeList();this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.id,node:t.detail.selected});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.id,node:t.detail.selected})}async getProps(t){return l(this,xh,t)}async getValue(){return this.id}async refresh(){i(this)}async setProps(t){h(this,xh,t)}async setValue(t){this.id=t}isListOpened(){if(this.listEl==null){return false}return this.listEl.menuVisible==true}openList(){var t;const e=(this.buttonEl?this.buttonEl.clientWidth:0)+this.dropdownEl.clientWidth;(t=this.buttonEl)===null||t===void 0?void 0:t.classList.add("toggled");this.dropdownEl.classList.add("toggled");this.listEl.menuVisible=true;const i=this.listEl.style;i.height="auto";i.minWidth=e+"px";if(this.kupManager.dynamicPosition.isRegistered(this.listEl)){this.kupManager.dynamicPosition.changeAnchor(this.listEl,this.buttonEl?this.buttonEl:this.dropdownEl)}else{this.kupManager.dynamicPosition.register(this.listEl,this.buttonEl?this.buttonEl:this.dropdownEl,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.listEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closeList()},el:this.listEl}}this.kupManager.addClickCallback(this.clickCb,true)}closeList(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.classList.remove("toggled");this.dropdownEl.classList.remove("toggled");this.listEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.listEl);this.kupManager.removeClickCallback(this.clickCb)}consistencyCheck(t,e){const i=ne(e,this.data["kup-list"],this.listEl,this.selectMode,this.displayMode,t);this.id=i.value}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.id=this.initialValue;if(!this.data){this.data={"kup-list":{}}}}componentDidLoad(){this.consistencyCheck(undefined,this.id);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&(!this.buttonEl||!this.dropdownEl)){this.buttonEl=t.querySelector(".dropdown-button__primary-action");this.dropdownEl=t.querySelector(".dropdown-button__dropdown-action")}this.kupManager.debug.logRender(this,true)}renderButtons(){const t=[];const e={disabled:this.disabled?true:false,large:this.rootElement.classList.contains("kup-large")?true:false,pulsating:this.rootElement.classList.contains("kup-pulsating")?true:false,slim:this.rootElement.classList.contains("kup-slim")?true:false,sizing:this.sizing,styling:this.styling?this.styling:Ot.RAISED,title:this.rootElement.title};if(!this.dropdownOnly){t.push(s(Wt,Object.assign({},e,{icon:this.icon?this.icon:null,placeholderIcon:this.placeholderIcon,label:this.label?this.label:null,trailingIcon:this.trailingIcon?true:false,wrapperClass:"dropdown-button__primary-action",onClick:()=>this.onKupClick(),onBlur:()=>this.onKupBlur(),onFocus:()=>this.onKupFocus()})))}t.push(s(Wt,Object.assign({},e,{disabled:this.disabled?true:false,icon:this.dropdownOnly&&this.icon&&this.icon!==""?this.icon:"arrow_drop_down",placeholderIcon:this.placeholderIcon,label:" ",wrapperClass:"dropdown-button__dropdown-action"+(this.dropdownOnly?" dropdown-only":""),onClick:()=>this.onDropDownClick()})));return t}render(){return s(n,{key:"7a66ff84adcb1d2271796bfdb5cd4f932f284734"},s("style",{key:"5796a18cf2a66614563b2b8891c71c58416a0e42"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"11ed7256dc5b43e5871bb32f5c31390cbac60334",id:Ct},s("div",{key:"7f986b9c9017766ce1f3b93fff61435dfa542591",class:"dropdown-button--wrapper"},this.renderButtons()),s("kup-list",Object.assign({key:"bb7f1c29903b82e68f5b0444ab70a36917c549f8"},this.data["kup-list"],{displayMode:this.displayMode,isMenu:true,"onKup-list-click":t=>this.onKupItemClick(t),id:this.rootElement.id+"_list",ref:t=>this.listEl=t}))))}disconnectedCallback(){if(this.listEl){this.kupManager.dynamicPosition.unregister([this.listEl]);this.listEl.remove()}this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};zh.style=_h;var Ch;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the form.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["labelPlacement"]="Sets the label placement for 'all' fields in form";t["layout"]="How the form will arrange its content.";t["submitCb"]="Sets the callback function on submit form"})(Ch||(Ch={}));var jh;(function(t){t["CENTER"]="center";t["LEFT"]="left";t["RIGHT"]="right"})(jh||(jh={}));var Wh;(function(t){t["BOTTOM"]="bottom";t["LEFT"]="left";t["HIDDEN"]="hidden";t["PLACEHOLDER"]="placeholder";t["WATERMARK"]="watermark";t["RIGHT"]="right";t["TOP"]="top"})(Wh||(Wh={}));const $h=".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_form_background_color:var(\n    --kup-form-background-color,\n    var(--kup-layer-0)\n  );--kup_form_color:var(--kup-form-color, var(--kup-text-secondary));--kup_form_font_family:var(--kup-form-font-family, var(--kup-font-family));--kup_form_font_size:var(--kup-form-font-size, var(--kup-font-size));--kup_form_label_alignment:var(--kup-form-label-alignment);--kup_form_label_width:var(--kup-form-label-width);--kup_form_padding:var(--kup-form-padding, 1em 0);display:block;font-family:var(--kup_form_font_family);font-size:var(--kup_form_font_size)}.form{background:var(--kup_form_background_color);color:var(--kup_form_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_form_padding);position:relative}.form--column{flex-direction:column}.form__section{display:flex;flex:1 1 1%;flex-direction:row;flex-wrap:wrap}.form__section--column{flex-direction:column;flex-wrap:unset}.form__section--column>.form__section{flex:0 0 auto}.form__section--grid{display:grid}.form__section--titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}.form__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}.form__section--left .form__label{width:var(--kup_form_label_width, 0)}.form__section--right .form__field{min-width:200px;width:0}.form__label{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:0.875em;letter-spacing:0.0178571429em;white-space:nowrap;width:var(--kup_form_label_width)}.form__label--center{text-align:var(--kup_form_label_alignment, center)}.form__label--left{text-align:var(--kup_form_label_alignment, left)}.form__label--right{text-align:var(--kup_form_label_alignment, right)}.form__field{min-height:16px}.form__field img{height:auto}.form__submit{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-start}";const Oh=$h;const Dh=document.documentElement;const Mh=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-form-ready",6);this.kupManager=a();this.visibleColumns=[];this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.labelPlacement=Wh.TOP;this.layout=null;this.submitCb=null}onDataChanged(){T(this.getRows());this.initVisibleColumns();this.checkLayout()}onLayoutChanged(){this.checkLayout()}async getProps(t){return l(this,Ch,t)}async refresh(){i(this)}async setFocus(t,e){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;i&&t<i.length;t++){const s=i[t];if(s["data-row"]&&s["data-row"].id==e){const t=s.querySelector("input");if(t){t.focus()}else{const t=s.querySelector(".hydrated");if(t){try{t.setFocus()}catch(t){}}}}}}async setProps(t){h(this,Ch,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:undefined}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>{if(t.hasOwnProperty("visible")){return t.visible}return true}))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}checkLayout(){if(this.layout){this.formLayout=this.layout;return}const t={horizontal:false,sections:[]};const e=this.visibleColumns;let i=e.length;const s=[];let n=0;while(i-- >0){s.push({column:e[n++].name})}t.content=s;this.formLayout={sections:[t]}}renderRow(t){const e=[...this.visibleColumns];let i=null;let n=t.layout;if(!n){n=this.formLayout}let o=false;if(n){if(n.horizontal){o=true}const s=n.sections;let a=s.length;let r=0;if(a>0){i=[]}const l={horizontal:o};while(a-- >0){i.push(this.renderSection(s[r++],l,t,e))}}const a={form:true,"form--column":!o};return s("form",{class:a,name:this.rootElement.id,onSubmit:this.submitCb},i,this.hiddenSubmitButton?s(Wt,{buttonType:"submit",label:this.kupManager.language.translate(g.CONFIRM),wrapperClass:"form__submit"}):null)}renderSection(t,e,i,n){var o;let a=null;if(t.sections&&t.sections.length>0){const e=t.sections;let s=e.length;let o=0;if(s>0){a=[]}while(s-- >0){a.push(this.renderSection(e[o++],t,i,n))}}else if(t.content){const e=t.content;let o=e.length;let r=0;if(o>0){a=[]}while(o-- >0){const o=this.renderFormField({formField:e[r++],row:i,visibleColumns:n},t);let l=o;if(!t.horizontal){l=s("tr",null,o)}a.push(l)}}else if(n.length>0){const t=n[0];a=this.renderFormField({formField:{column:t.name},row:i,visibleColumns:n})}const r=!!t.columns;const l=((o=t===null||t===void 0?void 0:t.label)===null||o===void 0?void 0:o.placement)||this.labelPlacement;const h={form__section:true,"form__section--column":!r&&!t.horizontal,"form__section--grid":r,"form__section--titled":!!t.title,"form__section--last":!t.sections||t.sections.length===0,[`form__section--${l}`]:true};const c=t.style||{};if(t.dim&&e){c.flex=`0 0 ${t.dim}`;if(e.horizontal){c.maxWidth=t.dim}else{c.maxHeight=t.dim}}if(r){c["grid-template-columns"]=`repeat(${t.columns}, 1fr)`}return s("div",{class:h,style:c},t.title?s("h3",null,t.title):null,t.horizontal?a:s("table",null,s("tbody",null,a)))}renderFormField({formField:t,row:e,visibleColumns:i},n){var o;const a={form__field:true};const r={};let l=null;let h=-1;for(let e=0;e<i.length;e++){const s=i[e];if(s.name===t.column){h=e;break}}if(h>=0){l=i[h];i.splice(h,1)}else if(n){l=this.data.columns.find((e=>e.name===t.column))}const c=e.cells[t.column];let u=undefined;if(c){c.isEditable=true;if(!this.kupManager.objects.isEmptyKupObj(c.obj)){if(this.kupManager.debug.isDebug()){u=c.obj.t+"; "+c.obj.p+"; "+c.obj.k+";"}}}else{return null}const p={cell:c,column:l,component:this,editable:true,renderKup:true,row:e,setSizes:true,shape:t.shape};const f=t.label||l.title;const d=()=>{if(this.kupManager.objects.isButton(c.obj)){return}if(!c.data){c.data={}}try{delete c.data.label}catch(t){}try{delete c.data.data["kup-text-field"].label}catch(t){}};d();const m=((o=n===null||n===void 0?void 0:n.label)===null||o===void 0?void 0:o.placement)||this.labelPlacement;switch(m){case Wh.BOTTOM:return[s("tr",null,g()),s("tr",null,b(f))];case Wh.PLACEHOLDER:case Wh.WATERMARK:k();case Wh.HIDDEN:{if(n){return[g()]}else{return[s("tr",null,g())]}}case Wh.RIGHT:{if(n){return[g(),b(f)]}else{return[s("tr",null,g(),b(f))]}}case Wh.TOP:return[s("tr",null,b(f)),s("tr",null,g())];default:{if(n){return[b(f),g()]}else{return[s("tr",null,b(f),g())]}}}function g(){return s("td",{"data-cell":c,"data-row":e,"data-column":t.column,class:a,style:r,title:u},c&&l?s(bt,Object.assign({},p)):s("span",null,t.value))}function b(t){var e,i,o;const a=((e=n===null||n===void 0?void 0:n.label)===null||e===void 0?void 0:e.alignment)||jh.LEFT;const r={width:((i=n===null||n===void 0?void 0:n.label)===null||i===void 0?void 0:i.width)?(o=n===null||n===void 0?void 0:n.label)===null||o===void 0?void 0:o.width:""};return s("td",{class:`form__label form__label--${a}`,style:r},s("span",null,t))}function k(){switch(Dh.ketchup.data.cell.getType(c,c.shape||l.shape||null)){case ut.AUTOCOMPLETE:case ut.COLOR_PICKER:case ut.COMBOBOX:case ut.DATE:case ut.DATETIME:case ut.TIME:if(c.data.data){if(c.data.data["kup-text-field"]){c.data.data["kup-text-field"].label=l.title}else{c.data.data={"kup-text-field":{label:l.title}}}}else{c.data.data={"kup-text-field":{label:l.title}}}break;case ut.CHECKBOX:case ut.NUMBER:case ut.STRING:case ut.SWITCH:c.data.label=l.title}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){mt(e[t])}}this.kupManager.debug.logRender(this,true)}render(){let t=null;if(this.data.rows.length===0){t=s("p",{key:"3745e06e9f57294d4957cf2ce2700235f1efbc20"},this.kupManager.language.translate(g.EMPTY_DATA))}else{const e=this.data.rows;let i=e.length;let s=0;t=[];while(i-- >0){t.push(this.renderRow(e[s++]))}}return s(n,{key:"8bb39e913c0bb04bdb20e5680f86c4d92971aae9"},s("style",{key:"998fbdf757d808b818bc45e30281038ad96690d9"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"6098ba93cc85091acc8671dfb75c318cf1e5a779",id:Ct},t))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"],layout:["onLayoutChanged"]}}};Mh.style=Oh;var Th;(function(t){t["arcThickness"]="Sets how much the arc of the gauge should be thick.";t["colors"]="Array of three elements to specify the color of the arcs.";t["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";t["firstThreshold"]="The first threshold, establishing the length of the first and second arc.";t["labelDistance"]="The distance the label and the value has from the gauge graph.";t["maxValue"]="The maximum value reachable in the current graph.";t["measurementUnit"]="A string which will be appended to the displayed values of the component.";t["minValue"]="The minimum value reachable in the current graph.";t["needleCircle"]="When true, shows a rounded needle.";t["onlyValue"]="When true, ignore thresholds in gauge and show colored value's arc.";t["reverseColors"]="When true, the colors inside the colors array are used in the reversed order.";t["secondThreshold"]="The second threshold, establishing the length of the second and third arc.";t["showLabels"]="If set to false, threshold values of the gauge are not displayed.";t["showMaxmin"]="If set to false, the maximum and minimum values of the gauge are not displayed.";t["showValue"]="If set to false, the current value of the gauge is not displayed.";t["size"]="Con be used change the viewbox of the SVG. By manipulating this value, some customizations of the aspect of the gauge is achievable.";t["value"]="The current value of the gauge. The gauge's needle points to the percentage based on this prop.";t["valueSize"]="The current size of gauge's value. Correct values are: 0,1,2 or 3.";t["widthComponent"]="Set Width gauge."})(Th||(Th={}));function Sh(t){return function e(){return t}}const Ih=Math.abs;const Ph=Math.atan2;const Rh=Math.cos;const Eh=Math.max;const Nh=Math.min;const Lh=Math.sin;const Fh=Math.sqrt;const Kh=1e-12;const Ah=Math.PI;const Vh=Ah/2;const Hh=2*Ah;function Bh(t){return t>1?0:t<-1?Ah:Math.acos(t)}function Yh(t){return t>=1?Vh:t<=-1?-Vh:Math.asin(t)}const Xh=Math.PI,Gh=2*Xh,Uh=1e-6,qh=Gh-Uh;function Jh(t){this._+=t[0];for(let e=1,i=t.length;e<i;++e){this._+=arguments[e]+t[e]}}function Zh(t){let e=Math.floor(t);if(!(e>=0))throw new Error(`invalid digits: ${t}`);if(e>15)return Jh;const i=10**e;return function(t){this._+=t[0];for(let e=1,s=t.length;e<s;++e){this._+=Math.round(arguments[e]*i)/i+t[e]}}}class Qh{constructor(t){this._x0=this._y0=this._x1=this._y1=null;this._="";this._append=t==null?Jh:Zh(t)}moveTo(t,e){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+e}`}closePath(){if(this._x1!==null){this._x1=this._x0,this._y1=this._y0;this._append`Z`}}lineTo(t,e){this._append`L${this._x1=+t},${this._y1=+e}`}quadraticCurveTo(t,e,i,s){this._append`Q${+t},${+e},${this._x1=+i},${this._y1=+s}`}bezierCurveTo(t,e,i,s,n,o){this._append`C${+t},${+e},${+i},${+s},${this._x1=+n},${this._y1=+o}`}arcTo(t,e,i,s,n){t=+t,e=+e,i=+i,s=+s,n=+n;if(n<0)throw new Error(`negative radius: ${n}`);let o=this._x1,a=this._y1,r=i-t,l=s-e,h=o-t,c=a-e,u=h*h+c*c;if(this._x1===null){this._append`M${this._x1=t},${this._y1=e}`}else if(!(u>Uh));else if(!(Math.abs(c*r-l*h)>Uh)||!n){this._append`L${this._x1=t},${this._y1=e}`}else{let p=i-o,f=s-a,d=r*r+l*l,m=p*p+f*f,g=Math.sqrt(d),b=Math.sqrt(u),k=n*Math.tan((Xh-Math.acos((d+u-m)/(2*g*b)))/2),y=k/b,v=k/g;if(Math.abs(y-1)>Uh){this._append`L${t+y*h},${e+y*c}`}this._append`A${n},${n},0,0,${+(c*p>h*f)},${this._x1=t+v*r},${this._y1=e+v*l}`}}arc(t,e,i,s,n,o){t=+t,e=+e,i=+i,o=!!o;if(i<0)throw new Error(`negative radius: ${i}`);let a=i*Math.cos(s),r=i*Math.sin(s),l=t+a,h=e+r,c=1^o,u=o?s-n:n-s;if(this._x1===null){this._append`M${l},${h}`}else if(Math.abs(this._x1-l)>Uh||Math.abs(this._y1-h)>Uh){this._append`L${l},${h}`}if(!i)return;if(u<0)u=u%Gh+Gh;if(u>qh){this._append`A${i},${i},0,1,${c},${t-a},${e-r}A${i},${i},0,1,${c},${this._x1=l},${this._y1=h}`}else if(u>Uh){this._append`A${i},${i},0,${+(u>=Xh)},${c},${this._x1=t+i*Math.cos(n)},${this._y1=e+i*Math.sin(n)}`}}rect(t,e,i,s){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+e}h${i=+i}v${+s}h${-i}Z`}toString(){return this._}}function tc(t){let e=3;t.digits=function(i){if(!arguments.length)return e;if(i==null){e=null}else{const t=Math.floor(i);if(!(t>=0))throw new RangeError(`invalid digits: ${i}`);e=t}return t};return()=>new Qh(e)}function ec(t){return t.innerRadius}function ic(t){return t.outerRadius}function sc(t){return t.startAngle}function nc(t){return t.endAngle}function oc(t){return t&&t.padAngle}function ac(t,e,i,s,n,o,a,r){var l=i-t,h=s-e,c=a-n,u=r-o,p=u*l-c*h;if(p*p<Kh)return;p=(c*(e-o)-u*(t-n))/p;return[t+p*l,e+p*h]}function rc(t,e,i,s,n,o,a){var r=t-i,l=e-s,h=(a?o:-o)/Fh(r*r+l*l),c=h*l,u=-h*r,p=t+c,f=e+u,d=i+c,m=s+u,g=(p+d)/2,b=(f+m)/2,k=d-p,y=m-f,v=k*k+y*y,x=n-o,w=p*m-d*f,_=(y<0?-1:1)*Fh(Eh(0,x*x*v-w*w)),z=(w*y-k*_)/v,C=(-w*k-y*_)/v,j=(w*y+k*_)/v,W=(-w*k+y*_)/v,$=z-g,O=C-b,D=j-g,M=W-b;if($*$+O*O>D*D+M*M)z=j,C=W;return{cx:z,cy:C,x01:-c,y01:-u,x11:z*(n/x-1),y11:C*(n/x-1)}}function lc(){var t=ec,e=ic,i=Sh(0),s=null,n=sc,o=nc,a=oc,r=null,l=tc(h);function h(){var h,c,u=+t.apply(this,arguments),p=+e.apply(this,arguments),f=n.apply(this,arguments)-Vh,d=o.apply(this,arguments)-Vh,m=Ih(d-f),g=d>f;if(!r)r=h=l();if(p<u)c=p,p=u,u=c;if(!(p>Kh))r.moveTo(0,0);else if(m>Hh-Kh){r.moveTo(p*Rh(f),p*Lh(f));r.arc(0,0,p,f,d,!g);if(u>Kh){r.moveTo(u*Rh(d),u*Lh(d));r.arc(0,0,u,d,f,g)}}else{var b=f,k=d,y=f,v=d,x=m,w=m,_=a.apply(this,arguments)/2,z=_>Kh&&(s?+s.apply(this,arguments):Fh(u*u+p*p)),C=Nh(Ih(p-u)/2,+i.apply(this,arguments)),j=C,W=C,$,O;if(z>Kh){var D=Yh(z/u*Lh(_)),M=Yh(z/p*Lh(_));if((x-=D*2)>Kh)D*=g?1:-1,y+=D,v-=D;else x=0,y=v=(f+d)/2;if((w-=M*2)>Kh)M*=g?1:-1,b+=M,k-=M;else w=0,b=k=(f+d)/2}var T=p*Rh(b),S=p*Lh(b),I=u*Rh(v),P=u*Lh(v);if(C>Kh){var R=p*Rh(k),E=p*Lh(k),N=u*Rh(y),L=u*Lh(y),F;if(m<Ah){if(F=ac(T,S,N,L,R,E,I,P)){var K=T-F[0],A=S-F[1],V=R-F[0],H=E-F[1],B=1/Lh(Bh((K*V+A*H)/(Fh(K*K+A*A)*Fh(V*V+H*H)))/2),Y=Fh(F[0]*F[0]+F[1]*F[1]);j=Nh(C,(u-Y)/(B-1));W=Nh(C,(p-Y)/(B+1))}else{j=W=0}}}if(!(w>Kh))r.moveTo(T,S);else if(W>Kh){$=rc(N,L,T,S,p,W,g);O=rc(R,E,I,P,p,W,g);r.moveTo($.cx+$.x01,$.cy+$.y01);if(W<C)r.arc($.cx,$.cy,W,Ph($.y01,$.x01),Ph(O.y01,O.x01),!g);else{r.arc($.cx,$.cy,W,Ph($.y01,$.x01),Ph($.y11,$.x11),!g);r.arc(0,0,p,Ph($.cy+$.y11,$.cx+$.x11),Ph(O.cy+O.y11,O.cx+O.x11),!g);r.arc(O.cx,O.cy,W,Ph(O.y11,O.x11),Ph(O.y01,O.x01),!g)}}else r.moveTo(T,S),r.arc(0,0,p,b,k,!g);if(!(u>Kh)||!(x>Kh))r.lineTo(I,P);else if(j>Kh){$=rc(I,P,R,E,u,-j,g);O=rc(T,S,N,L,u,-j,g);r.lineTo($.cx+$.x01,$.cy+$.y01);if(j<C)r.arc($.cx,$.cy,j,Ph($.y01,$.x01),Ph(O.y01,O.x01),!g);else{r.arc($.cx,$.cy,j,Ph($.y01,$.x01),Ph($.y11,$.x11),!g);r.arc(0,0,u,Ph($.cy+$.y11,$.cx+$.x11),Ph(O.cy+O.y11,O.cx+O.x11),g);r.arc(O.cx,O.cy,j,Ph(O.y11,O.x11),Ph(O.y01,O.x01),!g)}}else r.arc(0,0,u,v,y,g)}r.closePath();if(h)return r=null,h+""||null}h.centroid=function(){var i=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,s=(+n.apply(this,arguments)+ +o.apply(this,arguments))/2-Ah/2;return[Rh(s)*i,Lh(s)*i]};h.innerRadius=function(e){return arguments.length?(t=typeof e==="function"?e:Sh(+e),h):t};h.outerRadius=function(t){return arguments.length?(e=typeof t==="function"?t:Sh(+t),h):e};h.cornerRadius=function(t){return arguments.length?(i=typeof t==="function"?t:Sh(+t),h):i};h.padRadius=function(t){return arguments.length?(s=t==null?null:typeof t==="function"?t:Sh(+t),h):s};h.startAngle=function(t){return arguments.length?(n=typeof t==="function"?t:Sh(+t),h):n};h.endAngle=function(t){return arguments.length?(o=typeof t==="function"?t:Sh(+t),h):o};h.padAngle=function(t){return arguments.length?(a=typeof t==="function"?t:Sh(+t),h):a};h.context=function(t){return arguments.length?(r=t==null?null:t,h):r};return h}const hc=".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_gauge_color:var(--kup-gauge-color, var(--kup-text-secondary));--kup_gauge_font_family:var(--kup-gauge-font-family, var(--kup-font-family));--kup_gauge_font_size:var(--kup-gauge-font-size, var(--kup-font-size));--kup_gauge_needle_color:var(\n    --kup-gauge-needle-color,\n    var(--kup-text-secondary)\n  );display:inline-block;font-family:var(--kup_gauge_font_family);font-size:var(--kup_gauge_font_size);height:100%;width:100%}.gauge{box-sizing:border-box;height:100%;overflow:visible;padding:10px}.gauge__container{height:100%;width:100%}.gauge__label-text{fill:var(--kup_gauge_color);text-align:center}.gauge__value-text{fill:var(--kup_gauge_color);color:var(--kup_gauge_color);text-align:center}.gauge__needle-base,.gauge__needle{fill:var(--kup_gauge_needle_color)}";const cc=hc;const uc=class{constructor(e){t(this,e);this.kupManager=a();this.arcGenerator=lc();this.maxValuePositive=0;this.arcThickness=30;this.colors=[`var(${p.SUCCESS})`,`var(${p.WARNING})`,`var(${p.DANGER})`];this.customStyle="";this.firstThreshold=undefined;this.labelDistance=20;this.maxValue=100;this.measurementUnit="";this.minValue=-100;this.needleCircle=false;this.onlyValue=false;this.reverseColors=false;this.secondThreshold=undefined;this.showLabels=true;this.showMaxmin=true;this.showValue=true;this.size=300;this.value=0;this.valueSize=0;this.widthComponent="100%"}async getProps(t){return l(this,Th,t)}async refresh(){i(this)}async setProps(t){h(this,Th,t)}percToDeg(t){return t*360}degToRad(t){return t*Math.PI/180}percToRad(t){return this.degToRad(this.percToDeg(t))}calculateValuePercentage(t=0){return(t-this.minValue)/this.maxValuePositive}calculateValueFontSize(){switch(this.valueSize){case 3:return"350%";case 2:return"325%";case 1:return"300%";default:case 0:return"275%"}}paintNeedle(t,e,i,s,n=0){let o,a,r,l,h,c,u;h=this.percToRad(n/2);c=i-t*Math.cos(h);u=s-t*Math.sin(h);o=i-e*Math.cos(h-Math.PI/2);a=s-e*Math.sin(h-Math.PI/2);r=i-e*Math.cos(h+Math.PI/2);l=s-e*Math.sin(h+Math.PI/2);return"M "+o+" "+a+" L "+c+" "+u+" L "+r+" "+l}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(!this.labelDistance){this.labelDistance=20}if(this.maxValue===undefined||this.maxValue===null){this.maxValue=100}if(this.minValue===undefined||this.minValue===null){this.minValue=-100}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(isNaN(this.value)){this.kupManager.debug.logMessage(this,"Invalid value, not rendering!",f.WARNING);return}this.maxValuePositive=Math.abs(this.minValue-this.maxValue);let t=this.value;if(this.value>this.maxValue){this.value=this.maxValue}if(this.value<this.minValue){this.value=this.minValue}let e=1;switch(this.valueSize){case 3:e=3;break;case 2:e=2.75;break;case 1:e=2.5;break;default:case 0:e=2.25;break}const i=this.size/2;const o=this.size/20;const a=i-2*this.arcThickness;const r=i+o+this.labelDistance*e;const l=[];if(!this.onlyValue){if(this.firstThreshold||0===this.firstThreshold){l.push(this.firstThreshold)}if(this.secondThreshold||0===this.secondThreshold){l.push(this.secondThreshold)}}else{l.push(this.value)}const h=[this.minValue,...l,this.maxValue];const c=[];let u;if(!this.onlyValue){u=!this.reverseColors?this.colors:this.colors.slice().reverse()}else{let t=!this.reverseColors?this.colors:this.colors.slice().reverse();let e=this.value<this.firstThreshold?t[0]:this.value<this.secondThreshold?t[1]:t[2];u=[e,`rgba(var(${p.TEXT}-rgb), .1)`]}for(let t=0;t<h.length-1;t++){const e=this.arcGenerator({innerRadius:i-this.arcThickness,outerRadius:i,startAngle:this.calculateValuePercentage(h[t])*Math.PI,endAngle:this.calculateValuePercentage(h[t+1])*Math.PI});c.push(s("path",{d:e,style:{fill:u[t]?u[t]:"#000000"}}))}const d=this.showLabels||this.showMaxmin?h.map((t=>{const e=this.calculateValuePercentage(t);let n="end";if(e>.5){n="start"}else if(e===.5){n="middle"}const o=this.percToRad(e/2);let r=i-(a+2)*Math.cos(o);let l=i-(a+2)*Math.sin(o);let h="";if(e>0&&e<1){if(this.showLabels&&!this.onlyValue){h=s("text",{class:"gauge__label-text","text-anchor":n,x:r,y:l},this.kupManager.math.numberStringToFormattedString(String(t),-1,""))}}else{if(this.showMaxmin){if(e===0){r=this.arcThickness;l=i+this.labelDistance}else{r=this.size-this.arcThickness;l=i+this.labelDistance}h=s("text",{class:"gauge__label-text","text-anchor":n,x:r,y:l},this.kupManager.math.numberStringToFormattedString(String(t),-1,""))}}return h})):[];const m={fontSize:this.calculateValueFontSize()};let g=undefined;if(this.showValue){g=s("text",{class:"gauge__label-text value","text-anchor":"middle",x:i,y:r,style:m},this.kupManager.math.numberStringToFormattedString(String(t),-1,"")+" "+this.measurementUnit)}const b={width:this.widthComponent};return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct,class:"gauge__container"},s("svg",{class:"gauge",style:b,viewBox:`0 0 ${this.size} ${r}`},s("g",{transform:`rotate(-90) translate(-${i}, ${i})`},c),this.needleCircle?s("circle",{class:"gauge__needle-base",cx:i,cy:i,r:o}):null,s("path",{class:"gauge__needle",d:this.paintNeedle(a,o,i,i,this.calculateValuePercentage(this.value))}),d,g)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};uc.style=cc;function pc(t){const e=t.indexOf("R");const i=t.indexOf("G");const s=t.indexOf("B");if(e<0||i<0||s<0){return}const n=t.substring(e+1,e+4);const o=t.substring(i+1,i+4);const a=t.substring(s+1,s+4);try{return new dc(parseInt(n),parseInt(o),parseInt(a))}catch(t){console.error(t)}return null}class fc{constructor(){this.width=100;this.height=100;this.color=null;this.shape="bar"}init(t){t.forEach((t=>{if(t.toUpperCase().startsWith("HEIGHT;")){this.initHeight(t)}else if(t.toUpperCase().startsWith("SHAPE;")){this.initShape(t)}else if(t.toUpperCase().startsWith("BCOLOR;"));else{this.initColor(t)}}))}initColor(t){if(t.length>11&&this.isValidColor(t)){this.color=pc(t.substring(0,12));try{this.width=parseFloat(t.substring(13).replace(",","."))}catch(t){console.error(t)}}else if(t.startsWith("*NONE")){try{this.width=parseFloat(t.substring(6).replace(",","."))}catch(t){console.error(t)}}}isTrasparent(){return this.color===null}initHeight(t){if(t){const e=t.substring("HEIGHT;".length).replace(",",".");try{this.height=parseFloat(e);if(Number.isNaN(this.height)){this.height=100}}catch(t){console.error(t);this.height=100}}}initShape(t){t=t.substring("SHAPE;".length);const e=t.indexOf(";");let i=t;if(e>-1){i=t.substring(0,e);try{this.width=parseFloat(t.substring(e+1).replace(",","."))}catch(t){console.error(t)}}switch(i.toLocaleLowerCase()){case"circle":this.shape="circle";break;case"tril":this.shape="tril";break;case"trir":this.shape="trir";break}}isValidColor(t){if(!t){return false}t=t.trim();const e=[];let i=false;let s=null;let n=t.indexOf("R");if(n>-1){s=t.substring(n+1,n+4);e[0]=parseInt(s);if(isNaN(e[0])){i=true}}n=t.indexOf("G");if(n>-1){s=t.substring(n+1,n+4);e[1]=parseInt(s);if(isNaN(e[1])){i=true}}n=t.indexOf("B");if(n>-1){s=t.substring(n+1,n+4);e[2]=parseInt(s);if(isNaN(e[2])){i=true}}if(i){const n=t.indexOf("R");const o=t.indexOf("G");const a=t.indexOf("B");s=t.substring(n+1,o);e[0]=parseInt(s);if(isNaN(e[0])){i=true}s=t.substring(o+1,a);e[1]=parseInt(s);if(isNaN(e[1])){i=true}s=t.substring(a+1);e[2]=parseInt(s);if(isNaN(e[2])){i=true}if(i){return false}}if(e[0]<0||e[0]>255||e[1]<0||e[1]>255||e[2]<0||e[2]>255){return false}return true}getHeight(){return this.height}getWidth(){return this.width}getShape(){return this.shape}getColor(){return this.color}}class dc{constructor(t,e,i){this.r=t;this.g=e;this.b=i}toString(){return`rgb(${this.r},${this.g},${this.b})`}}class mc{constructor(){this.graphic_element_marker_splitter="\\\\";this.graphic_element_splitter="\\\\AND\\\\";this.background_color="BCOLOR;R255G000B000";this.default_color=new dc(0,0,0)}async drawCanvas(t,e){this.value=t;this.canvas=e;this.draw();return t}draw(){if(!this.value){return}if(this.canvas.getContext){this.ctx=this.canvas.getContext("2d");this.drawGraphicCell()}}drawGraphicCell(){const t=this.value.split(this.graphic_element_splitter);t.forEach(((t,e)=>{let i="SHAPE;BAR";let s=this.background_color;let n="HEIGHT;100";const o=t.split(this.graphic_element_marker_splitter);const a=[];const r=[];o.forEach((t=>{if(this.isShapeMarker(t)){i=t}else if(this.isBgColorMarker(t)){s=t}else if(this.isHeightMarker(t)){n=t}else if(this.isDecoratorMarker(t)){r.push(t)}else{a.push(t)}}));const l=a.map((t=>{const e=new fc;e.init([i,s,n,t]);return e}));if(e===0&&s!==this.background_color){const t=pc(s.substring("BCOLOR;".length));this.drawRect(0,0,this.canvas.clientWidth,this.canvas.clientHeight,t)}let h=0;l.forEach((t=>{switch(t.getShape()){case"circle":h=this.getNewStarXFromCircle(h,t);break;case"tril":h=this.getNewStarXFromTril(h,t);break;case"trir":h=this.getNewStarXFromTrir(h,t);break;default:h=this.getNewStarXFromBar(h,t);break}}));r.forEach((t=>{if(t.startsWith("SEP")||t.startsWith("DIV")){this.drawSeparator(t)}else if(t.startsWith("ARW")){this.drawArrow(t)}else if(t.startsWith("GRID")){this.drawGrid(t)}}))}))}isShapeMarker(t){return t&&t.toUpperCase().startsWith("SHAPE;")}isBgColorMarker(t){return t&&t.toUpperCase().startsWith("BCOLOR;")}isHeightMarker(t){return t&&t.toUpperCase().startsWith("HEIGHT;")}isDecoratorMarker(t){return t&&(t.toUpperCase().startsWith("SEP;")||t.toUpperCase().startsWith("DIV;")||t.toUpperCase().startsWith("ARW;")||t.toUpperCase().startsWith("GRID;"))}getDim(t,e){return Math.floor(t/100*e)}getNewStarXFromBar(t,e){if(Number.isNaN(e.getWidth())){return t}const i=this.getDim(this.canvas.clientWidth,e.getWidth());const s=this.getDim(this.canvas.clientHeight,e.getHeight());const n=this.canvas.clientHeight-s;if(!e.isTrasparent()){this.drawRect(t,n,i-t,s,e.getColor())}return i}getNewStarXFromCircle(t,e){const i=this.getDim(this.canvas.clientWidth,e.getWidth());const s=(t+i)/2;if(!e.isTrasparent()){this.drawArc(s,this.canvas.clientHeight/2,e.getColor())}return i}getNewStarXFromTril(t,e){const i=this.getDim(this.canvas.clientWidth,e.getWidth());if(!e.isTrasparent()){this.drawTri(i,0,t,this.canvas.clientHeight/2,e.getColor())}return i}getNewStarXFromTrir(t,e){const i=this.getDim(this.canvas.clientWidth,e.getWidth());if(!e.isTrasparent()){this.drawTri(t,0,i,this.canvas.clientHeight/2,e.getColor())}return i}drawArc(t,e,i){if(i){this.ctx.fillStyle=i.toString()}this.ctx.beginPath();this.ctx.arc(t,e,e,0,2*Math.PI,true);this.ctx.fill()}drawRect(t,e,i,s,n){if(n){this.ctx.fillStyle=n.toString()}this.ctx.fillRect(t,e,i,s)}drawTri(t,e,i,s,n){if(n){this.ctx.fillStyle=n.toString()}this.ctx.beginPath();this.ctx.moveTo(t,e);this.ctx.lineTo(i,s);this.ctx.lineTo(t,this.canvas.clientHeight);this.ctx.fill()}drawArrow(t){let e=t.substring("ARW;".length);if(e.indexOf(",")>-1){e=e.replace(",",".")}this.ctx.fillStyle=this.default_color.toString();const i=this.getDim(this.canvas.clientWidth,parseFloat(e));const s=this.canvas.clientHeight;const n=Math.floor(s/3);const o=n/2;this.ctx.beginPath();this.ctx.moveTo(i,0);this.ctx.lineTo(i-n,s/2);this.ctx.lineTo(i-o,s/2);this.ctx.lineTo(i-o,s);this.ctx.lineTo(i+o,s);this.ctx.lineTo(i+o,s/2);this.ctx.lineTo(i+n,s/2);this.ctx.fill()}drawGrid(t){let e=t.substring("GRID;".length);if(e.indexOf(",")>-1){e=e.replace(",",".")}const i=parseInt(e);const s=this.canvas.clientWidth/i;const n=this.canvas.clientHeight/5;const o=this.canvas.clientHeight-n;const a=1;for(let t=s;t<this.canvas.clientWidth;t=t+s){this.drawRect(t,o,a,n,this.default_color)}}drawSeparator(t){const e=t.substring("SEP;".length).split(";");let i="R000G000B000";let s=2;let n=e[0];if(e.length>1){i=e[1]}if(e.length>2){s=parseInt(e[2])}if(n.indexOf(",")>-1){n=n.replace(",",".")}const o=this.getDim(this.canvas.clientWidth,parseFloat(n));this.drawRect(o,0,s,this.canvas.clientHeight,pc(i))}}var gc;(function(t){t["badgeData"]="Sets the data of badges.";t["color"]="The color of the icon, defaults to the CSS variable --kup-icon-color.";t["customStyle"]="Custom style of the component.";t["data"]="When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information.";t["feedback"]="When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs.";t["isCanvas"]="The image component will create a canvas element on which it's possible to draw. It's a temporary feature that will be fully replaced by CSS drawing in the future.";t["placeholderResource"]="An SVG that will be displayed until the image is loaded.";t["resource"]="The resource used to fetch the image.";t["sizeX"]="The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";t["sizeY"]="The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";t["zoomEnable"]="When set to true, a dialog will be displayed with the same resource set to 100% when image is clicked"})(gc||(gc={}));const bc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;position:relative;transition:color 0.2s ease;margin:auto}:host #kup-component{margin:auto;position:relative;transition:color 0.2s ease;height:100%;width:100%}:host #feedback{width:32px;height:32px;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}:host([is-canvas]) canvas{height:100%;width:100%}canvas{display:block;height:100%;width:100%}";const kc=bc;const yc=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-image-click",6);this.kupLoad=e(this,"kup-image-load",6);this.isUrl=false;this.kupManager=a();this.card=null;this.dialog=null;this.image=null;this.badgeData=null;this.color=`var(${p.ICON})`;this.customStyle="";this.data=null;this.feedback=false;this.isCanvas=false;this.placeholderResource="";this.resource=null;this.sizeX="100%";this.sizeY="100%";this.zoomEnable=false}onKupClick(t){this.kupClick.emit({comp:this,id:this.rootElement.id,el:t.target});if(this.zoomEnable){this.createDialog()}}onKupLoad(t){this.kupLoad.emit({comp:this,id:this.rootElement.id,el:t.target})}async getProps(t){return l(this,gc,t)}async refresh(){i(this)}async setProps(t){h(this,gc,t)}renderCanvas(){return s("div",{id:"kup-component",onClick:t=>this.onKupClick(t),class:"is-canvas"},s("canvas",{ref:t=>this.canvas=t},this.resource))}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.isUrl=false;if(this.resource){if(this.resource.indexOf(".")>-1||this.resource.indexOf("/")>-1||this.resource.indexOf("\\")>-1){this.isUrl=true}}}componentDidRender(){if(this.isCanvas&&!this.imageCanvas){this.imageCanvas=new mc}if(this.isCanvas&&this.resource){this.canvas.height=this.canvas.clientHeight;this.canvas.width=this.canvas.clientWidth;this.imageCanvas.drawCanvas(this.resource,this.canvas)}this.kupManager.debug.logRender(this,true)}createDialog(){this.card=document.createElement("kup-card");this.card.layoutFamily=j.FREE;this.card.layoutNumber=1;this.card.sizeX="100%";this.card.sizeY="100%";this.image=document.createElement("kup-image");this.image.resource=this.resource;this.image.placeholderResource=this.placeholderResource;this.image.zoomEnable=false;this.image.sizeX="100%";this.image.sizeY="100%";this.card.appendChild(this.image);this.dialog=document.createElement("kup-dialog");this.dialog.id="kup-image-zoom";this.dialog.sizeX="80vw";this.dialog.sizeY="80vh";this.dialog.addEventListener("kup-dialog-close",(()=>this.hide()));this.dialog.appendChild(this.card);document.body.appendChild(this.dialog)}hide(){if(this.image){this.image.remove();this.image=null;this.card.remove();this.card=null;this.dialog.remove();this.dialog=null}}render(){let t;let e;let i;const o={badgeData:this.badgeData,color:this.color,data:this.data,fit:this.rootElement.classList.contains("kup-fit")?true:false,placeholderResource:this.placeholderResource,resource:this.resource,sizeX:this.sizeX,sizeY:this.sizeY,onClick:t=>this.onKupClick(t),onLoad:t=>this.onKupLoad(t)};let a={height:o.sizeY,minHeight:o.sizeY,width:o.sizeX,minWidth:o.sizeX};if(this.feedback&&this.isUrl){i=14;e=s("div",{id:"feedback",title:"Image not loaded yet..."},s("kup-spinner",{dimensions:"3px",active:true,layout:i}))}if(this.isCanvas){t=this.renderCanvas()}else if(o.resource||o.data){t=s(jt,Object.assign({},o))}else{let t="Resource undefined, not rendering!";this.kupManager.debug.logMessage(this,t,f.WARNING);return}return s(n,{style:a},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e,s("div",{id:Ct},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/svg"]}get rootElement(){return o(this)}};yc.style=kc;const vc='.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_list_background_color:var(\n    --kup-list-background-color,\n    var(--kup-layer-1)\n  );--kup_list_background_color_hover:var(\n    --kup-list-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_list_focus_color:var(--kup-list-focus-color, var(--kup-border-subtle));--kup_list_text_color:var(--kup-list-text-color, var(--kup-text-secondary));--kup_list_item_text_color:var(\n    --kup-list-item-text-color,\n    var(--kup-text-secondary)\n  );--kup_list_text_color_hover:var(\n    --kup-list-text-color-hover,\n    var(--kup-text-primary)\n  );--kup_list_font_family:var(--kup-list-font-family, var(--kup-font-family));--kup_list_font_size:var(--kup-list-font-size, var(--kup-font-size));--kup_list_font_weight:var(--kup-list-font-weight, 400);--kup_list_group_item_height:var(--kup-list-group-item-height, 3em);--kup_list_item_height:var(--kup_list_item_height_medium, 2.5em);--kup_list_item_height_small:var(--kup-list-item-height-small, 32px);--kup_list_item_height_medium:var(--kup-list-item-height-medium, 40px);--kup_list_item_height_large:var(--kup-list-item-height-large, 48px);--kup_list_item_padding_left:var(\n    --kup-list-item-padding,\n    var(--kup-space-05)\n  );--kup_list_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.list{background:var(--kup_list_background_color);color:var(--kup_list_text_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0;text-decoration:inherit;text-transform:inherit}.list--empty{padding:0}.list .list-item{display:-ms-flexbox;display:flex;height:var(--kup_list_item_height);position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--kup_list_item_padding_left);padding-right:calc(var(--kup_list_item_padding_left) + var(--kup_list_item_expand_padding, 0px));overflow:hidden;outline:none;transition:background-color var(--kup_list_transition), color var(--kup_list_transition)}.list .list-item[role=checkbox],.list .list-item[role=radio]{height:var(--kup_list_group_item_height)}.list .list-item:focus{outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.list .list-item.list-item--activated,.list .list-item.list-item--activated .list-item__graphic,.list .list-item.list-item--selected,.list .list-item.list-item--selected .list-item__graphic{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--kup_list_item_text_color);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}.list .list-item .list-item__primary-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;margin-bottom:-1.5em;display:block}.list .list-item .list-item__primary-text:before{display:inline-block;width:0;height:1.5em;content:"";vertical-align:0}.list .list-item .list-item__primary-text:after{display:inline-block;width:0;height:2em;content:"";vertical-align:-2em}.list .list-item .list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-o-text-overflow:ellipsis;-webkit-font-smoothing:antialiased;display:block;font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;color:var(--kup_list_text_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:8px}.list .list-item kup-checkbox{margin:0}.list .list-divider{background-color:var(--kup_list_separator_color);height:1px;padding:0;background-clip:content-box}.list.list--two-line .list-item{height:3.6em}.list.list--two-line .list-item__text{-ms-flex-item-align:start;align-self:flex-start}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item{cursor:pointer}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item label{cursor:pointer}.list:not(.list--non-interactive) .list-item:not(.list-item--selected):hover,.list:not(.list--non-interactive) .list-item:not(.list-item--selected).list-item--focused{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup_list_background_color);box-shadow:var(--kup_list_box_shadow);border:1px solid var(--kup_list_focus_color);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none;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}:host([nested-list]){--kup_list_item_expand_padding:1.5em;max-width:250px}:host([nested-list]) .kup-menu{max-height:unset;overflow:visible}:host([nested-list]) kup-list{display:none;left:100%;position:absolute;top:0}:host([nested-list]) .list-item{overflow:visible}:host([nested-list]) .list-item__expand-icon{position:absolute;right:0}:host([nested-list]) .list-item:hover kup-list{display:block}:host(.kup-paddingless) .list{padding:0}:host(.kup-danger){--kup-list-primary-color:var(--kup-danger-color-60);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-list-primary-color:var(--kup-success-color-40);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color-50);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}';const xc=vc;var wc=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var _c=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var zc,Cc,jc,Wc,$c,Oc,Dc,Mc,Tc,Sc,Ic,Pc,Rc,Ec;const Nc=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-list-blur",6);this.kupFocus=e(this,"kup-list-focus",6);this.kupClick=e(this,"kup-list-click",6);zc.add(this);Cc.set(this,a());jc.set(this,[]);Wc.set(this,[]);this.focused=null;this.selected=[];this.customStyle="";this.data=[];this.displayMode=gt.DESCRIPTION;this.filter="";this.hideText=false;this.isMenu=false;this.keyboardNavigation=true;this.menuVisible=false;this.roleType=kt.LISTBOX;this.selectable=true;this.showIcons=false;this.twoLine=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}onKupClick(t){wc(this,zc,"m",$c).call(this,t)}listenKeydown(t){if(this.keyboardNavigation){switch(t.key){case"ArrowDown":t.preventDefault();t.stopPropagation();this.focusNext();break;case"ArrowUp":t.preventDefault();t.stopPropagation();this.focusPrevious();break;case"Enter":t.preventDefault();t.stopPropagation();wc(this,zc,"m",$c).call(this,this.focused);break}}}async focusNext(){if(isNaN(this.focused)||this.focused===null||this.focused===undefined){if(this.selected.length===1){const t=this.data.find((t=>t.id===this.selected[0]));this.focused=this.data.indexOf(t)+1}else{this.focused=0}}else{this.focused++}if(this.focused>wc(this,Wc,"f").length-1){this.focused=0}wc(this,Wc,"f")[this.focused].focus()}async focusPrevious(){if(isNaN(this.focused)||this.focused===null||this.focused===undefined){if(this.selected.length===1){const t=this.data.find((t=>t.id===this.selected[0]));this.focused=this.data.indexOf(t)-1}else{this.focused=0}}else{this.focused--}if(this.focused<0){this.focused=wc(this,Wc,"f").length-1}wc(this,Wc,"f")[this.focused].focus()}async getProps(t){return l(this,yt,t)}async getSelectedNode(){const t=[];this.data.forEach((e=>{if(this.selected.includes(e.id)){t.push(e)}}));return t}async refresh(){i(this)}async select(t){if(t===undefined){t=this.focused}wc(this,zc,"m",$c).call(this,t)}async setProps(t){h(this,yt,t)}componentWillLoad(){wc(this,Cc,"f").debug.logLoad(this,false);wc(this,Cc,"f").theme.register(this);for(let t=0;t<this.data.length;t++){const e=this.data[t];if(e.selected){this.selected.push(e.id)}}}componentDidLoad(){wc(this,Cc,"f").debug.logLoad(this,true)}componentWillRender(){wc(this,Cc,"f").debug.logRender(this,false)}componentDidRender(){if(this.isMenu&&this.menuVisible&&(!document.activeElement||document.activeElement.tagName==="BODY")){setTimeout((()=>{this.rootElement.focus()}),0)}wc(this,Cc,"f").debug.logRender(this,true)}render(){_c(this,Wc,[],"f");let t="list";let e=undefined;if(this.isMenu){e="kup-menu";if(this.menuVisible){e+=" visible"}}wc(this,zc,"m",Rc).call(this);if(this.selectable!=true){t+=" list--non-interactive"}if(this.twoLine){t+=" list--two-line"}if(this.hideText){t+=" text-hidden"}if(!this.data||this.data.length===0){t+=" list--empty"}let i=this.roleType;let o="false";if(wc(this,zc,"m",Tc).call(this)){o="true"}_c(this,jc,[],"f");let a=0;return s(n,{key:"08701617c26a28e330d8db4d579cda4b99f53fa4"},s("style",{key:"12f6c1797eb686c114114eb5dce532979f6226cb"},wc(this,Cc,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"3bae7c17b51cf2c03835ae90661f46209bcf251b",id:"kup-component",class:e},s("ul",{key:"99232d1e8c3a5eb2a4c3d4ca6f080ebb5e468b95",class:t,role:i,"aria-multiselectable":o},this.data.filter((t=>wc(this,zc,"m",Ec).call(this,t))).map((t=>wc(this,zc,"m",Dc).call(this,t,a++))))))}disconnectedCallback(){wc(this,Cc,"f").theme.unregister(this)}get rootElement(){return o(this)}};Cc=new WeakMap,jc=new WeakMap,Wc=new WeakMap,zc=new WeakSet,$c=function t(e){if(e!==null&&e!==undefined&&!isNaN(e)){const t=this.rootElement.shadowRoot.querySelectorAll(".list-item");const i=t[e].dataset.id;const s=this.data.find((t=>t.id===i));switch(this.roleType){case kt.GROUP:if(this.selected.includes(i)){this.selected.splice(this.selected.indexOf(i),1)}else{this.selected.push(i)}this.selected=new Array(...this.selected);break;default:this.selected=new Array(i);break}for(let t=0;t<this.data.length;t++){const e=this.data[t];e.selected=this.selected.includes(e.id)}this.kupClick.emit({comp:this,id:this.rootElement.id,selected:s,index:e})}},Oc=function t(){return this.rootElement.hasAttribute("nested-list")},Dc=function t(e,i){if(e.selected!=true){e.selected=false}if(!e.id){e.id=e.value}let n=null;if(e.children&&e.children.length>0){this.rootElement.setAttribute("nested-list","");n=s("kup-list",{class:"kup-paddingless",data:e.children,isMenu:true,menuVisible:true,"nested-list":true})}let o=undefined;if(this.showIcons==true&&e.icon!=null&&e.icon.trim()!=""){o=wc(this,zc,"m",Mc).call(this,e.icon,e.placeholderIcon)}let a=[se(e,this.displayMode," - ")];let r=[];if(this.twoLine&&e.secondaryText&&e.secondaryText!=""){a=[s("span",{class:"list-item__primary-text"},e.value)];r=[s("span",{class:"list-item__secondary-text"},e.secondaryText)]}let l="list-item";let h=e.selected==true?"0":"-1";if(!wc(this,zc,"m",Oc).call(this)&&e.selected==true&&wc(this,zc,"m",Pc).call(this)){l+=" list-item--selected"}if(this.focused===i){l+=" list-item--focused"}let c="option";let u=null;let p=e.selected==true?"true":"false";if(this.selectable!=true){p=null}let f=[o,s("span",{class:"list-item__text"},a,r)];if(wc(this,zc,"m",Ic).call(this)){c="radio";u=e.selected==true?"true":"false";let t=[{value:e.id,label:"",checked:e.selected==true?true:false}];let n={display:"none"};f=[s("span",{class:"list-item__graphic"},s("input",{type:"radio",style:n}),s("kup-radio",{data:t,id:this.rootElement.id+"_"+i,ref:t=>wc(this,jc,"f")[i]=t})),o,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},a,r)]}else if(wc(this,zc,"m",Sc).call(this)){c="checkbox";u=e.selected==true?"true":"false";let t=e.selected==true?true:false;let n={display:"none"};f=[s("span",{class:"list-item__graphic"},s("input",{type:"checkbox",style:n}),s(Nt,{checked:t})),o,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},a,r)]}const d=[];if(e.separator){d.push(s("li",{role:"separator",class:"list-divider"}))}d.push(s("li",{ref:t=>{wc(this,Wc,"f").push(t)},class:l,role:c,tabindex:h,"data-id":e.id,"aria-selected":p,"aria-checked":u,onBlur:!this.selectable?t=>t.stopPropagation():()=>this.onKupBlur(),onFocus:!this.selectable?t=>t.stopPropagation():()=>this.onKupFocus(),onClick:!this.selectable?t=>t.stopPropagation():wc(this,zc,"m",Oc).call(this)?t=>{t.stopPropagation();this.onKupClick(i)}:()=>this.onKupClick(i)},f,n?[s(jt,{resource:"chevron-right",sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"list-item__expand-icon"}),n]:null));return d},Mc=function t(e,i){const n=this.rootElement.classList.contains("kup-large");const o={color:`var(--kup-list-fimage-color, var(--kup-text-secondary))`,sizeX:n?"24px":"16px",sizeY:n?"24px":"16px"};return s(jt,Object.assign({},o,{resource:e,placeholderResource:i,wrapperClass:`icon-button__icon kup-icon`}))},Tc=function t(){return wc(this,zc,"m",Sc).call(this)},Sc=function t(){return this.roleType==kt.GROUP},Ic=function t(){return this.roleType==kt.RADIOGROUP},Pc=function t(){return this.roleType==kt.LISTBOX},Rc=function t(){if(!wc(this,zc,"m",Sc).call(this)&&!wc(this,zc,"m",Ic).call(this)){this.roleType=kt.LISTBOX}},Ec=function t(e){if(!this.filter){return true}return e.id.toLowerCase().indexOf(this.filter.toLowerCase())>=0||e.value.toLowerCase().indexOf(this.filter.toLowerCase())>=0};Nc.style=xc;var Lc;(function(t){t["centeredLabel"]="Displays the label in the middle of the progress bar. It's the default for the radial variant and can't be changed.";t["customStyle"]="Custom style of the component.";t["hideLabel"]="Flag to show or hide the progress bar's label.";t["icon"]="Specifies an icon to replace the label.";t["label"]="Specifies a text for the bar's label.";t["isRadial"]="Radial version.";t["value"]="The current value the progress bar must display."})(Lc||(Lc={}));const Fc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:var(--kup-progressbar-width, 100%)}";const Kc=Fc;const Ac=class{constructor(e){t(this,e);this.kupManager=a();this.centeredLabel=true;this.customStyle="";this.hideLabel=false;this.icon=null;this.label=null;this.isRadial=false;this.value=0}async getProps(t){return l(this,Lc,t)}async refresh(){i(this)}async setProps(t){h(this,Lc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&this.isRadial){let e=this.value*3.6+"deg";t.querySelector(".left-side").setAttribute("style","transform: rotate("+e+")")}this.kupManager.debug.logRender(this,true)}render(){const t={animated:this.rootElement.classList.contains("kup-animated")?true:false,danger:this.rootElement.classList.contains("kup-danger")?true:false,centeredLabel:this.centeredLabel,hideLabel:this.hideLabel,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,isRadial:this.isRadial,label:this.label,padded:this.rootElement.classList.contains("kup-padded")?true:false,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,slim:this.rootElement.classList.contains("kup-slim")?true:false,striped:this.rootElement.classList.contains("kup-striped")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false};return s(n,{key:"e3c06e76ae0949ef35813b14a4d4b43784319808"},s("style",{key:"6e289ac4babad7764256a5e8ba29b3b4d5634a99"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"42c5b25815ccfafd9cb8ea6767eeb60c14a1d6d4",id:Ct},s(vt,Object.assign({key:"313fb6a64d5408fad824feea27ffc400022b6fc1"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Ac.style=Kc;var Vc;(function(t){t["columns"]="Number of columns. When undefined, radio fields will be displayed inline.";t["customStyle"]="Custom style of the component.";t["data"]="List of elements.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["leadingLabel"]="Defaults at false. When set to true, the label will be on the left of the component."})(Vc||(Vc={}));const Hc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}.kup-radio-wrapper{display:grid;gap:var(--kup-space-03)}";const Bc=Hc;const Yc=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-radio-blur",6);this.kupChange=e(this,"kup-radio-change",6);this.kupFocus=e(this,"kup-radio-focus",6);this.kupManager=a();this.value="";this.columns=null;this.customStyle="";this.data=null;this.disabled=false;this.horizontal=false;this.label="";this.leadingLabel=false}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupChange(t){this.value=this.data[t].value;for(let e=0;e<this.data.length;e++){const i=this.data[e];if(e===t){i.checked=true}else{i.checked=false}}this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.refresh()}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,Vc,t)}async refresh(){i(this)}async setProps(t){h(this,Vc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(!this.data||this.data.length===0){return}const t={columns:this.columns,danger:this.rootElement.classList.contains("kup-danger")?true:false,data:this.data,disabled:this.disabled,info:this.rootElement.classList.contains("kup-info")?true:false,horizontal:this.rootElement.classList.contains("kup-horizontal")?true:false,leadingLabel:this.leadingLabel,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onFocus:()=>this.onKupFocus()};return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct,class:"kup-radio-wrapper"},s(xt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};Yc.style=Bc;var Xc;(function(t){t["customStyle"]="Custom style of the component.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["maxValue"]="Max number of stars (default 5)";t["value"]="Rated stars"})(Xc||(Xc={}));const Gc=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}";const Uc=Gc;const qc=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-rating-click",6);this.kupManager=a();this.customStyle="";this.disabled=false;this.maxValue=5;this.value=0}onKupClick(t){if(!this.disabled){this.value=t;this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.refresh()}}async getProps(t){return l(this,Xc,t)}async refresh(){i(this)}async setProps(t){h(this,Xc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,info:this.rootElement.classList.contains("kup-info")?true:false,maxValue:this.maxValue,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,success:this.rootElement.classList.contains("kup-success")?true:false,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false,onClick:t=>this.onKupClick(t)};return s(n,{key:"2adee9cf902e449ee58dc7b35533cea176c0ab0e"},s("style",{key:"197c45321da783719490d8080219b983c3c57a36"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"3f6177fdfafa5177bab3b746da259851b1e21f18",id:Ct},s(wt,Object.assign({key:"10eda3b2e76468b06f0fb002d534c9007054117a"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};qc.style=Uc;var Jc;(function(t){t["active"]="When set to true the spinner is animating.";t["barVariant"]="Defaults at false. When set to true, the component is disabled.";t["customStyle"]="Max number of stars (default 5)";t["dimensions"]="Width and height of the spinner. For the bar variant, only height.";t["fader"]="Places a blend modal over the wrapper to darken the view (or lighten, when the theme is dark).";t["faderTimeout"]='The time required for the "fader" to trigger.';t["fullScreen"]="When set to true the component will fill the whole viewport.";t["layout"]="Sets the layout of the spinner."})(Jc||(Jc={}));const Zc='.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_spinner_border_color:var(\n    --kup-spinner-border-color,\n    var(--kup-border-subtle)\n  );display:block}#loading-wrapper-master{background:transparent;opacity:0;overflow:hidden;transition:opacity 0.8s ease-in, background-color 1s ease-in;transform:translatez(0)}#loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner{width:100%;height:100%;position:relative}#loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner div{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:top 0.25s ease-in-out, opacity 0.25s ease-in-out}:host([active]) #loading-wrapper-master{opacity:1}:host([active]) #loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner{opacity:1;overflow:hidden}:host([active]) #loading-wrapper-master.bar-version>#loading-wrapper-master-bar{opacity:1}:host([active]) #loading-wrapper-master.bar-version>#loading-wrapper-master-bar div.spinner-bar-v2{animation:sk-spinner-bar-v2 20s;background-color:var(--kup-spinner-color);left:-1%}:host([active]) #loading-wrapper-master.loading-wrapper-big-wait{background:rgba(128, 128, 128, 0.25)}:host([active]) #loading-wrapper-master.loading-wrapper-big-wait>#loading-wrapper-master-spinner{font-size:10px}:host([full-screen]) #loading-wrapper-master{top:0;left:0;bottom:0;right:0;pointer-events:none;position:fixed;width:100%;z-index:9999}:host([full-screen]) #loading-wrapper-master div,:host([full-screen]) #loading-wrapper-master.spinner-version #loading-wrapper-master-spinner{position:fixed;transition:opacity 1.25s ease-in, background-color 1s ease-in, top 0.5s ease-in}.spinner-v1{border-top:1em solid var(--kup_spinner_border_color);border-right:1em solid var(--kup_spinner_border_color);border-bottom:1em solid var(--kup_spinner_border_color);border-left:1em solid var(--kup-spinner-color);transform:translatez(0);animation:sk-spinner-v1 1.1s infinite linear}.spinner-v1,.spinner-v1:after{border-radius:50%;width:7em;height:7em}@keyframes sk-spinner-v1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-v2,.spinner-v2:before,.spinner-v2:after{border-radius:50%;width:2em;height:2em;animation-fill-mode:both;animation:sk-spinner-v2 1.4s infinite ease-in-out;transform:translatez(0)}.spinner-v2{backface-visibility:hidden;color:var(--kup-spinner-color);font-size:1em;transform:translateY(-2.5em);animation-delay:-0.16s}.spinner-v2:before,.spinner-v2:after{content:"";position:absolute;top:0}.spinner-v2:before{left:-4em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner-v2:after{left:4em}@keyframes sk-spinner-v2{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.spinner-v3{color:var(--kup-spinner-color);font-size:6em;width:1em;height:1em;border-radius:50%;transform:translatez(0);animation:sk-spinner-v3 1.7s infinite ease, sk-spinner-v3-1 1.7s infinite ease}@keyframes sk-spinner-v3{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@keyframes sk-spinner-v3-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-v4{color:var(--kup-spinner-color);width:1em;height:1em;border-radius:50%;animation:sk-spinner-v4 1.3s infinite linear;transform:translatez(0)}@keyframes sk-spinner-v4{0%,100%{box-shadow:0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em}}.spinner-v5{margin-top:-0.8em;width:9em;height:9em;border-radius:50%;background:linear-gradient(to right, var(--kup-spinner-color) 10%, rgba(255, 255, 255, 0) 42%);animation:sk-spinner-v5 1.4s infinite linear;transform:translatez(0)}.spinner-v5:before{width:50%;height:50%;background:var(--kup-spinner-color);border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:""}.spinner-v5:after{background:var(--kup_spinner_border_color);width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@keyframes sk-spinner-v5{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-v6,.spinner-v6:before,.spinner-v6:after{background:var(--kup-spinner-color);animation:sk-spinner-v6 1s infinite ease-in-out;width:1em;height:4em}.spinner-v6{color:var(--kup-spinner-color);margin-top:2em;transform:translatez(0);animation-delay:-0.16s}.spinner-v6:before,.spinner-v6:after{position:absolute;top:0;content:""}.spinner-v6:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner-v6:after{left:1.5em}@keyframes sk-spinner-v6{0%,80%,100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.spinner-v7{width:6em;height:6em;position:relative;animation:sk-spinner-v7 2.5s infinite linear both}.sk-spinner-v7-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-spinner-v7-dot 2s infinite ease-in-out both}.sk-spinner-v7-dot:before{content:"";display:block;width:25%;height:25%;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v7-dot-before 2s infinite ease-in-out both}.sk-spinner-v7-dot:nth-child(1){animation-delay:-1.1s}.sk-spinner-v7-dot:nth-child(2){animation-delay:-1s}.sk-spinner-v7-dot:nth-child(3){animation-delay:-0.9s}.sk-spinner-v7-dot:nth-child(4){animation-delay:-0.8s}.sk-spinner-v7-dot:nth-child(5){animation-delay:-0.7s}.sk-spinner-v7-dot:nth-child(6){animation-delay:-0.6s}.sk-spinner-v7-dot:nth-child(1):before{animation-delay:-1.1s}.sk-spinner-v7-dot:nth-child(2):before{animation-delay:-1s}.sk-spinner-v7-dot:nth-child(3):before{animation-delay:-0.9s}.sk-spinner-v7-dot:nth-child(4):before{animation-delay:-0.8s}.sk-spinner-v7-dot:nth-child(5):before{animation-delay:-0.7s}.sk-spinner-v7-dot:nth-child(6):before{animation-delay:-0.6s}@keyframes sk-spinner-v7{100%{transform:rotate(360deg)}}@keyframes sk-spinner-v7-dot{80%,100%{transform:rotate(360deg)}}@keyframes sk-spinner-v7-dot-before{50%{transform:scale(0.4)}100%,0%{transform:scale(1)}}.spinner-v8{width:8em;height:8em;background-color:var(--kup-spinner-color);animation:sk-spinner-v8 1.2s infinite ease-in-out}@keyframes sk-spinner-v8{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner-v9{width:8em;height:8em;position:relative}.sk-spinner-v9-bounce1,.sk-spinner-v9-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--kup-spinner-color);opacity:0.6;position:absolute;top:0;left:0;animation:sk-spinner-v9 2s infinite ease-in-out}.sk-spinner-v9-bounce2{animation-delay:-1s}@keyframes sk-spinner-v9{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.spinner-v10{width:8em;height:8em;position:relative}.sk-spinner-v10-cube1,.sk-spinner-v10-cube2{backface-visibility:hidden;background-color:var(--kup-spinner-color);width:2em;height:2em;position:absolute;top:0;left:0;bottom:unset !important;right:unset !important;animation:sk-spinner-v10 1.8s infinite ease-in-out}.sk-spinner-v10-cube2{animation-delay:-0.9s}@keyframes sk-spinner-v10{25%{transform:translateX(5em) rotate(-90deg) scale(0.5)}50%{transform:translateX(5em) translateY(5em) rotate(-179deg)}50.1%{transform:translateX(5em) translateY(5em) rotate(-180deg)}75%{transform:translateX(0px) translateY(5em) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg)}}.spinner-v11{width:8em;height:8em;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v11 1s infinite ease-in-out}@keyframes sk-spinner-v11{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.spinner-v12{width:8em;height:8em;position:relative;text-align:center;animation:sk-spinner-v12 2s infinite linear}.sk-spinner-v12-dot1,.sk-spinner-v12-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0 !important;left:unset !important;bottom:unset !important;right:unset !important;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v12-1 2s infinite ease-in-out}.sk-spinner-v12-dot2{top:auto !important;bottom:0 !important;left:unset !important;right:unset !important;animation-delay:-1s}@keyframes sk-spinner-v12{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes sk-spinner-v12-1{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.spinner-v13{width:7em;height:7em}.spinner-v13 .sk-spinner-v13-cube{backface-visibility:hidden;background-color:var(--kup-spinner-color);float:left;height:33%;width:33%;position:relative !important;animation:sk-spinner-v13 1.3s infinite ease-in-out;outline:1px solid transparent}.spinner-v13 .sk-spinner-v13-cube1{animation-delay:0.2s}.spinner-v13 .sk-spinner-v13-cube2{animation-delay:0.3s}.spinner-v13 .sk-spinner-v13-cube3{animation-delay:0.4s}.spinner-v13 .sk-spinner-v13-cube4{animation-delay:0.1s}.spinner-v13 .sk-spinner-v13-cube5{animation-delay:0.2s}.spinner-v13 .sk-spinner-v13-cube6{animation-delay:0.3s}.spinner-v13 .sk-spinner-v13-cube7{animation-delay:0s}.spinner-v13 .sk-spinner-v13-cube8{animation-delay:0.1s}.spinner-v13 .sk-spinner-v13-cube9{animation-delay:0.2s}@keyframes sk-spinner-v13{0%,70%,100%{transform:scale3D(1, 1, 1)}35%{transform:scale3D(0, 0, 1)}}.spinner-v14{width:8em;height:8em;position:relative}.spinner-v14 .sk-spinner-v14-circle{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-v14 .sk-spinner-v14-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--kup-spinner-color);border-radius:100%;-webkit-animation:sk-spinner-v14-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-spinner-v14-circleFadeDelay 1.2s infinite ease-in-out both}.spinner-v14 .sk-spinner-v14-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner-v14 .sk-spinner-v14-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner-v14 .sk-spinner-v14-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner-v14 .sk-spinner-v14-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner-v14 .sk-spinner-v14-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner-v14 .sk-spinner-v14-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner-v14 .sk-spinner-v14-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner-v14 .sk-spinner-v14-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner-v14 .sk-spinner-v14-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner-v14 .sk-spinner-v14-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner-v14 .sk-spinner-v14-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.spinner-v14 .sk-spinner-v14-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner-v14 .sk-spinner-v14-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-v14 .sk-spinner-v14-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner-v14 .sk-spinner-v14-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.spinner-v14 .sk-spinner-v14-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.spinner-v14 .sk-spinner-v14-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.spinner-v14 .sk-spinner-v14-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.spinner-v14 .sk-spinner-v14-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.spinner-v14 .sk-spinner-v14-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.spinner-v14 .sk-spinner-v14-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.spinner-v14 .sk-spinner-v14-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@keyframes sk-spinner-v14-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}.spinner-bar-v1{height:1em;width:100%;position:absolute;overflow:hidden;transform:translatez(0)}.spinner-bar-v1:before{display:block;position:absolute;content:"";width:25%;height:1em;animation:sk-spinner-bar-v1 5s linear infinite;transform:translatez(0)}@keyframes sk-spinner-bar-v1{from{left:-25%;background:var(--kup-spinner-color);background:linear-gradient(to left, var(--kup-spinner-color) 0, rgba(255, 255, 255, 0) 100%)}50%{left:100%}to{left:-25%;background:var(--kup-spinner-color);background:linear-gradient(to right, var(--kup-spinner-color) 0, rgba(255, 255, 255, 0) 100%)}}.spinner-bar-v2{box-shadow:-1px 0px 2px 2px var(--kup-spinner-color);height:calc(1em - 2px);position:absolute;overflow:hidden;animation-timing-function:cubic-bezier(0.19, 0.78, 0.19, 0.78);transform:translatez(0);animation:none;width:100%}@keyframes sk-spinner-bar-v2{from{left:-100%}to{left:-1%}}:host(.kup-unclickable) #loading-wrapper-master{cursor:wait;pointer-events:all}';const Qc=Zc;const tu=class{constructor(i){t(this,i);this.kupSpinnerReady=e(this,"kup-spinner-ready",6);this.kupManager=a();this.active=false;this.barVariant=false;this.customStyle="";this.dimensions=null;this.fader=false;this.faderTimeout=3500;this.fullScreen=false;this.layout=1}async getProps(t){return l(this,Jc,t)}async refresh(){i(this)}async setProps(t){h(this,Jc,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupSpinnerReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentDidUpdate(){const t=this.rootElement.shadowRoot;if(t){t.querySelector("#loading-wrapper-master").classList.remove("loading-wrapper-big-wait")}}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){if(this.fader){setTimeout((function(){t.querySelector("#loading-wrapper-master").classList.add("loading-wrapper-big-wait")}),this.faderTimeout)}}this.kupManager.debug.logRender(this,true)}render(){let t="";let e="";let i="";let o="";let a=undefined;if(this.barVariant){t+=" bar-version";e="loading-wrapper-master-bar";i="spinner-bar-v"+this.layout}else{t+=" spinner-version";e="loading-wrapper-master-spinner";i="spinner-v"+this.layout;if(this.layout===7){o=[s("div",{key:"319748b1e89ed9ca97753b731739501c831eedc7",class:"sk-spinner-v7-dot"}),s("div",{key:"e5a6989bd7271d98ba67804d9ebb6795d21fc83b",class:"sk-spinner-v7-dot"}),s("div",{key:"f68f6b9329f5cae26f86822ef042ca0d4d6655ff",class:"sk-spinner-v7-dot"}),s("div",{key:"8cae8a10801ebe54b7ee7073c11cfa386b238315",class:"sk-spinner-v7-dot"}),s("div",{key:"3f99a040afaf04bf5604c7e8d330283741061aab",class:"sk-spinner-v7-dot"}),s("div",{key:"a30ea5864ac810e89087fe818e3b747d92548dfe",class:"sk-spinner-v7-dot"})]}if(this.layout===9){o=[s("div",{key:"a67e65cdcb6a4f116b780aafce5ee9237851b5ec",class:"sk-spinner-v9-bounce1"}),s("div",{key:"df40c7cd01fcb634e90116e538fd69d25ff0904f",class:"sk-spinner-v9-bounce2"})]}if(this.layout===10){o=[s("div",{key:"272293caeb06ad0249ca81e13aa2e499da470c4e",class:"sk-spinner-v10-cube1"}),s("div",{key:"a3dab461bf324d6efe7b5e93c44f84fc9ae42b8e",class:"sk-spinner-v10-cube2"})]}if(this.layout===12){o=[s("div",{key:"e5f099e08b40f8761110dcb75b9581b881b675cd",class:"sk-spinner-v12-dot1"}),s("div",{key:"4662ce0cbf915710cc1ccec88258e9d7a53d1259",class:"sk-spinner-v12-dot2"})]}if(this.layout===13){o=[s("div",{key:"06e2b69e4e6c4ad6bd6ef2badc65e6439fdf5338",class:"sk-spinner-v13-cube sk-spinner-v13-cube1"}),s("div",{key:"ed5f65bc6f2b01e1336f718a64a996dd18b9662f",class:"sk-spinner-v13-cube sk-spinner-v13-cube2"}),s("div",{key:"1607009ed6abfb69f65ea45b9e226c607e4bbdd4",class:"sk-spinner-v13-cube sk-spinner-v13-cube3"}),s("div",{key:"57246423f90b72901b7757b3ec977bb8e6d2eb79",class:"sk-spinner-v13-cube sk-spinner-v13-cube4"}),s("div",{key:"edc1a08550d6a6b03aa16f43b5eedf172985482a",class:"sk-spinner-v13-cube sk-spinner-v13-cube5"}),s("div",{key:"b16472b5f045b46b6afdc73a0017df3f1e1cd9c8",class:"sk-spinner-v13-cube sk-spinner-v13-cube6"}),s("div",{key:"4500286f354714f3f4b7a47e0b1c7d4745657f33",class:"sk-spinner-v13-cube sk-spinner-v13-cube7"}),s("div",{key:"7db58743d8d1467f0b7ca80d909b9d4d3e3faf45",class:"sk-spinner-v13-cube sk-spinner-v13-cube8"}),s("div",{key:"35d8cf63ae232587895655b57cb129d090e4bff3",class:"sk-spinner-v13-cube sk-spinner-v13-cube9"})]}if(this.layout===14){o=[s("div",{key:"dd141c7e4f1fdb4fc6fa3d7089f8536444624035",class:"sk-spinner-v14-circle1 sk-spinner-v14-circle"}),s("div",{key:"c4d7de60dc0060c8b00d8b65a86665f25356bc4f",class:"sk-spinner-v14-circle2 sk-spinner-v14-circle"}),s("div",{key:"bae95b0d673831db4e29c7a8d0e35b51d9624beb",class:"sk-spinner-v14-circle3 sk-spinner-v14-circle"}),s("div",{key:"2c86c4bc9d624fb72adec1f81dd8a7c8eb060eb6",class:"sk-spinner-v14-circle4 sk-spinner-v14-circle"}),s("div",{key:"9d02363fc2017e91e7adacf8d2f962fd0c997e9a",class:"sk-spinner-v14-circle5 sk-spinner-v14-circle"}),s("div",{key:"a81b258e7c0a60af6a849a01aef4d09121eb6098",class:"sk-spinner-v14-circle6 sk-spinner-v14-circle"}),s("div",{key:"902a328174764556fece93001fca0dc298f49128",class:"sk-spinner-v14-circle7 sk-spinner-v14-circle"}),s("div",{key:"894373a35174127ddd30be87ea9b7d6b8f33bb66",class:"sk-spinner-v14-circle8 sk-spinner-v14-circle"}),s("div",{key:"ec0e4c7d9b4a60cf119e22e7078d9bb2368c7256",class:"sk-spinner-v14-circle9 sk-spinner-v14-circle"}),s("div",{key:"338890e7439a1e79564a22cd66966d6a43380459",class:"sk-spinner-v14-circle10 sk-spinner-v14-circle"}),s("div",{key:"150ced721abd08e0a7fc936fedf407f36324770b",class:"sk-spinner-v14-circle11 sk-spinner-v14-circle"}),s("div",{key:"b9a29bd00dbcbc7f6d9eff5f470c50863c8eebce",class:"sk-spinner-v14-circle12 sk-spinner-v14-circle"})]}}if(!this.fullScreen){a={height:"100%",width:"100%"}}if(this.dimensions){a=Object.assign(Object.assign({},a),{fontSize:this.dimensions})}else if(!this.barVariant){a=Object.assign(Object.assign({},a),{fontSize:"16px"})}else{a=Object.assign(Object.assign({},a),{fontSize:"3px"})}return s(n,{key:"adbcca1c8880afe2caa33ec08393ba7affbbcb18",style:a},s("style",{key:"cf79ff4fa4d59088ecbccd4ada6d74c5e350c3a8"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"620dc3a0ef88b1bef1ba51f3a7d33669838ec387",id:Ct,style:a},s("div",{key:"10335d681f979b5af2deb56efc65dab3bdeb042a",id:"loading-wrapper-master",class:t,style:a},s("div",{key:"d756e0a0921f5cefc3a0e151c41ff6a94cea9763",id:e,style:a},s("div",{key:"8c8d1a2e8ef8630eb7156741d806217544bd114f",class:i},o)))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets"]}get rootElement(){return o(this)}};tu.style=Qc;var eu;(function(t){t["checked"]="Defaults at false. When set to true, the component will be set to 'checked'.";t["customStyle"]="Custom style of the component.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["label"]="Defaults at null. When specified, its content will be shown as a label.";t["leadingLabel"]="Defaults at false. When set to true, the label will be on the left of the component."})(eu||(eu={}));const iu=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}";const su=iu;const nu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-switch-blur",6);this.kupChange=e(this,"kup-switch-change",6);this.kupFocus=e(this,"kup-switch-focus",6);this.kupManager=a();this.value="";this.checked=false;this.customStyle="";this.disabled=false;this.label=null;this.leadingLabel=false;this.sizing=_t.MEDIUM}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(){if(this.checked){this.checked=false;this.value="off"}else{this.checked=true;this.value="on"}this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}async getProps(t){return l(this,eu,t)}async refresh(){i(this)}async setProps(t){h(this,eu,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.checked){this.value="on"}else{this.value="off"}}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){let t={checked:this.checked,danger:this.rootElement.classList.contains("kup-danger")?true:false,disabled:this.disabled,info:this.rootElement.classList.contains("kup-info")?true:false,label:this.label,leadingLabel:this.leadingLabel,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,sizing:this.sizing,success:this.rootElement.classList.contains("kup-success")?true:false,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(n,{key:"5447820fb19f5a680dfcff7b3c99161260eb1231"},s("style",{key:"8ae94eb7a3e6b898f1411e964c82500ca504318a"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"92d0b8bd82c537ef4cfa0a59bdd904d93732fbe9",id:Ct},s(zt,Object.assign({key:"0659ccebffac77791cee6eb8c044c9cdce708c84"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};nu.style=su;var ou;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="List of elements.";t["ripple"]="When enabled displays Material's ripple effect on item headers.";t["toolbar"]="when true, it will show the toolbar activation icon"})(ou||(ou={}));const au=".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_tabindicator_border_bottom_color:var(\n    --kup-tab-indicator-border-bottom-color,\n    var(--kup-layer-2)\n  );--kup_tabindicator_border_bottom_color_active:var(\n    --kup-tabindicator-border-bottom-color-active,\n    var(--kup-border-interactive)\n  );--kup_tabbar_text_color:var(\n    --kup-tabbar-text-color,\n    var(--kup-text-secondary)\n  );--kup_tabbar_text_color_active:var(\n    --kup-tabbar-text-color-active,\n    var(--kup-text-primary)\n  );--kup_tabbar_border_color_dense:var(\n    --kup-tabbar-border-color-dense,\n    var(--kup-border-strong)\n  );--kup_tabbar_font_size:var(--kup-tabbar-font-size, var(--kup-font-size));--kup_tabbar_font_weight:var(--kup-tabbar-font-weight, 500);--kup_tabbar_height:var(--kup-tabbar-height, 36px);--kup_tabbar_tab_padding:var(\n    --kup-tabbar-tab-padding,\n    0 var(--kup-space-05)\n  );display:block;font-size:var(--kup_tabbar_font_size)}.tab-bar{width:100%}.tab-bar .tab-scroller{height:var(--kup_tabbar_height);overflow-y:hidden}.tab-bar .tab-scroller .tab-scroller__scroll-area{display:flex;overflow-x:hidden;overflow:auto}.tab-bar .tab-scroller .tab-scroller__scroll-area .tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform;gap:2px}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);position:relative;display:flex;box-sizing:border-box;gap:8px;margin:0px;border:none;flex:1 0;outline:2px solid transparent;outline-offset:-2px;background:none;text-align:left;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height)}.tab-bar .tab-scroller .tab:focus{outline:2px solid var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px;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}.tab-bar .tab-scroller .tab .tab__icon .f-image__icon{background:var(--kup_tabbar_text_color) !important}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab:hover .tab-indicator .tab-indicator__content--underline{--kup_tabindicator_border_bottom_color:var(--kup-border-strong)}.tab-bar .tab-scroller .tab.tab--active .tab__iconToolbar{opacity:0.3}.tab-bar .tab-scroller .tab.tab--active:hover .tab__iconToolbar:hover{opacity:1;background-color:var(--kup-gray-color-20-hover)}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__text-label{transition-delay:100ms;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.tab-bar .tab-scroller .tab[disabled]{--kup_tabindicator_border_bottom_color:var(--kup-border-disabled);--kup_tabbar_text_color:var(--kup-text-disabled);pointer-events:none}.tab-bar .tab-scroller .tab.kup-dense{background:var(--kup-layer-2);border-right:1px solid var(--kup_tabbar_border_color_dense)}.tab-bar .tab-scroller .tab.kup-dense.tab--active{background:var(--kup-layer-2-selected)}.tab-bar .tab-scroller .tab.kup-dense:hover{background:var(--kup-layer-2-hover)}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator{height:2px;border-color:transparent}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator--active .tab-indicator__content{border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab__content{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;height:inherit;pointer-events:none;gap:var(--kup-space-03)}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:16px;height:16px;font-size:16px;z-index:2;margin:0}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{height:16px;width:16px}.tab-bar .tab-scroller .tab__content .tab__text-label{transition:color 150ms linear 0s;display:inline-block;line-height:1;z-index:2;color:var(--kup_tabbar_text_color);min-width:auto}@media screen and (min-width: 678px){.tab-bar .tab-scroller .tab__content .tab__text-label{min-width:150px}}.tab-bar .tab-scroller .tab__iconToolbar{opacity:0}.tab-bar .tab-scroller .tab-indicator{display:flex;position:absolute;top:0px;left:0px;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.tab-bar .tab-scroller .tab-indicator.tab-indicator--active .tab-indicator__content{opacity:1;border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{transform-origin:left center}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content.tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid;border-top-width:2px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;color:var(--kup_tabindicator_border_bottom_color)}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_tabbar_primary_color)}";const ru=au;var lu=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(t,i):n?n.value=i:e.set(t,i),i};var hu=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var cu,uu;const pu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-tabbar-blur",6);this.kupClick=e(this,"kup-tabbar-click",6);this.kupIconClick=e(this,"kup-tabbar-iconclick",6);this.kupFocus=e(this,"kup-tabbar-focus",6);this.kupItemClick=e(this,"kup-tabbar-itemclick",6);this.kupManager=a();cu.set(this,null);this.scrollArea=null;uu.set(this,null);this.value="";this.customStyle="";this.data=null;this.dense=false;this.ripple=false;this.toolbar=true;this.toolbarData=undefined}onKupBlur(t,e){this.kupBlur.emit({comp:this,id:this.rootElement.id,index:t,node:e})}onKupClick(t,e){for(let t=0;t<this.data.length;t++){this.data[t].active=false}this.data[t].active=true;this.value=e.id;this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,node:e})}onKupIconClick(t,e,i){lu(this,uu,i,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:e});this.createDropDownToolbarList()}onKupFocus(t,e){this.kupFocus.emit({comp:this,id:this.rootElement.id,index:t,node:e})}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}applyRipple(){const t=this.rootElement.shadowRoot;if(t&&this.ripple){const e=t.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(e){for(let t=0;t<e.length;t++){Et.attachTo(e[t])}}}}async getProps(t){return l(this,ou,t)}async getSelectedNode(){let t=null;this.data.forEach((e=>{if(e.id===this.value){t=e}}));return t}async refresh(){i(this)}async setProps(t){h(this,ou,t)}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(hu(this,cu,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;lu(this,cu,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(hu(this,cu,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,hu(this,uu,"f"),0,u.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}consistencyCheck(){let t=0;let e=0;if(this.data&&this.data.length>0){for(let i=0;i<this.data.length;i++){if(this.data[i].active){t++;e=i}this.data[i].active=false}if(t>1){this.data[e].active=true;this.value=this.data[e].id;this.kupManager.debug.logMessage(this,"Too many active tabs, forcing last one.",f.WARNING)}else if(t===0){this.data[0].active=true;this.value=this.data[0].id;this.kupManager.debug.logMessage(this,"No active tabs detected, forcing first one.")}else{this.data[e].active=true;this.value=this.data[e].id}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.consistencyCheck()}componentDidLoad(){this.kupManager.scrollOnHover.register(this.scrollArea);this.applyRipple();this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(!this.data||this.data.length===0){return}const t=[];for(let e=0;e<this.data.length;e++){const i=this.data[e];const n={tab:true,"tab--active":i.active?true:false,"mdc-ripple-surface":this.ripple?true:false,"kup-dense":this.dense};const o=s("f-button",{class:n,role:"tab","aria-selected":this.data[e].active?true:false,tabIndex:e,title:i.title?i.title:null,onBlur:()=>this.onKupBlur(e,i),onClick:()=>this.onKupClick(e,i),onFocus:()=>this.onKupFocus(e,i)},s("span",{class:"tab__content"},i.icon?s(jt,{color:`var(${p.PRIMARY})`,resource:i.icon,placeholderResource:i.placeholderIcon,sizeX:"24px",sizeY:"24px",wrapperClass:"tab__icon"}):null,i.value?s("span",{class:"tab__text-label"},this.data[e].value):null),this.toolbar&&s(jt,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:t=>{t.stopPropagation();this.onKupIconClick(e,i,t.currentTarget)},wrapperClass:"tab__iconToolbar"}),s("span",{class:`tab-indicator ${i.active?" tab-indicator--active":""}`},s("span",{class:"tab-indicator__content tab-indicator__content--underline"})));t.push(o)}return s(n,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:Ct},s("div",{class:"tab-bar",role:"tablist"},s("div",{class:"tab-scroller"},s("div",{class:"tab-scroller__scroll-area",ref:t=>this.scrollArea=t},s("div",{class:"tab-scroller__scroll-content"},t))))))}disconnectedCallback(){this.kupManager.scrollOnHover.unregister(this.scrollArea);this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{ripple:["applyRipple"]}}};cu=new WeakMap,uu=new WeakMap;pu.style=ru;var fu;(function(t){t["allowNegative"]="When true, could be input negative numbers. It has effect only with number input type.";t["customStyle"]="Custom style of the component.";t["decimals"]="Number of decimals (should be used when inputType is number).";t["disabled"]="When set to true, the component is disabled.";t["emitSubmitEventOnEnter"]="When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.";t["fullWidth"]="When set to true, the component will be rendered at full width.";t["group"]="When true, the number will be formatted with group separator. It has effect only with number input type.";t["helper"]="When set, its content will be shown as a help text below the field.";t["helperEnabled"]="When true, the helper will be displayed.";t["helperWhenFocused"]="When set, the helper will be shown only when the field is focused.";t["hiddenCounter"]="Hides the character counter.";t["icon"]="When set, the text-field will show this icon.";t["initialValue"]="Sets the initial value of the component";t["inputMode"]="The HTML inputmode of the input element. It has no effect on text areas.";t["inputType"]="The HTML type of the input element. It has no effect on text areas.";t["integers"]="Number of integers (should be used when inputType is number).";t["isClearable"]="Enables a clear trailing icon.";t["label"]="When set, its content will be shown as a label.";t["leadingLabel"]="When set to true, the label will be on the left of the component.";t["max"]="The HTML max attribute specifies the maximum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week.";t["maxLength"]="When set, the helper will display a character counter.";t["min"]="The HTML min attribute specifies the minimum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week.";t["name"]="The HTML name attribute used for form autocomplete.";t["outlined"]="When set to true, the component will be rendered as an outlined field.";t["readOnly"]="Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.";t["size"]="The HTML attribute size of the input element.";t["step"]="The HTML step of the input element. It has effect only with number input type.";t["textArea"]="When set to true, the component will be rendered as a textarea.";t["trailingIcon"]="When set, the icon will be shown after the text.";t["trailingLabel"]="When set to true, the label will be on the right of the component."})(fu||(fu={}));const du=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}:host([full-width]){width:100%}:host([full-width]) #kup-component{width:100%}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{width:28px}";const mu=du;var gu=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var bu,ku,yu;const vu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-textfield-blur",6);this.kupChange=e(this,"kup-textfield-change",6);this.kupClick=e(this,"kup-textfield-click",6);this.kupFocus=e(this,"kup-textfield-focus",6);this.kupInput=e(this,"kup-textfield-input",6);this.kupIconClick=e(this,"kup-textfield-iconclick",6);this.kupClearIconClick=e(this,"kup-textfield-cleariconclick",6);this.kupTextFieldSubmit=e(this,"kup-textfield-submit",6);this.kupMinusClick=e(this,"kup-textfield-minusclick",6);this.kupPlusClick=e(this,"kup-textfield-plusclick",6);bu.add(this);this.kupManager=a();this.value="";this.alert="";this.allowNegative=false;this.customStyle="";this.decimals=null;this.disabled=false;this.emitSubmitEventOnEnter=true;this.error="";this.fullWidth=false;this.group=false;this.helper=null;this.helperIcon=false;this.helperEnabled=true;this.helperWhenFocused=false;this.hiddenCounter=false;this.icon=null;this.initialValue="";this.inputMode=null;this.inputType="text";this.integers=null;this.isClearable=false;this.label=null;this.lightMode=false;this.leadingLabel=false;this.max=null;this.maxLength=null;this.min=null;this.name=null;this.outlined=false;this.placeholder="";this.quantityButtons=false;this.readOnly=false;this.size=null;this.sizing=r.MEDIUM;this.step=null;this.textArea=false;this.trailingIcon=false;this.trailingLabel=false}onKupBlur(t){const{target:e}=t;gu(this,bu,"m",yu).call(this,e);this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(t){const{target:e}=t;gu(this,bu,"m",yu).call(this,e);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupClick(t){const{target:e}=t;gu(this,bu,"m",yu).call(this,e);this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(t){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){const{target:e}=t;this.kupInput.emit({comp:this,id:this.rootElement.id,value:e.value})}onKupIconClick(t){const{target:e}=t;this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:e.value})}onKupClearIconClick(){this.value="";this.inputEl.value="";this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKeyDown(t){const{target:e}=t;if(t.key==="Enter"){if(this.emitSubmitEventOnEnter==true){gu(this,bu,"m",yu).call(this,e);this.kupTextFieldSubmit.emit({comp:this,id:this.rootElement.id,value:this.value})}}}onKupMinusClick(t){const e=Number(this.value)-1;this.value=e.toString();this.kupMinusClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupPlusClick(t){const e=Number(this.value)+1;this.value=e.toString();this.kupMinusClick.emit({comp:this,id:this.rootElement.id,value:this.value})}async getProps(t){return l(this,fu,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){this.inputEl.focus()}async setProps(t){h(this,fu,t)}async setValue(t,e=false){this.value=t;if(e){this.inputEl.value=t}else{try{this.inputEl.value=gu(this,bu,"m",ku).call(this)}catch(e){this.kupManager.debug.logMessage(this,"Couldn't set value on input element: '"+t+"'",f.WARNING)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){const t=e.querySelector(".mdc-text-field__input");if(t){this.inputEl=t}mt(e)}}this.kupManager.debug.logRender(this,true)}render(){const t={alert:this.alert,allowNegative:this.allowNegative,danger:this.rootElement.classList.contains("kup-danger")?true:false,decimals:this.decimals,disabled:this.disabled,error:this.error,fullHeight:this.rootElement.classList.contains("kup-full-height")?true:false,fullWidth:this.fullWidth,group:this.group,helper:this.helper,helperIcon:this.helperIcon,helperEnabled:this.helperEnabled,helperWhenFocused:this.helperWhenFocused,hiddenCounter:this.hiddenCounter,icon:this.icon,info:this.rootElement.classList.contains("kup-info")?true:false,inputMode:this.inputMode,inputType:this.inputType,integers:this.integers,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,lightMode:this.lightMode,max:this.max,maxLength:this.maxLength,min:this.min,name:this.name,outlined:this.outlined,placeholder:this.placeholder,quantityButtons:this.quantityButtons,readOnly:this.readOnly,secondary:this.rootElement.classList.contains("kup-secondary")?true:false,shaped:this.rootElement.classList.contains("kup-shaped")?true:false,size:this.size,sizing:this.sizing,step:this.step,success:this.rootElement.classList.contains("kup-success")?true:false,textArea:this.textArea,trailingIcon:this.trailingIcon,trailingLabel:this.trailingLabel,value:this.value,warning:this.rootElement.classList.contains("kup-warning")?true:false,onBlur:t=>this.onKupBlur(t),onChange:t=>this.onKupChange(t),onClick:t=>this.onKupClick(t),onFocus:t=>this.onKupFocus(t),onInput:t=>this.onKupInput(t),onKeyDown:t=>this.onKeyDown(t),onIconClick:t=>this.onKupIconClick(t),onClearIconClick:()=>this.onKupClearIconClick(),onMinusClick:t=>this.onKupMinusClick(t),onPlusClick:t=>this.onKupPlusClick(t)};return s(n,{key:"ef9922ac8e5f601b389f3418f7c32a87d10c5eea"},s("style",{key:"0d23aa236957344049705f13349c06d2b1266c58"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"0b39593b79cc457eb5e84c785c763aa7de26afff",id:Ct},s(dt,Object.assign({key:"6f6ffefda3a601a8207509caea016d90a1a1d286"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};bu=new WeakSet,ku=function t(){if(this.value==null||this.value.trim()==""){return""}let e=this.kupManager.math.numberStringToFormattedString(this.value,this.decimals,"");return e},yu=function t(e){if(this.inputType=="number"){this.value=this.kupManager.math.formattedStringToNumberString(e.value,"")}else{this.value=e.value}};vu.style=mu;var xu;(function(t){t["clockVariant"]="When set to true, the drop down menu will display a clock.";t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components (time input text field)";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["manageSeconds"]="Manage seconds";t["timeMinutesStep"]="Minutes step"})(xu||(xu={}));const wu=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}#time-picker-div{display:none;outline:none;position:absolute;z-index:1}#time-picker-div.visible{display:block}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb);--kup-list-primary-color:var(--kup-danger-color);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb);--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb);--kup-list-primary-color:var(--kup-success-color);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb);--kup-list-primary-color:var(--kup-warning-color-50);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";const _u=wu;const zu=class{constructor(i){t(this,i);this.kupBlur=e(this,"kup-timepicker-blur",6);this.kupChange=e(this,"kup-timepicker-change",6);this.kupClick=e(this,"kup-timepicker-click",6);this.kupFocus=e(this,"kup-timepicker-focus",6);this.kupInput=e(this,"kup-timepicker-input",6);this.kupIconClick=e(this,"kup-timepicker-iconclick",6);this.kupItemClick=e(this,"kup-timepicker-itemclick",6);this.kupTextFieldSubmit=e(this,"kup-timepicker-textfieldsubmit",6);this.kupClearIconClick=e(this,"kup-timepicker-cleariconclick",6);this.kupManager=a();this.hoursActive=true;this.minutesActive=false;this.secondsActive=false;this.textFieldContainerEl=undefined;this.textfieldEl=undefined;this.pickerKupEl=undefined;this.clickCb=null;this.value="";this.clockVariant=true;this.customStyle="";this.data={};this.disabled=false;this.initialValue="";this.manageSeconds=false;this.timeMinutesStep=10}onKupTimePickerItemClick(t,e){if(t!=null){if(e==null){e=t.detail.selected.id}}this.setPickerValueSelected(e);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.closePicker();this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput)}onKupTextFieldSubmit(t){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.onKupTimePickerItemClick(null)}}}watchTimeMinutesStep(){if(this.clockVariant){return}if(this.timeMinutesStep<=0){this.kupManager.debug.logMessage(this,"property time-minutes-step=["+this.timeMinutesStep+"] not allowed: it must be > 0 and divisor of 60",f.WARNING);this.timeMinutesStep=10;return}let t=60%this.timeMinutesStep;if(t!=0){this.kupManager.debug.logMessage(this,"property time-minutes-step=["+this.timeMinutesStep+"] not allowed: it must be > 0 and divisor of 60",f.WARNING);this.timeMinutesStep=10;return}}async getProps(t){return l(this,xu,t)}async getValue(){return this.value}async refresh(){i(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setProps(t){h(this,xu,t)}async setValue(t){this.value=t}getFormattedValue(t){return this.kupManager.dates.formattedStringToCustomDateTime(t,this.manageSeconds?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds)}refreshPickerValue(t,e){let i=null;if(this.kupManager.dates.isValidFormattedStringTime(t,this.manageSeconds)){this.value=t;i=this.value}if(i!=null){e.emit({comp:this,id:this.rootElement.id,value:i})}}setPickerValueSelected(t){if(!this.isPickerOpened()){return}if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.value=t}getPickerValueSelected(){return this.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.pickerKupEl.style;t.height="auto";t.minWidth=this.textFieldContainerEl.clientWidth+"px";this.pickerKupEl.menuVisible=true;if(this.textfieldEl!=null){this.textfieldEl.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerKupEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerKupEl,this.textFieldContainerEl)}else{this.kupManager.dynamicPosition.register(this.pickerKupEl,this.textFieldContainerEl,0,u.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerKupEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerKupEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.pickerKupEl.menuVisible=false;this.kupManager.removeClickCallback(this.clickCb);let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerKupEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerKupEl);this.kupManager.removeClickCallback(this.clickCb)}isPickerOpened(){return this.pickerKupEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}getPickerElId(){return this.pickerKupEl.id}prepTextfield(t){const e=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const n=Object.assign({},this.data["kup-text-field"]);if(!n.icon){n.icon="access_time"}if(n.icon){n.trailingIcon=true}let o=s(dt,Object.assign({},n,{disabled:this.disabled,fullHeight:e,fullWidth:i,id:this.rootElement.id+"_text-field",value:t,onChange:t=>this.onKupChange(t),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onInput:t=>this.onKupInput(t),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onKupTextFieldSubmit(t),onClearIconClick:()=>this.onKupClearIconClick()}),this.prepTimePicker());return o}isRelatedTargetInThisComponent(t){if(!t.relatedTarget){return false}let e=t.relatedTarget.id;if(e==null||e.trim()==""){return false}if(e==this.getTextFieldId()){return true}if(e==this.getPickerElId()){return true}let i="#time-picker-div#confirm#";return i.indexOf("#"+e+"#")>=0}prepTimePicker(){if(this.clockVariant){const t={options:{initialValue:this.value,manageSeconds:this.manageSeconds,hoursActive:this.hoursActive,minutesActive:this.minutesActive,secondsActive:this.secondsActive}};return s("kup-card",{ref:t=>this.pickerKupEl=t,data:t,layoutFamily:j.BUILT_IN,layoutNumber:2,sizeX:"300px",sizeY:"450px",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null&&t.detail.value!="")this.onKupTimePickerItemClick(t,t.detail.value)}})}else{return s("kup-list",{ref:t=>this.pickerKupEl=t,data:this.createTimeListData(this.value),"is-menu":true,"onkup-list-click":t=>this.onKupTimePickerItemClick(t,t.detail.selected.id),id:this.rootElement.id+"_list"})}}createTimeListData(t){const e=new Date;const i=[];const s=24*60;const n=s/this.timeMinutesStep;let o;if(t==null||t.trim()==""){o=new Date}else{o=this.kupManager.dates.toDate(t,this.manageSeconds?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS)}e.setHours(0,0,0);for(let t=0;t<n;t++){let t=false;if(e.getHours()==o.getHours()&&e.getMinutes()==o.getMinutes()){t=true}const s=this.kupManager.dates.formatTime(e,this.manageSeconds);const n=this.kupManager.dates.formattedStringToCustomDateTime(s,this.manageSeconds?Mt.ISO_TIME:Mt.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds);let a={id:n,selected:t,value:s};i[i.length]=a;e.setMinutes(e.getMinutes()+this.timeMinutesStep)}return i}getTimeForOutput(){if(this.value==null||this.value.trim()==""){return""}let t=this.kupManager.dates.timeStringToFormattedString(this.value,this.manageSeconds);return t}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.watchTimeMinutesStep();this.value=this.initialValue;if(!this.data){this.data={"kup-list":{},"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelector(".f-text-field");if(e){this.textFieldContainerEl=e;this.textfieldEl=e.querySelector("input");mt(e)}}this.kupManager.debug.logRender(this,true)}render(){return s(n,{key:"f87fdf8f8638f7f75dd5bc5f3cc67acddf30972e"},s("style",{key:"6d393b2ab39ec255e7aeea9074e527fce3b043a2"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"b7c5706e2894f218bcb27f5fb63be94ce9a4094c",id:Ct},this.prepTextfield(this.getTimeForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerKupEl){this.pickerKupEl.remove()}}get rootElement(){return o(this)}static get watchers(){return{timeMinutesStep:["watchTimeMinutesStep"]}}};zu.style=_u;class Cu{constructor(){this.density="small";this.globalFilter=false;this.globalFilterValue="";this.showFilters=false;this.showFooter=false;this.filters={};this.load=false}toDebugString(){return"tree state"}}function ju(t){var e;return(((e=t.children)===null||e===void 0?void 0:e.length)>0||t.expandable)&&t.expandable!==false}class Wu extends Ft{filterRows(t=[],e={},i="",s=[],n){if(!t||t==null){return[]}const o=!!(i&&s);if(!o&&!this.hasFilters(e,s,n)){this.setAllVisible(t);return t}for(let a=0;a<t.length;a++){if(this.setNodeVisibility(t[a],e,i,o,s,n));}return t}isNodeCompliant(t,e={},i="",s=false,n=[],o){let a=false;if(t.cells!=null){let r=t.cells;r[Ut]={obj:t.obj,value:t.value};a=this.areCellsCompliant(r,e,i,s,n,o)}if(s==true){a=this.isFilterCompliantForValue(t.value,i)}return a}setNodeVisibility(t,e={},i,s=false,n=[],o){if(o==null){o=new Lt}let a=this.isNodeCompliant(t,e,i,s,n,o);if(t.disabled!=true&&t.expandable==true){if(a==true&&s){this.setAllVisible(t.children)}else{if(t.children){for(let r=0;r<t.children.length;r++){if(this.setNodeVisibility(t.children[r],e,i,s,n,o)){this.expandCollapseNode(t,true);a=true}}}}}t.visible=a;return a}setAllVisible(t){if(t){t.forEach((t=>{t.visible=true;this.setAllVisible(t.children)}))}}extractColumnValues(t,e,i,s){if(t==null||t.length==0){return}t.forEach((t=>{let n=t.cells;n[Ut]={obj:t.obj,value:t.value};if(t.visible){pt(i,e,n[e.name],s);this.extractColumnValues(t.children,e,i,s)}}));return i}expandCollapseNode(t,e=false){if(ju(t)){t.isExpanded=t.hasOwnProperty("isExpanded")?t.isExpanded||e:e}}expandCollapseAllNodes(t,e=false){if(ju(t)&&!t.disabled){this.expandCollapseNode(t,e);if(t.children&&t.children.length){for(let i=0;i<t.children.length;i++){this.expandCollapseAllNodes(t.children[i],e)}}}}}const $u=".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_tree_header_background_color:var(\n    --kup-tree-header-background-color,\n    var(--kup-layer-2)\n  );--kup_tree_body_background_color:var(\n    --kup-tree-body-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_body_background_color_hover:var(\n    --kup-tree-body-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_border_color:var(\n    --kup-tree-border-color,\n    var(--kup-border-subtle)\n  );--kup_tree_tr_outline_color:var(\n    --kup-tree-tr-outline-color,\n    var(--kup-border-interactive)\n  );--kup_tree_tr_background_color_hover:var(\n    --kup-tree-tr-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_tr_background_color_focus:var(\n    --kup-tree-tr-background-color-focus,\n    var(--kup-layer-1-selected)\n  );--kup_tree_text_color:var(--kup-tree-text-color, var(--kup-text-secondary));--kup_tree_header_text_color:var(\n    --kup-tree-header-text-color,\n    var(--kup-text-primary)\n  );--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_filter_background_color:var(\n    --kup-tree-filter-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_text_hover_color:var(\n    --kup-tree-text-hover-color,\n    var(--kup-text-primary)\n  );--kup-icon-color:var(--kup-tree-icon-color, var(--kup-text-secondary));display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_text_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 1.8em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 1.8em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:100%}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group;background-color:var(--kup_tree_header_background_color)}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead.header--is-visible th span{color:var(--kup_tree_header_text_color);font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tbody{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tbody tr.kup-tree__node.kup-tree__node--first td .cell-content{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}.wrapper .kup-tree tfoot{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.2em;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}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em var(--kup-space-03)}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.8em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:16px;min-width:16px;width:16px}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_text_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_tr_background_color_hover);color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:var(--kup_tree_tr_background_color_focus)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup_tree_border_color);border-left:2px solid transparent;box-sizing:content-box}#global-filter{background:var(--kup_tree_filter_background_color);position:sticky;top:0;z-index:1}#global-filter kup-text-field .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_text_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}.grid-cell .f-cell .f-cell__content{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}tfoot td{border-bottom:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup_tree_body_background_color_hover)}tfoot td:first-of-type{border:none;border-right:solid 1px var(--kup_tree_border_color)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_text_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color)}:host([as-accordion]) .wrapper .kup-tree thead tr th span{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_tr_background_color_hover)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;box-sizing:border-box;color:var(--kup_tree_text_color);cursor:pointer;display:flex;line-height:1.75em;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:0.5em;min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:1px solid var(--kup_tree_border_color)}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(kup_tree_text_color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";const Ou=$u;var Du=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,s){if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(t):s?s.value:e.get(t)};var Mu;const Tu=class{constructor(i){t(this,i);this.kupTreeNodeCollapse=e(this,"kup-tree-nodecollapse",6);this.kupTreeNodeExpand=e(this,"kup-tree-nodeexpand",6);this.kupTreeNodeSelected=e(this,"kup-tree-nodeselected",6);this.kupTreeNodeButtonClick=e(this,"kup-tree-buttonclick",6);this.kupTreeContextMenu=e(this,"kup-tree-contextmenu",6);this.kupTreeColumnMenu=e(this,"kup-tree-columnmenu",6);this.kupDidLoad=e(this,"kup-tree-didload",6);this.kupDidUnload=e(this,"kup-tree-didunload",6);this.kupTreeNodeDblClick=e(this,"kup-tree-nodedblclick",6);this.kupTreeDynamicMassExpansion=e(this,"kup-tree-dynamicmassexpansion",6);this.kupColumnRemove=e(this,"kup-tree-columnremove",6);this.state=new Cu;Mu.set(this,a());this.columnMenuCard=null;this.clickTimeout=[];this.sizedColumns=undefined;this.filtersColumnMenuInstance=new Lt;this.filtersTreeItemsInstance=new Wu;this.totalMenuCoords=null;this.contentRefs=[];this.oldWidth=null;this.hold=false;this.interactableTouch=[];this.clickCb=null;this.treeColumnVisible=true;this.openedTotalMenu=null;this.columnMenuAnchor=null;this.stateSwitcher=false;this.selectedNode=[];this.asAccordion=false;this.columns=undefined;this.customStyle="";this.data=[];this.density=m.MEDIUM;this.dynamicExpansionCallback=undefined;this.editableData=false;this.enableExtraColumns=true;this.expanded=false;this.expansionMode=qt.DROPDOWN;this.filters={};this.globalFilter=false;this.globalFilterValue="";this.globalFilterMode=ft.SIMPLE;this.preventXScroll=false;this.removableColumns=true;this.ripple=true;this.scrollOnHover=false;this.showColumns=false;this.showFilters=true;this.showFooter=false;this.showHeader=false;this.showIcons=true;this.stateId="";this.store=undefined;this.useDynamicExpansion=false;this.totals=undefined}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){this.density=t.density;this.showFilters=t.showFilters;this.showFooter=t.showFooter;this.globalFilter=t.globalFilter;this.globalFilterValue=t.globalFilterValue;this.filters=Object.assign({},t.filters);this.totals=Object.assign({},t.totals)}}}persistState(){if(this.store&&this.stateId){let t=false;if(!Du(this,Mu,"f").objects.deepEqual(this.state.filters,this.filters)){this.state.filters=Object.assign({},this.filters);t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.density,this.density)){this.state.density=this.density;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.showFilters,this.showFilters)){this.state.showFilters=this.showFilters;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.showFooter,this.showFooter)){this.state.showFooter=this.showFooter;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.totals,this.totals)){this.state.totals=Object.assign({},this.totals);t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.globalFilter,this.globalFilter)){this.state.globalFilter=this.globalFilter;t=true}if(!Du(this,Mu,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!this.state.load){this.state.load=true;return}if(t){this.store.persistState(this.stateId,this.state)}}}async getSelectedNode(){return this.selectedNode}async setSelectedNode(t,e){this.selectedNode=t.split(",").map((t=>parseInt(t)));if(e!==false){this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:this.selectedNode,treeNode:this.getTreeNode(this.selectedNode),columnName:null})}}enrichDataWhenChanged(t,e){if(!t){t=[]}if(t!==e){this.refreshStructureState()}}enrichStructureStateWhenChanged(t,e){if(t!==e){this.refreshStructureState()}}async isEmpty(){return this.visibleNodes==0}async closeColumnMenu(){this.columnMenuAnchor=null;if(this.columnMenuCard){this.columnMenuCard.data=null}this.columnMenuInstance.close(this.columnMenuCard);this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:false})}async collapseAll(){if(!this.useDynamicExpansion){for(let t=0;t<this.data.length;t++){this.data[t].isExpanded=false;this.handleChildren(this.data[t],false)}}else{this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:false})}this.refresh()}async expandAll(){if(!this.useDynamicExpansion){for(let t=0;t<this.data.length;t++){this.data[t].isExpanded=true;this.handleChildren(this.data[t],true)}}else{this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:true})}this.refresh()}async setExpansionByDepth(t){const e=(t,i,s,n)=>{const o=n<s;t.isExpanded=o;for(let o=0;t.children&&o<t.children.length;o++){const a=t.children[o];e(a,i,s,n+1)}};const i=()=>{let t=0;const e=(i,s)=>{var n;if((n=i.children)===null||n===void 0?void 0:n.length){if(i.isExpanded){t=Math.max(t,s+1)}for(let t=0;t<i.children.length;t++){const n=i.children[t];e(n,s+1)}}};for(let t=0;t<this.data.length;t++){const i=this.data[t];e(i,0)}return t};let s=i()+t;if(!this.useDynamicExpansion){for(let t=0;t<this.data.length;t++){const i=this.data[t];e(i,false,s,0)}}else{this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:false})}this.refresh()}async getProps(t){return l(this,Jt,t)}async hideColumn(t){Du(this,Mu,"f").data.column.hide(this.columns,[t.name]);this.kupColumnRemove.emit({comp:this,id:this.rootElement.id,column:t});this.refresh()}async openColumnMenu(t){this.columnMenuAnchor=t;if(!this.columnMenuCard){this.columnMenuCard=document.createElement("kup-card");this.columnMenuCard.isMenu=true;this.columnMenuCard.layoutNumber=12;this.columnMenuCard.sizeX="auto";this.columnMenuCard.sizeY="auto";this.columnMenuCard.addEventListener("kup-card-click",(t=>{this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:t,open:this.columnMenuCard.menuVisible})}));this.columnMenuCard.addEventListener("kup-card-event",(t=>{this.columnMenuInstance.eventHandlers(t,this);this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:t,open:this.columnMenuCard.menuVisible})}))}this.columnMenuCard.setAttribute("data-column",t);this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),t));this.columnMenuInstance.open(this,t);this.columnMenuInstance.reposition(this,this.columnMenuCard);this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:true})}async refresh(){i(this)}async resizeCallback(){if(this.rootElement.clientWidth!==this.oldWidth){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>this.refresh()),300)}}async setProps(t){h(this,Jt,t)}setTreeColumnVisibility(t){this.treeColumnVisible=t}isTreeColumnVisible(){return this.treeColumnVisible}checkScrollOnHover(){if(!Du(this,Mu,"f").scrollOnHover.isRegistered(this.treeWrapperRef)){if(this.scrollOnHover){Du(this,Mu,"f").scrollOnHover.register(this.treeWrapperRef)}}else{if(!this.scrollOnHover){Du(this,Mu,"f").scrollOnHover.unregister(this.treeWrapperRef)}}}onKupTreeNodeDblClick(t,e){for(let t=0;t<this.clickTimeout.length;t++){clearTimeout(this.clickTimeout[t]);Du(this,Mu,"f").debug.logMessage(this,"Cleared hdlTreeNodeClick timeout("+this.clickTimeout[t]+").")}this.clickTimeout=[];this.kupTreeNodeDblClick.emit({comp:this,id:this.rootElement.id,treeNodePath:e.split(",").map((t=>parseInt(t))),treeNode:t})}nodesToRows(){function t(i){for(let s=0;s<i.children.length;s++){const n=i.children[s];e.push({cells:i.children[s].cells});if(n.children){t(n)}}}let e=[];for(let i=0;i<this.data.length;i++){const s=this.data[i];e.push({cells:this.data[i].cells});if(s.children){t(this.data[i])}}return e}setDynPosElements(){if(this.columnMenuCard&&this.columnMenuCard.data){this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),this.columnMenuAnchor),this.columnMenuCard.data)}}expandCollapseNode(t,e=false){this.filtersTreeItemsInstance.expandCollapseNode(t,e)}expandCollapseAllNodes(t,e=false){this.filtersTreeItemsInstance.expandCollapseAllNodes(t,e)}getColumns(){return this.columns?this.columns:[{title:"",name:""}]}getSizedColumns(){let t=this.getColumns();let e=[];for(let i=0;i<t.length;i++){if(t[i].size!==null&&t[i].size!==undefined&&t[i].size!==""){e.push(t[i])}}if(e.length>0){return e}else{return undefined}}getVisibleColumns(){return this.getColumns().filter((t=>t.hasOwnProperty("visible")?t.visible:true))}getHeadingColumns(){const t={name:Ut,title:""};const e=this.getVisibleColumns();return[t,...e]}launchNodeEvent(t,e){if(t&&t.length>0){if(t[0]!=-1){var i=e.children[t[0]];if(!i){i=e}if(t.length>1){t=t.slice(1);this.launchNodeEvent(t,i)}else{this.hdlTreeNodeClick(null,i,this.selectedNodeToString(this.selectedNode))}}}}openTotalMenu(t){this.openedTotalMenu=t.name}onTotalMenuOpen(t){this.closeTotalMenu();this.openTotalMenu(t)}getEventDetails(t,e){let i,s,n,o,a,r,l;if(t){for(let e=t.length-1;e>=0;e--){let h=t[e];if(!h.tagName){continue}switch(h.tagName.toUpperCase()){case"THEAD":{i=true;break}case"TBODY":{s=true;break}case"TFOOT":{n=true;break}case"TD":{o=h;break}case"TH":{a=h;break}case"TR":{r=h;break}default:{if(h.classList.contains(c.FILTER_REMOVE.replace("--",""))){l=h}break}}}}let h=null,u=null,p=null;if(s){if(o){h=o["data-cell"]}if(r){p=r["data-row"]}}if(i||s||n){const t=o?o.dataset.column:a?a.dataset.column:null;if(t){u=O(this.getColumns(),t)}}return{area:i?"header":s?"body":n?"footer":null,cell:h?h:null,column:u?u:null,filterRemove:l?l:null,originalEvent:e,row:p?p:null,td:o?o:null,th:a?a:null,tr:r?r:null}}contextMenuHandler(t){t.preventDefault();const e=this.getEventDetails(Du(this,Mu,"f").getEventPath(t.target,this.rootElement),t);if(e.area==="header"){if(e.th&&e.column){this.openColumnMenu(e.column.name);return e}}else if(e.area==="footer"){if(e.td&&e.column){this.totalMenuCoords={x:t.clientX,y:t.clientY};this.onTotalMenuOpen(e.column);return e}}return e}hdlTreeNodeClick(t,e,i){if(this.expansionMode.toLowerCase()===qt.DROPDOWN||this.expansionMode.toLowerCase()===qt.NODE&&!ju(e)){const s=t?Du(this,Mu,"f").getEventPath(t.target,this.rootElement).find((t=>{if(t.tagName==="TD")return t})):null;if(e&&!e.disabled){this.selectedNode=i.split(",").map((t=>parseInt(t)));this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:this.selectedNode,treeNode:e,columnName:s?s.dataset.column:null})}}if(this.expansionMode.toLowerCase()===qt.NODE){this.hdlTreeNodeExpanderClick(e,i,t?t.ctrlKey:false)}}hdlTreeNodeExpanderClick(t,e,i){if(ju(t)){const s=e.split(",").map((t=>parseInt(t)));if(t.children&&t.children.length){t.isExpanded=!t.isExpanded;if(i){this.handleChildren(t,t.isExpanded)}this.refresh();if(t.isExpanded){this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t,usesDynamicExpansion:this.useDynamicExpansion})}else{this.kupTreeNodeCollapse.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t})}}else if(this.useDynamicExpansion){if(i){this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t})}if(this.dynamicExpansionCallback){this.dynamicExpansionCallback(t,s).then((e=>{t.children=e;t.isExpanded=!t.isExpanded;this.refresh();this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t,usesDynamicExpansion:true})})).catch((e=>{console.error("KupTree: An error occurred when trying to fetch dynamicExpansion nodes data",e,t)}))}else{this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNode:t,treeNodePath:s,usesDynamicExpansion:true,dynamicExpansionRequireChildren:true});t.isExpanded=!t.isExpanded}}}}hasTotals(){return this.totals&&Object.keys(this.totals).length>0}handleChildren(t,e){for(let i=0;i<t.children.length;i++){let s=t.children[i];if(!s.disabled){s.isExpanded=e;if(s.children){this.handleChildren(s,e)}}}}selectedNodeToString(t){let e="";if(t&&t.length){e=t[0].toString();for(let i=1;i<t.length;i++){e+=`,${t[i]}`}}return e}getFilterValueForTooltip(t){return this.filtersColumnMenuInstance.getFilterValueForTooltip(this.filters,t)}getTreeNode(t){if(!t||t.length==0){return null}let e=this.data;let i=null;for(let s=0;s<t.length;s++){if(i){e=i.children}const n=t[s];i=e[n]}return i}onRemoveFilter(t){const e=Object.assign({},this.filters);this.filtersColumnMenuInstance.removeFilter(e,t.name);this.filters=e}onGlobalFilterChange({detail:t}){let e="";if(t&&t.value){e=t.value}this.globalFilterValue=e}getColumnValues(t){return this.filtersTreeItemsInstance.getColumnValues(this,t,this.globalFilterValue,this.filtersColumnMenuInstance)}getRows(){return this.data?this.data:[]}filterNodes(){let t=this.filtersTreeItemsInstance.filterRows(this.getRows(),this.filters,this.globalFilterValue,this.getColumns(),this.filtersColumnMenuInstance);this.visibleNodes=this.calculateVisibleNodes(t)}calculateVisibleNodes(t){let e=0;if(t){t.forEach((t=>{if(t.visible){e++}e+=this.calculateVisibleNodes(t.children)}))}return e}refreshStructureState(){if(this.data){if(this.data.columns){Du(this,Mu,"f").debug.logMessage(this,"Detected KupDataDataset: setting up tree as grid.",f.WARNING);const t=this.data;this.columns=t.columns;this.data=Du(this,Mu,"f").data.row.toNode(t);this.showColumns=true;this.showHeader=true}this.data.forEach((t=>{this.expandCollapseAllNodes(t,this.expanded&&!this.useDynamicExpansion)}));this.selectedNode=[]}}getCellStyle(t,e){if(this.sizedColumns){let i="";for(let e=0;e<this.sizedColumns.length;e++){if(t===this.sizedColumns[e].name){i=this.sizedColumns[e].size;break}}if(i){if(!e){e={}}e["max-width"]=i;e["min-width"]=i;e["width"]=i;e["overflow"]="hidden"}}return e}renderHeader(){return this.getHeadingColumns().map((t=>{if(!this.isTreeColumnVisible()&&t.name===Ut)return;let e=null;if(this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters,t)){const i=Du(this,Mu,"f").language.translate(g.REMOVE_FILTERS)+`: '${this.getFilterValueForTooltip(t)}'`;e=s("span",{title:i,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`,onClick:e=>{e.stopPropagation();this.onRemoveFilter(t)}})}return s("th",{"data-column":t.name,style:this.getCellStyle(t.name,null)},s("span",{class:"column-title"},t.title),e)}))}renderHighlightedContent(t,e,i){let n=[];if(e&&t){let o=t;let a=o.toLowerCase().indexOf(e.toLowerCase());while(a>-1){n.push(o.substring(0,a));n.push(s("span",{class:i+"--highlighted"},o.substring(a,a+e.length)));o=o.substring(a+e.length,o.length);a=o.toLowerCase().indexOf(e.toLowerCase())}if(a<o.length){n.push(o.substring(a,o.length))}}else{n.push(t)}return s("span",{class:i,ref:t=>this.contentRefs.push(t),title:this.preventXScroll?t:null},n)}renderTreeNode(t,e,i=0){let n=i?s("span",{class:"kup-tree__indent",style:{["--kup_tree_node_depth"]:this.asAccordion?(i-1).toString():i.toString()}}):null;const o=!!(ju(t)&&(t.children&&t.children.length||this.useDynamicExpansion));let a="expand-icon kup-tree__icon kup-tree__node__expander";if(o){a+=" kup-icon";if(this.asAccordion&&i===0){a+=` ${c.DROPDOWN.replace("--","")}`}else if(t.isExpanded){a+=` ${c.EXPANDED.replace("--","")}`}else{a+=` ${c.COLLAPSED.replace("--","")}`}}let r=s("span",{title:Du(this,Mu,"f").language.translate(g.EXPAND)+"/"+Du(this,Mu,"f").language.translate(g.COLLAPSE)+" (CTRL + Click)",class:a,onClick:this.expansionMode.toLowerCase()===qt.DROPDOWN&&!t.disabled?i=>{i.stopPropagation();this.hdlTreeNodeExpanderClick(t,e,i.ctrlKey)}:null});let l=null;if(this.showIcons){if(t.icon){if(t.icon===""){l=s("span",{class:"kup-tree__icon"})}else{l=s(jt,{color:t.iconColor,placeholderResource:t.placeholderIcon,resource:t.icon,wrapperClass:"kup-tree__icon"})}}else{l=null}}let h={};if(t.hasOwnProperty("isExpanded")&&t.isExpanded&&o){h["data-is-expanded"]=t.isExpanded}if(!t.disabled){h["onClick"]=i=>{const s={};for(const t in i){s[t]=i[t]}this.clickTimeout.push(setTimeout((()=>this.hdlTreeNodeClick(s,t,e)),300))}}let u=null;let p=this.getVisibleColumns();if(this.showColumns&&p&&p.length){u=[];for(let e=0;e<p.length;e++){const i=p[e];if(t.cells&&t.cells[i.name]){const e=t.cells[i.name]?t.cells[i.name]:null;const n={cell:e,column:i,component:this,density:this.density,editable:this.editableData,renderKup:true,row:t,setSizes:true};u.push(s("td",{class:`grid-cell`,"data-cell":e,"data-column":i.name},s(bt,Object.assign({},n))))}else{u.push(s("td",{class:`grid-cell`}))}}}let f=undefined;if(!Du(this,Mu,"f").objects.isEmptyKupObj(t.obj)&&Du(this,Mu,"f").debug.isDebug()){f=t.obj.t+"; "+t.obj.p+"; "+t.obj.k+";"}let d=null;if(this.isTreeColumnVisible()){let a="";if(ft.HIGHLIGHT===this.globalFilterMode){a=this.renderHighlightedContent(t.value,this.globalFilterValue,"cell-content")}else{a=s("span",{ref:t=>this.contentRefs.push(t),class:"cell-content",title:this.preventXScroll?t.value:null},t.value)}d=s("td",{class:{"first-node":i===0?true:false,"mdc-ripple-surface":this.ripple&&!this.showColumns&&!t.disabled,"is-obj":!Du(this,Mu,"f").objects.isEmptyKupObj(t.obj)},style:t.style||null,title:f,onDblClick:()=>{this.onKupTreeNodeDblClick(t,e)}},this.asAccordion&&!i?[l,a,o?r:null]:[n,r,l,a])}return s("tr",Object.assign({class:{"kup-tree__node":true,"with-dyn":!t.disabled,"kup-tree__node--disabled":t.disabled,"kup-tree__node--first":i?false:true,"kup-tree__node--selected":!t.disabled&&e===this.selectedNodeToString(this.selectedNode)},"data-row":t,"data-tree-path":e},h),d,u)}closeTotalMenu(){this.openedTotalMenu=null;Du(this,Mu,"f").removeClickCallback(this.clickCb)}isOpenedTotalMenuForColumn(t){return this.openedTotalMenu===t}onTotalsChange(t,e){this.closeTotalMenu();if(e){const i=Object.assign({},this.totals);const s=t.detail.selected.id;if(s===B.CANC){if(this.totals&&this.totals[e.name]){delete i[e.name]}}else{i[e.name]=s}this.totals=i}}renderFooter(){const t=s("td",null);const e=this.getVisibleColumns().map((t=>{let e=undefined;let i=B.CALC;const n={[B.AVERAGE]:Du(this,Mu,"f").language.translate(v.AVERAGE),[B.CALC]:Du(this,Mu,"f").language.translate(v.CALCULATE),[B.CANC]:Du(this,Mu,"f").language.translate(v.CANCEL),[B.COUNT]:Du(this,Mu,"f").language.translate(v.COUNT),[B.DISTINCT]:Du(this,Mu,"f").language.translate(v.DISTINCT),[B.MATH]:Du(this,Mu,"f").language.translate(v.FORMULA),[B.MAX]:Du(this,Mu,"f").language.translate(v.MAXIMUM),[B.MIN]:Du(this,Mu,"f").language.translate(v.MINIMUM),[B.SUM]:Du(this,Mu,"f").language.translate(v.SUM)};if(this.totals){const e=this.totals[t.name];if(e){if(e.startsWith(Y.MATH)){i=B.MATH}else{switch(e){case Y.COUNT:i=B.COUNT;break;case Y.DISTINCT:i=B.DISTINCT;break;case Y.SUM:i=B.SUM;break;case Y.AVERAGE:i=B.AVERAGE;break;case Y.MIN:i=B.MIN;break;case Y.MAX:i=B.MAX;break}}}}if(this.isOpenedTotalMenuForColumn(t.name)){let o=[{id:Y.COUNT,value:n[B.COUNT]},{id:Y.DISTINCT,value:n[B.DISTINCT]}];if(Du(this,Mu,"f").objects.isNumber(t.obj)){o.push({id:Y.SUM,value:n[B.SUM]},{id:Y.AVERAGE,value:n[B.AVERAGE]},{id:Y.MIN,value:n[B.MIN]},{id:Y.MAX,value:n[B.MAX]})}let a=o.find((t=>t.value===i));if(a){a.selected=true;o.push({id:B.CANC,separator:true,value:n[B.CANC]})}e=s("kup-list",{class:`total-menu`,data:o,id:"totals-menu","is-menu":true,keyboardNavigation:true,"menu-visible":true,"onkup-list-click":e=>this.onTotalsChange(e,t)})}let o;if(i===B.COUNT||i===B.DISTINCT){o=this.footer[t.name]}else{o=Du(this,Mu,"f").math.numberToFormattedString(this.footer[t.name],t.decimals,t.obj?t.obj.p:"")}return s("td",{"data-column":t.name},e,s("span",{class:"totals-value",title:n[i]},o))}));return s("tfoot",null,s("tr",null,t,e))}didLoadInteractables(){this.interactableTouch.push(this.treeWrapperRef);const t=t=>{if(this.hold){this.hold=false;return}switch(t.button){case 2:this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)});break}};const e=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){this.hold=true;this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}};Du(this,Mu,"f").interact.on(this.treeWrapperRef,G.TAP,t);Du(this,Mu,"f").interact.on(this.treeWrapperRef,G.HOLD,e)}totalMenuPosition(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");if(t){Du(this,Mu,"f").dynamicPosition.register(t,this.totalMenuCoords);if(!this.clickCb){this.clickCb={cb:()=>{this.closeTotalMenu();Du(this,Mu,"f").dynamicPosition.stop(t)},el:t}}Du(this,Mu,"f").addClickCallback(this.clickCb,true);Du(this,Mu,"f").dynamicPosition.start(t);t.menuVisible=true}}}renderTree(t,e,i=0){let s=[];if(t&&t.visible==true){s.push(this.renderTreeNode(t,e,i));if(ju(t)&&t.isExpanded){for(let n=0;n<t.children.length;n++){s=s.concat(this.renderTree(t.children[n],e+","+n,i+1))}}}return s}setEllipsis(){const t=this.rootElement.getBoundingClientRect();for(let e=0;e<this.contentRefs.length;e++){const i=this.contentRefs[e];if(i){const e=i.parentNode;if(this.asAccordion&&e.classList.contains("first-node")){e.style.width=t.width+"px"}else{i.classList.remove("cell-content--ellipsis");i.style.setProperty("--kup_tree_content_width",``);const e=i.getBoundingClientRect();if(e.right>t.right){const s=5;const n=e.right-t.right;i.classList.add("cell-content--ellipsis");i.style.setProperty("--kup_tree_content_width",`${e.width-n-s}px`)}}}}}componentWillLoad(){Du(this,Mu,"f").debug.logLoad(this,false);Du(this,Mu,"f").language.register(this);Du(this,Mu,"f").theme.register(this);this.columnMenuInstance=new Ao;this.refreshStructureState()}componentDidLoad(){this.didLoadInteractables();this.kupDidLoad.emit({comp:this,id:this.rootElement.id});Du(this,Mu,"f").resize.observe(this.rootElement);Du(this,Mu,"f").debug.logLoad(this,true)}componentWillRender(){Du(this,Mu,"f").debug.logRender(this,false);if(this.showFooter&&this.columns){this.footer=Vt(Ht(this.getColumns(),this.nodesToRows()),this.totals)}this.filterNodes()}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&this.ripple){const e=t.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(e){for(let t=0;t<e.length;t++){Et.attachTo(e[t])}}}if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){mt(e[t])}}if(this.preventXScroll){this.setEllipsis()}this.totalMenuPosition();this.checkScrollOnHover();this.setDynPosElements();this.persistState();this.oldWidth=this.rootElement.clientWidth;Du(this,Mu,"f").debug.logRender(this,true)}render(){this.contentRefs=[];this.sizedColumns=this.getSizedColumns();let t="density-medium";switch(this.density){case m.DENSE:t="density-dense";break;case m.WIDE:t="density-wide";break}let e=[];if(this.data&&this.data.length){this.data.forEach(((t,i)=>{e=e.concat(this.renderTree(t,i.toString()))}))}else{e.push(s("tr",null,s("td",null,Du(this,Mu,"f").language.translate(g.EMPTY_DATA))))}const i=this.showHeader&&this.showColumns;let o=null;if(this.globalFilter&&this.data&&this.data.length&&this.data.length>0){o=s("div",{key:"845f0a6bef83bfaaa76aad5845ee5af6768a1a09",id:"global-filter"},s("kup-text-field",{key:"c5aaaa7c98e5dfce92c2e6c11f75747fd69f550e",fullWidth:true,label:Du(this,Mu,"f").language.translate(F.SEARCH),icon:c.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout);this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))}return s(n,{key:"c41109b7db78f7cde7dc4ba9cec7263e4d31786f"},s("style",{key:"0a4bfe1f6335c08087476992a330ef8c26fc2efc"},Du(this,Mu,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"2353e8b40be7585ef6313a9c06fff87b17a9d6d4",id:Ct,class:t},o,s("div",{key:"7799575e8dd9ff74c412449340f7e3fbf9ecd8f9",class:"wrapper",ref:t=>this.treeWrapperRef=t},s("table",{key:"a499a4bc1b3e66e91c6dd108bc75277823036d84",class:"kup-tree","data-show-columns":this.showColumns,onContextMenu:t=>{t.preventDefault()}},s("thead",{key:"17ec2f81534c1159aedeb3417e6410a0a518d0ed",class:{"header--is-visible":i}},s("tr",{key:"b3211ca1c1faf601cf9d7dcb083ef47b78f39b66"},i?this.renderHeader():null)),s("tbody",{key:"c71420599b7f63a288e20564ceb0c73ca0f704ce"},e),(this.showFooter||this.hasTotals())&&this.columns?this.renderFooter():null))))}disconnectedCallback(){Du(this,Mu,"f").language.register(this);Du(this,Mu,"f").resize.unobserve(this.rootElement);Du(this,Mu,"f").theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+X+"]");if(t.length>0){Du(this,Mu,"f").dynamicPosition.unregister(Array.prototype.slice.call(t))}if(this.columnMenuCard){this.columnMenuCard.remove()}if(this.scrollOnHover){Du(this,Mu,"f").scrollOnHover.unregister(this.treeWrapperRef)}this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return o(this)}static get watchers(){return{data:["enrichDataWhenChanged"],expanded:["enrichStructureStateWhenChanged"]}}};Mu=new WeakMap;Tu.style=Ou;export{je as kup_autocomplete,Me as kup_badge,Pe as kup_button,Le as kup_button_list,Un as kup_card,no as kup_chart,lo as kup_checkbox,bo as kup_chip,xo as kup_color_picker,Lo as kup_combobox,lh as kup_data_table,uh as kup_date_picker,vh as kup_dialog,zh as kup_dropdown_button,Mh as kup_form,uc as kup_gauge,yc as kup_image,Nc as kup_list,Ac as kup_progress_bar,Yc as kup_radio,qc as kup_rating,tu as kup_spinner,nu as kup_switch,pu as kup_tab_bar,vu as kup_text_field,zu as kup_time_picker,Tu as kup_tree};
+//# sourceMappingURL=p-40b3c165.entry.js.map