@sme.up/ketchup 11.0.0-SNAPSHOT-20250522065456 → 11.0.0-SNAPSHOT-20250523084323

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

@@ -0,0 +1,8 @@
+import{r as t,c as i,f as e,h as o,H as s,d as n,F as a,g as l}from"./p-710d0a7d.js";import{k as r,I as h,a as c,g as p,s as u,b as d,c as f,d as m,e as g,f as b,h as k,F as v,i as y,j as x,l as w,m as _,n as z,o as C,p as j,q as O,r as W,t as D,u as M,v as S,w as T,x as R,y as P,z as I,A as E,G as L,S as F,B as N,C as K,D as A,E as V,H as B,J as H,L as Y,P as X,M as G,T as U,N as q,O as J,Q as Z,R as Q,U as tt,V as it,W as et,X as ot,Y as st,Z as nt,_ as at,$ as lt,a0 as rt,a1 as ht,a2 as ct,a3 as pt,a4 as ut,a5 as dt,a6 as ft,a7 as mt,a8 as gt,a9 as bt,aa as kt,ab as vt,ac as yt,ad as xt,ae as wt,af as _t,ag as zt,ah as Ct}from"./p-7ce6ba2a.js";import{F as jt}from"./p-4b81575e.js";import{F as $t}from"./p-7db300e0.js";import{g as Ot,c as Wt,F as Dt,a as Mt,b as St,d as Tt}from"./p-6e96f548.js";import{c as Rt}from"./p-635bb4b3.js";import{F as Pt}from"./p-3cab6420.js";import{F as It}from"./p-c4224227.js";import{F as Et,a as Lt}from"./p-e3062c19.js";import{F as Ft,a as Nt,b as Kt,c as At,d as Vt}from"./p-f24d1e94.js";import{d as Bt,K as Ht,a as Yt}from"./p-1ee561ba.js";import{M as Xt}from"./p-c56195a0.js";import{F as Gt}from"./p-9f9428d1.js";import{F as Ut,a as qt,g as Jt,d as Zt,c as Qt,n as ti,p as ii,f as ei,b as oi,s as si,t as ni,K as ai,e as li}from"./p-71c219e4.js";import{F as ri,p as hi,r as ci}from"./p-55830fc1.js";import"./p-2b601f4e.js";var pi;!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: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".',t.initialValue="Sets the initial value of the component.",t.initialValueDecode="Sets the initial value decode 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: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".',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.",t.showMarker="When true shows a small marker on the component",t.legacyLook="When true enables the monospaces look for the ACP component",t.size="Sets the size of the input element",t.placeholder="Set custom placeholder / watermark for text field, if not set the default one will be taken on component load."}(pi||(pi={}));var ui,di,fi,mi,gi,bi,ki,vi,yi,xi,wi,_i,zi,Ci=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},ji=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const $i=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-autocomplete-blur",6),this.kupChange=i(this,"kup-autocomplete-change",6),this.kupSubmit=i(this,"kup-autocomplete-submit",6),this.kupClick=i(this,"kup-autocomplete-click",6),this.kupFocus=i(this,"kup-autocomplete-focus",6),this.kupInput=i(this,"kup-autocomplete-input",6),this.kupIconClick=i(this,"kup-autocomplete-iconclick",6),this.kupItemClick=i(this,"kup-autocomplete-itemclick",6),ui.add(this),di.set(this,void 0),fi.set(this,null),mi.set(this,r()),gi.set(this,void 0),bi.set(this,void 0),ki.set(this,null),vi.set(this,void 0),this.displayedValue=void 0,this.value="",this.alert="",this.allowInconsistentValues=!0,this.customStyle="",this.data=void 0,this.disabled=!1,this.displayMode=h.DESCRIPTION,this.listDisplayMode=h.CODE_AND_DESC,this.error="",this.icon=null,this.initialValue="",this.initialValueDecode="",this.isClearable=!1,this.inputDelay=300,this.label=null,this.leadingLabel=!1,this.minimumChars=3,this.readOnly=!1,this.selectMode=h.CODE,this.serverHandledFilter=!0,this.showDropDownIcon=!0,this.showMarker=!1,this.sizing=c.SMALL,this.trailingIcon=!1,this.placeholder=null,this.legacyLook=!1,this.size=void 0}onKupBlur(){Ci(this,ui,"m",wi).call(this)||this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value})}onKupChangeSubmit(t,i){if(t){const e=Ci(this,ui,"m",_i).call(this,t,void 0,!0);(e.exists||this.allowInconsistentValues)&&i.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value,node:e.node})}else this.value="",this.displayedValue="",i.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value,node:{value:""}})}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value})}onKupInput(){const t=Ci(this,ui,"m",_i).call(this,Ci(this,bi,"f").value,void 0,!1);setTimeout((()=>{Ci(this,ui,"m",yi).call(this,!1),Ci(this,bi,"f").value.length>=this.minimumChars&&this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value,node:t.node})}),400)}onKupIconClick(){Ci(this,gi,"f").classList.contains("toggled")?Ci(this,ui,"m",xi).call(this):this.showDropDownIcon&&Ci(this,ui,"m",yi).call(this,!0),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value,open:Ci(this,gi,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChangeSubmit(t.detail.selected.id,this.kupChange),Ci(this,ui,"m",xi).call(this),Ci(this,bi,"f")&&Ci(this,bi,"f").focus(),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value,node:t.detail.selected})}onKupClearIconClick(){this.value="",this.displayedValue="",Ci(this,bi,"f").value="",this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value,node:{value:""}}),Ci(this,ui,"m",xi).call(this)}initialValueChange(t){this.initialValueDecode=void 0,this.setValue(t,void 0)}initialValueDecodeChange(t){this.setValue(this.initialValue,t)}listenKeydown(t){if(Ci(this,ui,"m",wi).call(this))switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),Ci(this,fi,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),Ci(this,fi,"f").focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),Ci(this,fi,"f").select().then((()=>{Ci(this,ui,"m",xi).call(this),Ci(this,bi,"f").focus()}));break;case"Escape":t.preventDefault(),t.stopPropagation(),Ci(this,ui,"m",xi).call(this)}else switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),Ci(this,ui,"m",yi).call(this,!0),Ci(this,fi,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),Ci(this,ui,"m",yi).call(this,!1),Ci(this,fi,"f").focusPrevious();break;case"Enter":this.onKupChangeSubmit(Ci(this,bi,"f").value,this.kupSubmit)}}async getProps(t){return p(this,pi,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){Ci(this,bi,"f").focus()}async setProps(t){u(this,pi,t)}async setValue(t,i){Ci(this,ui,"m",_i).call(this,t,i,!0)}async reset(){Ci(this,ui,"m",xi).call(this)}componentWillLoad(){Ci(this,mi,"f").debug.logLoad(this,!1),Ci(this,mi,"f").theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-list":{},"kup-text-field":{}}),this.placeholder||(this.placeholder=Ci(this,mi,"f").language.translate(d.TYPE_CODE_OR_DESCR))}componentDidLoad(){Ci(this,ui,"m",_i).call(this,this.value,this.initialValueDecode,!0),Ci(this,mi,"f").debug.logLoad(this,!0)}componentWillRender(){Ci(this,mi,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(ji(this,gi,i,"f"),ji(this,bi,i.querySelector("input"),"f"),$t(i))}Ci(this,mi,"f").debug.logRender(this,!0)}render(){var t;const i={alert:this.alert,danger:!!this.rootElement.classList.contains("kup-danger"),disabled:this.disabled,error:this.error,icon:this.icon,info:!!this.rootElement.classList.contains("kup-info"),isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,placeholder:this.placeholder,readOnly:this.readOnly,sizing:this.sizing,success:!!this.rootElement.classList.contains("kup-success"),value:this.value,warning:!!this.rootElement.classList.contains("kup-warning"),showMarker:this.showMarker,legacyLook:this.legacyLook,size:f(this.data,this.displayMode,this.size),title:null!==(t=this.displayedValue)&&void 0!==t?t:""},e=this.rootElement.classList.contains("kup-full-height"),n=this.rootElement.classList.contains("kup-full-width");return o(s,{key:"d16a5633ef50cbf87a74a9dbc34cd0048e6f918f",class:`${e?"kup-full-height":""} ${n?"kup-full-width":""}`,style:Ci(this,di,"f")},o("style",{key:"721dd17599189b559ba04b3f34957af060497530"},Ci(this,mi,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"672468689def0591951abbcd00affb260197fe59",id:Rt,style:Ci(this,di,"f")},o(jt,Object.assign({key:"dd8ac94d695021798d254aa8d82a12a7a6463c10"},i,{icon:this.showDropDownIcon?m.SEARCH:null,trailingIcon:!0},this.data["kup-text-field"],{disabled:this.disabled,fullHeight:e,fullWidth:n,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChangeSubmit(t.target.value,this.kupChange),onFocus:()=>this.onKupFocus(),onInput:()=>{window.clearTimeout(Ci(this,vi,"f")),ji(this,vi,window.setTimeout((()=>this.onKupInput()),this.inputDelay),"f")},onIconClick:()=>this.onKupIconClick(),onClearIconClick:()=>this.onKupClearIconClick()}))),Ci(this,ui,"m",zi).call(this))}disconnectedCallback(){Ci(this,fi,"f")&&(Ci(this,mi,"f").dynamicPosition.unregister([Ci(this,fi,"f")]),Ci(this,fi,"f").remove()),Ci(this,mi,"f").theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{initialValue:["initialValueChange"],initialValueDecode:["initialValueDecodeChange"]}}};var Oi,Wi;di=new WeakMap,fi=new WeakMap,mi=new WeakMap,gi=new WeakMap,bi=new WeakMap,ki=new WeakMap,vi=new WeakMap,ui=new WeakSet,yi=function(t){var i,e,o,s;if(1!=t&&Ci(this,bi,"f").value.length<this.minimumChars)return Ci(this,ui,"m",xi).call(this),!1;t&&!(null===(e=null===(i=this.data["kup-list"])||void 0===i?void 0:i.data)||void 0===e?void 0:e.length)&&this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Ci(this,bi,"f").value,open:!0});const n=(null===(o=this.error)||void 0===o?void 0:o.trim().length)>0,a=(null===(s=this.alert)||void 0===s?void 0:s.trim().length)>0,l=n||a?-20:0;Ci(this,gi,"f").classList.add("toggled"),Ci(this,fi,"f").menuVisible=!0,Ci(this,fi,"f").setFocusOnFirstEl();const r=Ci(this,fi,"f").style;return r.height="auto",r.minWidth=Ci(this,gi,"f").clientWidth+"px",Ci(this,mi,"f").dynamicPosition.isRegistered(Ci(this,fi,"f"))?Ci(this,mi,"f").dynamicPosition.changeAnchor(Ci(this,fi,"f"),Ci(this,gi,"f")):Ci(this,mi,"f").dynamicPosition.register(Ci(this,fi,"f"),Ci(this,gi,"f"),l,g.AUTO,!0),Ci(this,mi,"f").dynamicPosition.start(Ci(this,fi,"f")),Ci(this,ki,"f")||ji(this,ki,{cb:()=>{Ci(this,ui,"m",xi).call(this)},el:Ci(this,fi,"f")},"f"),Ci(this,mi,"f").addClickCallback(Ci(this,ki,"f"),!0),!0},xi=function(){Ci(this,gi,"f").classList.remove("toggled"),Ci(this,fi,"f").menuVisible=!1,Ci(this,mi,"f").dynamicPosition.stop(Ci(this,fi,"f")),Ci(this,mi,"f").removeClickCallback(Ci(this,ki,"f"))},wi=function(){return 1==Ci(this,fi,"f").menuVisible},_i=function(t,i,e){if(!t||!i){const i=Wt(t,this.data["kup-list"],Ci(this,fi,"f"),this.selectMode,this.displayMode);return(i.exists||this.allowInconsistentValues)&&e?(this.value=i.value,this.displayedValue=i.displayedValue):this.displayedValue=t,null==Ci(this,fi,"f")||this.serverHandledFilter||(Ci(this,fi,"f").filter=i.value),i}this.displayedValue=Ot({id:t,value:i},this.displayMode," - ")},zi=function(){return o("kup-list",Object.assign({displayMode:this.listDisplayMode},this.data["kup-list"],{isMenu:!0,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>ji(this,fi,t,"f")}))},$i.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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)}",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."}(Oi||(Oi={})),function(t){t.SUCCESS="success",t.INFO="info",t.ERROR="error",t.WARNING="warning"}(Wi||(Wi={}));const Di=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-badge-click",6),this.kupManager=r(),this.customStyle="",this.imageData=null,this.type=Wi.INFO,this.text=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,Oi,t)}async refresh(){e(this)}async setProps(t){u(this,Oi,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=null;return!this.text&&this.imageData&&(this.imageData.sizeX||(this.imageData.sizeX="1em"),this.imageData.sizeY||(this.imageData.sizeY="1em"),this.imageData.color||(this.imageData.color=`var(${b.TEXT_ON_PRIMARY})`),t=o(Pt,Object.assign({key:"85241826f49088ede50589d3579617718f3fa87b"},this.imageData))),o(s,{key:"cdf953c45a51629b42bc146636bd23c520060434"},o("style",{key:"199d7b7a88351aee08ecf016cd73dcd8e9082b65"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"c0ffdbf39da857af3e473a05006c6133cde5b5fa",id:Rt,class:this.type,onClick:()=>this.onKupClick()},this.text,t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var Mi;Di.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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)}",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."}(Mi||(Mi={}));const Si=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-button-blur",6),this.kupClick=i(this,"kup-button-click",6),this.kupFocus=i(this,"kup-button-focus",6),this.kupManager=r(),this.value="",this.buttonType=null,this.checked=!1,this.contentAlign=Et.CENTER,this.customStyle="",this.disabled=!1,this.icon=null,this.iconOff=null,this.label=null,this.blackMode=!1,this.placeholderIcon=null,this.styling=Lt.RAISED,this.showSpinner=!1,this.toggable=!1,this.trailingIcon=!1,this.sizing=c.SMALL}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupClick(){!this.label&&this.icon?this.checked?(this.checked=!1,this.value="off"):(this.checked=!0,this.value="on"):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 p(this,Mi,t)}async refresh(){e(this)}async setProps(t){u(this,Mi,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.value=!this.label&&this.icon?this.checked?"on":"off":"N/A"}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t={buttonType:this.buttonType,checked:this.checked,contentAlign:this.contentAlign,danger:!!this.rootElement.classList.contains("kup-danger"),disabled:this.disabled,fullHeight:!!this.rootElement.classList.contains("kup-full-height"),fullWidth:!!this.rootElement.classList.contains("kup-full-width"),icon:this.icon,iconOff:this.iconOff,placeholderIcon:this.placeholderIcon,info:!!this.rootElement.classList.contains("kup-info"),label:this.label,large:!!this.rootElement.classList.contains("kup-large"),blackMode:this.blackMode,neutral:!!this.rootElement.classList.contains("kup-neutral"),pulsating:!!this.rootElement.classList.contains("kup-pulsating"),secondary:!!this.rootElement.classList.contains("kup-secondary"),shaped:!!this.rootElement.classList.contains("kup-shaped"),slim:!!this.rootElement.classList.contains("kup-slim"),success:!!this.rootElement.classList.contains("kup-success"),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"),onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus()};if(this.label||this.icon)return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:Rt},o(It,Object.assign({},t))));this.kupManager.debug.logMessage(this,"Empty button.",k.WARNING)}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var Ti;Si.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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%}",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).'}(Ti||(Ti={}));const Ri=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-buttonlist-click",6),this.kupManager=r(),this.selected="",this.blackMode=!1,this.contentAlign=Et.CENTER,this.columns=0,this.customStyle="",this.data=[],this.disabled=!1,this.showSelection=!0,this.sizing=c.SMALL,this.styling=Lt.RAISED,this.showText=!0}onKupClick(t,i){this.selected=t,this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:i,obj:this.getObjForEvent(t,i)})}onDropDownItemClick(t,i){this.selected=i,this.onKupClick(i,t.detail.value)}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",k.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return p(this,Ti,t)}async refresh(){e(this)}async setProps(t){u(this,Ti,t)}renderButton(t,i){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data button.",k.WARNING),null;const e=this.prepareDataFromTreeNode(t,i);if(!e.label&&!e.icon)return this.kupManager.debug.logMessage(this,"Empty button.",k.WARNING),null;const s={blackMode:e.blackMode,contentAlign:e.contentAlign,checked:e.checked,disabled:e.disabled,fullHeight:e.fullHeight,fullWidth:e.fullWidth,icon:e.icon,iconOff:e.iconOff,placeholderIcon:e.placeholderIcon,id:e.id,label:this.showText?e.label:void 0,large:e.large,neutral:!!this.rootElement.classList.contains("kup-neutral"),shaped:e.shaped,sizing:e.sizing,styling:e.styling,toggable:e.toggable,trailingIcon:e.trailingIcon,title:e.title,wrapperClass:this.rootElement.className+" "+e.wrapperClass,onClick:()=>this.onKupClick(e.id,"-1")};return o(It,Object.assign({},s))}renderDropdownButton(t,i){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data dropdown button.",k.WARNING),null;const e=this.prepareDataFromTreeNode(t,i);return e.label||e.icon||(null==t?void 0:t.data.dropdownOnly)?(e.data={"kup-list":{data:this.getKupListDataForChildren(t.children),showIcons:!0}},e.styling=e.id===this.selected?"raised":e.styling,e.contentalign=e.contentalign,o("kup-dropdown-button",Object.assign({class:this.rootElement.className+" "+e.wrapperClass},e,{"onkup-dropdownbutton-click":()=>this.onKupClick(i.toString(),"-1"),"onkup-dropdownbutton-itemclick":t=>this.onDropDownItemClick(t,i.toString())}))):(this.kupManager.debug.logMessage(this,"Empty dropdown button.",k.WARNING),null)}prepareDataFromTreeNode(t,i){var e;const o=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(o.customStyle=this.customStyle),1==this.blackMode&&(o.blackMode=!0),1!=this.disabled&&1!=t.disabled||(o.disabled=!0),null!=this.styling&&""!=this.styling.trim()&&(o.styling=this.styling),null!=this.sizing&&(o.sizing=this.sizing),this.contentAlign&&(o.contentAlign=this.contentAlign),null==o.icon&&(o.icon=t.icon),null==o.placeholderIcon&&(o.placeholderIcon=t.placeholderIcon),null==o.label&&(o.label=t.value?t.value:null===(e=t.obj)||void 0===e?void 0:e.k),o.fullHeight=!!this.rootElement.classList.contains("kup-full-height"),o.fullWidth=!!this.rootElement.classList.contains("kup-full-width"),o.id=i.toString(),o.large=!!this.rootElement.classList.contains("kup-large"),o.pulsating=!!this.rootElement.classList.contains("kup-pulsating"),o.shaped=!!this.rootElement.classList.contains("kup-shaped"),o.slim=!!this.rootElement.classList.contains("kup-slim"),o.wrapperClass||(o.wrapperClass=""),this.selected==o.id&&(o.wrapperClass=o.wrapperClass+" selected"),o}getKupListDataForChildren(t){const i=[];for(let e=0;e<t.length;e++){const o=t[e];i.push({icon:o.icon,placeholderIcon:o.placeholderIcon,id:e.toString(),value:o.value})}return i}getObjForEvent(t,i){let e=Number(t),o=-1;null!=i&&""!=i.trim()&&(o=Number(i));let s=this.data[e];return-1!=o?s.children[o].obj:s.obj}renderButtons(){if(null==this.data||this.data.length<1)return null;const t=[];for(let i=0;i<this.data.length;i++){const e=this.data[i];let o=null;o=null!=e.children&&e.children.length>0?this.renderDropdownButton(e,i):this.renderButton(e,i),o&&t.push(o)}return t}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderButtons();let i=this.columns;null!=this.data&&this.data.length>0&&i<=0&&(i=this.data.length);const e={"button-list--container":!0,"show-selection":!(!this.showSelection||!this.selected)};return o(s,{key:"2eb0f4366ad8c57ea4de440af473060b791b3628",style:{"--kup_buttonlist_grid_columns":`repeat(${i}, auto)`}},o("style",{key:"32a015e49320c127d6d94769f4ceee456484544f"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"640343ec653c108a3927e9f77891d0a429828c15",id:Rt},o("div",{key:"06e84a45e463a2d3c71e549775b5656bf45423cb",class:e},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{data:["checkDataset"]}}};Ri.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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 Pi=document.documentElement;function Ii(t){var i;const e=t.data.cell,s=t.data.columns,n=[];let a=null;for(let l=0;l<e.length;l++){const r=e[l],h=t.data.columns[l],c=Pi.ketchup.objects.isImage(r.obj)||Pi.ketchup.objects.isIcon(r.obj)||(null===(i=r.shape)||void 0===i?void 0:i.toUpperCase())===v.IMAGE;if(!a&&c)a={cell:e[l],column:s[l],component:t,density:y.NONE,renderKup:!0,row:{cells:{[s[l].name]:e[l]}},wrapperClass:"c-centered"},r.data||(r.data={resource:r.value});else{const i={cell:r,column:h,component:t,density:y.NONE,renderKup:!0,row:{cells:{[h.name]:r}}};n.push(o("tr",null,o("td",{class:"label"},h.title),o("td",{class:"value"},o(Ft,Object.assign({},i)))))}}return o("div",{class:`box-layout-${t.layoutNumber}`},o("div",{class:"container"},a?o("div",{class:"image"},o(Ft,Object.assign({},a))):null,o("div",{class:"table"},o("table",null,n))))}function Ei(t){var i;const e=t.data.cell,s=t.data.columns,n=[];let a=null;for(let s=0;s<e.length;s++){const l=e[s],r=t.data.columns[s],h=Pi.ketchup.objects.isImage(l.obj)||Pi.ketchup.objects.isIcon(l.obj)||(null===(i=l.shape)||void 0===i?void 0:i.toUpperCase())===v.IMAGE;if(!a&&h)a=s,l.data||(l.data={resource:l.value});else{const i={cell:l,column:r,component:t,density:y.NONE,renderKup:!0,row:{cells:{[r.name]:l}}};n.push(o("tr",null,o("td",{class:"label"},r.title))),n.push(o("tr",null,o("td",{class:"value"},o(Ft,Object.assign({},i)))))}}const l={};return a&&s[a]&&(l[s[a].name]=e[a]),o("div",{class:`box-layout-${t.layoutNumber}`},o("div",{class:"container"},o("div",{class:"image"},a&&o(Ft,Object.assign({},{cell:e[a],column:s[a],component:t,density:y.NONE,renderKup:!0,row:{cells:l},wrapperClass:"c-centered"}))),o("div",{class:"table"},o("table",null,n))))}const Li=Object.freeze({__proto__:null,create1:function(t){const i=[];for(let e=0;e<t.data.cell.length;e++){const s=t.data.cell[e],n=t.data.columns[e],a={cell:s,column:n,component:t,density:y.NONE,renderKup:!0,row:{cells:{[n.name]:s}}};i.push(o("tr",null,o("td",{class:"label"},n.title),o("td",{class:"value"},o(Ft,Object.assign({},a)))))}return o("div",{class:`box-layout-${t.layoutNumber}`},o("table",null,i))},create2:function(t){const i=[];for(let e=0;e<t.data.cell.length;e++){const s=t.data.cell[e],n=t.data.columns[e],a={cell:s,column:n,component:t,density:y.NONE,renderKup:!0,row:{cells:{[n.name]:s}}};a.cell.cssClass=a.cell.cssClass?a.cell.cssClass+" c-right-aligned":"c-right-aligned",i.push(o("tr",null,o("td",{class:"label"},n.title),o("td",{class:"value"},o(Ft,Object.assign({},a)))))}return o("div",{class:`box-layout-${t.layoutNumber}`},o("table",null,i))},create3:function(t){const i=[];for(let e=0;e<t.data.cell.length;e++){const s=t.data.cell[e],n=t.data.columns[e],a={cell:s,column:n,component:t,density:y.NONE,renderKup:!0,row:{cells:{[n.name]:s}}};i.push(o("div",{class:"flex-container"},o("div",{class:"label"},n.title),o("div",{class:"value"},o(Ft,Object.assign({},a)))))}return o("div",{class:`box-layout-${t.layoutNumber}`},o("div",{class:"container"},i))},create4:function(t){var i;const e=t.data.cell,s=t.data.columns;let n=null,a=null;for(let t=0;t<e.length;t++){const o=e[t],s=Pi.ketchup.objects.isImage(o.obj)||Pi.ketchup.objects.isIcon(o.obj)||(null===(i=o.shape)||void 0===i?void 0:i.toUpperCase())===v.IMAGE;!n&&s&&(n=t,o.data||(o.data={resource:o.value})),a||s||(a=t)}const l={};n&&s[n]&&(l[s[n].name]=e[n]);const r={cell:e[n],column:s[n],component:t,density:y.NONE,renderKup:!0,row:{cells:l},wrapperClass:"c-centered"},h={};a&&s[a]&&(h[s[a].name]=e[a]);const c={cell:e[a],column:s[a],component:t,density:y.NONE,renderKup:!0,row:{cells:h},wrapperClass:"c-centered"};return o("div",{class:`box-layout-${t.layoutNumber}`},o("div",{class:"container"},o("div",{class:"image"},n&&o(Ft,Object.assign({},r))),o("div",{class:"value"},a&&o(Ft,Object.assign({},c)))))},create5:Ii,create6:Ei,create7:function(t){return Ii(t)},create8:function(t){return Ei(t)}});var Fi,Ni;!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",t.showMarker="When true shows a small marker on the component"}(Fi||(Fi={})),function(t){t.DATE="date",t.MONTH="month",t.YEAR="year"}(Ni||(Ni={}));const Ki=document.documentElement,Ai=r();function Vi(t,i){i instanceof Date&&!isNaN(i.getTime())||(i=new Date);const e=t.rootElement;e.kupData.value=i,e.kupData.day=e.kupData.value.getDate(),e.kupData.month=e.kupData.value.getMonth(),e.kupData.year=e.kupData.value.getFullYear()}function Bi(t){const i=t.rootElement;return null!=i.kupData.day?i.kupData.day:null}function Hi(t){const i=t.rootElement;return null!=i.kupData.month?i.kupData.month:null}function Yi(t){const i=t.rootElement;return null!=i.kupData.year?i.kupData.year:null}function Xi(t,i){t.rootElement.kupData.day=i}function Gi(t,i){t.rootElement.kupData.month=i}function Ui(t,i){t.rootElement.kupData.year=i}function qi(t){const i=t.rootElement;return null!=i.kupData.firstDayIndex?i.kupData.firstDayIndex:1}function Ji(t){const i=t.rootElement;return i.kupData.calendarView?i.kupData.calendarView:Ni.DATE}function Zi(t,i){t.rootElement.kupData.calendarView=i}function Qi(t){const i=t-t%10;return{initYear:i,endYear:i+16-1}}function te(t){t.refresh()}function ie(t,i){let e;switch(e=Ki.ketchup.dates.isIsoDate(i)?new Date(i):new Date,Gi(t,e.getMonth()),Ui(t,e.getFullYear()),Ji(t)){case Ni.MONTH:Zi(t,Ni.DATE);break;case Ni.YEAR:Zi(t,Ni.MONTH)}te(t)}function ee(t,i){let e;e=Ki.ketchup.dates.isIsoDate(i)?new Date(i):new Date,Vi(t,e),t.onKupClick(t.rootElement.id,i),te(t)}const oe=document.documentElement;function se(t){const i=t.rootElement;return null!=i.kupData.manageSeconds&&i.kupData.manageSeconds}function ne(t){const i=t.rootElement;return i.kupData.value?i.kupData.value:""}function ae(t){const i=t.rootElement;return null!=i.kupData.hoursActive&&i.kupData.hoursActive}function le(t){const i=t.rootElement;return null!=i.kupData.minutesActive&&i.kupData.minutesActive}function re(t){const i=t.rootElement;return null!=i.kupData.secondsActive&&i.kupData.secondsActive}function he(t,i){i&&(t.rootElement.kupData[i.id]=i)}function ce(t,i){return t.rootElement.shadowRoot.getElementById(i)}function pe(t,i,e,o){const s=t.rootElement;s.kupData.hoursActive=i,s.kupData.minutesActive=e,s.kupData.secondsActive=o}function ue(t,i,e){ce(t,w.HOURS).classList.remove(_.VISIBLE),ce(t,w.HOURSCIRCLE).classList.remove(_.VISIBLE),ce(t,w.MINUTES).classList.remove(_.VISIBLE),ce(t,w.MINUTESCIRCLE).classList.remove(_.VISIBLE),se(t)&&(ce(t,w.SECONDS).classList.remove(_.VISIBLE),ce(t,w.SECONDSCIRCLE).classList.remove(_.VISIBLE)),ce(t,i).classList.add(_.VISIBLE),ce(t,e).classList.add(_.VISIBLE)}function de(t,i,e,s,n,a,l,r,h){let c,p;const u=[];for(let d=0;d<t;d++){let f;c=i*Math.cos(d/t*2*Math.PI),p=i*Math.sin(d/t*2*Math.PI);let m={},g={};1==l?(f=d+3>12?d+3-12+a+"":24!==d+3+a?d+3+a+"":"00",m["data-value"]=f):d%l==0?d+15>=60?(m["data-value"]=d+15-60+"",f=d+15-60+a+""):(m["data-value"]=d+15+"",f=d+15+a+""):d+15>=60?(m["data-value"]=d+15-60+"",f="⋅"):(m["data-value"]=d+15+"",f="·"),g.left=c+e+"px",g.top=p+s+"px",1===m["data-value"].length&&(m["data-value"]="0"+m["data-value"]);let b=n;m["data-value"]===r&&(b+=" selected");let k=o("div",Object.assign({class:b,style:g},m,{onClick:t=>me(t,h)}),f);u.push(k)}return u}function fe(t,i){const e=ce(i,w.HOURS),o=ce(i,w.MINUTES),s=ce(i,w.SECONDS);let n=e.innerText+":"+o.innerText;se(i)&&(n+=":"+s.innerText),function(t,i,e){null!=t&&null==e&&(e=t.detail.selected.id),function(t,i){null==i&&(i=ne(t)),null!=i&&function(t,i){t.rootElement.kupData.value=i}(t,i)}(i,e),i.onKupClick(i.rootElement.id,e)}(t,i,n)}function me(t,i){const e=ce(i,w.HOURS),o=ce(i,w.MINUTES),s=ce(i,w.HOURSCIRCLE),n=ce(i,w.MINUTESCIRCLE),a=ce(i,w.SECONDS),l=ce(i,w.SECONDSCIRCLE);let r=t.target.getAttribute("data-value");ae(i)?(e.innerText=r,s.querySelector(".selected").classList.remove("selected"),pe(i,!1,!0,!1),ue(i,w.MINUTES,w.MINUTESCIRCLE)):le(i)?(o.innerText=r,n.querySelector(".selected").classList.remove("selected"),se(i)?(pe(i,!1,!1,!0),ue(i,w.SECONDS,w.SECONDSCIRCLE)):(fe(t,i),pe(i,!0,!1,!1),ue(i,w.HOURS,w.HOURSCIRCLE))):(a.innerText=r,l.querySelector(".selected").classList.remove("selected"),fe(t,i),pe(i,!0,!1,!1),ue(i,w.HOURS,w.HOURSCIRCLE)),t.target.classList.add("selected")}const ge=document.documentElement,be=[z.AVERAGE,z.DIFFERENCE,z.PRODUCT,z.SUM];function ke(t){return t.rootElement.shadowRoot.querySelector("kup-combobox")}const ve=document.documentElement,ye=document.documentElement;function xe(t){return t.data.options?t.data.options:{resetStatus:!1}}function we(t,i){const e=xe(t),o=t.rootElement,s=".";let n=o.kupData.value?o.kupData.value.toString():"0";"0"==n&&i!=s&&(n=""),i==s&&n.includes(s)||e.maxLength&&n.replace(s,"").length==e.maxLength||e.maxIntegers&&i!=s&&!n.includes(s)&&n.length==e.maxIntegers||e.maxDecimals&&n.includes(s)&&n.substring(n.indexOf(s)+1).length==e.maxDecimals||n.includes(s)&&14==n.substring(n.indexOf(s)+1).length||(n+=i,o.kupData.value=n,o.kupData.localeValue=ye.ketchup.math.numbers.toLocaleString(n),t.refresh())}const _e=document.documentElement;let ze=null,Ce=null,je=null,$e=null,Oe=null;const We=Object.freeze({__proto__:null,create1:function(t){return o("div",{class:`built-in-layout-${t.layoutNumber} ${_.BUILT_IN_CARD}`},function(t){const i=t.rootElement;if(i.kupData||(i.kupData={}),t.data&&t.data.options){const e=t.data.options;if(e.resetStatus){i.kupData={};const o=e.initialValue;e.initialValue&&Vi(t,o&&o.k?new Date(o.k):new Date(e.initialValue)),null!=e.firstDayIndex&&(i.kupData.firstDayIndex=e.firstDayIndex),null!=e.showPreviousNextMonthDays&&void 0!==e.showPreviousNextMonthDays&&(i.kupData.showPreviousNextMonthDays=e.showPreviousNextMonthDays),e.resetStatus=!1}}i.kupData.value||Vi(t,new Date);const e=Ki.ketchup.dates.getMonthsAsString(),s=Yi(t),n=Hi(t),a=Qi(s),l=a.initYear,r=a.endYear;let h="not-set";switch(Ji(t)){case Ni.DATE:h=e[n]+", "+s.toString();break;case Ni.MONTH:h=s.toString();break;case Ni.YEAR:h=l.toString()+" - "+r.toString()}const c={icon:"chevron_left",wrapperClass:"prev-page",onClick:()=>function(t){let i=Hi(t),e=Yi(t);Ji(t)==Ni.DATE&&(i<1?(i=11,e--):i--),Ji(t)==Ni.MONTH&&e--,Ji(t)==Ni.YEAR&&(e=Qi(e).initYear-1),Xi(t,null),Gi(t,i),Ui(t,e),te(t)}(t)},p=o(It,Object.assign({},c)),u={icon:"chevron_right",wrapperClass:"next-page",onClick:()=>function(t){let i=Hi(t),e=Yi(t);Ji(t)==Ni.DATE&&(i>10?(i=0,e++):i++),Ji(t)==Ni.MONTH&&e++,Ji(t)==Ni.YEAR&&(e=Qi(e).endYear+1),Xi(t,null),Gi(t,i),Ui(t,e),te(t)}(t)},f=o(It,Object.assign({},u)),m={wrapperClass:"change-view-button kup-neutral",styling:Lt.FLAT,label:h,onClick:()=>function(t){switch(Xi(t,null),Ji(t)){case Ni.DATE:Zi(t,Ni.MONTH);break;case Ni.MONTH:Zi(t,Ni.YEAR);break;case Ni.YEAR:Zi(t,Ni.DATE)}te(t)}(t),id:"change-view-button"},g={icon:"calendar",wrapperClass:"today-navigation-button kup-neutral",styling:Lt.FLAT,title:Ai.language.translate(d.TODAY),onClick:()=>function(t){Vi(t,new Date),t.onKupClick(t.rootElement.id,(new Date).toISOString()),te(t)}(t)};return o("div",{id:t.rootElement.id+"_calendar"},o("div",{class:"section-1"},o("div",{class:"sub-1 nav"},p,o(It,Object.assign({},g)),o(It,Object.assign({},m)),f)),o("div",{class:"section-2"},function(t){switch(Ji(t)){case Ni.DATE:return function(t){const i=Ki.ketchup.dates.getDaysOfWeekAsString(qi(t)),e=function(t){const i=t.rootElement;return null==i.kupData.value&&Vi(t,new Date),i.kupData.value}(t),s=Bi(t),n=Hi(t),a=Yi(t),l=[],r=[];for(let t=0;t<i.length;t++)l.push(o("th",null,o("span",{class:"item-text"},i[t])));const h=new Date(a,n,1),c=new Date(a,n+1,0),p=new Date,u=new Date(a,n,0);let d=qi(t);const f=h.getDay();let m=[],g=0;const b=function(t){const i=t.rootElement;return null==i.kupData.showPreviousNextMonthDays||i.kupData.showPreviousNextMonthDays}(t);let k=0;for(;d!=f;)m.unshift(o("td",{class:"item-disabled"},o("span",{class:"item-number"},b?u.getDate()-k++:""))),d++,g++,d>6&&(d=0);let v=1;for(;v<=c.getDate();){let i=g;for(let l=g;l<7;l++){let r="item",h={"data-index":a.toString()+"-"+x((n+1).toString(),"0",2,!0)+"-"+x(v.toString(),"0",2,!0)};(null!=s&&v===s||v===e.getDate()&&n===e.getMonth()&&a===e.getFullYear())&&(r+=" selected");let u="item-number";if(p.getFullYear()==a&&p.getMonth()==n&&p.getDate()==v&&(u+=" today"),m.push(o("td",{class:r},o("span",Object.assign({},h,{class:u,onClick:()=>{ee(t,h["data-index"])}}),v))),v++,i=l,v>c.getDate())break}let l=1;for(let t=i+1;t<7;t++)m.push(o("td",{class:"item-disabled"},o("span",{class:"item-number"},b?l++:"")));m.length>0&&(r.push(o("tr",null,m)),m=[]),g=0}return o("div",null,o("table",{class:"calendar"},o("thead",null,l),o("tbody",null,r)))}(t);case Ni.MONTH:return function(t){const i=Ki.ketchup.dates.getMonthsAsString(Bt.SHORT);let e=Bi(t);const s=Hi(t),n=Yi(t);null==e&&(e=1);const a=[];let l=[],r=0;for(;r<12;){for(let a=0;a<4;a++){let a="item";const h={"data-index":n.toString()+"-"+x((r+1).toString(),"0",2,!0)+"-"+x(e.toString(),"0",2,!0)};r===s&&(a+=" selected"),l.push(o("td",{class:a},o("span",Object.assign({},h,{class:"item-number",onClick:()=>{ie(t,h["data-index"])}}),i[r]))),r++}l.length>0&&(a.push(o("tr",null,l)),l=[])}return o("table",{class:"calendar"},o("tbody",null,a))}(t);case Ni.YEAR:return function(t){let i=Bi(t);const e=Hi(t),s=Yi(t);null==i&&(i=1);const n=Qi(s),a=n.endYear,l=[];let r=[],h=n.initYear;for(;h<=a;){for(let n=0;n<4;n++){let n="item",a={"data-index":h.toString()+"-"+x((e+1).toString(),"0",2,!0)+"-"+x(i.toString(),"0",2,!0)};h===s&&(n+=" selected"),r.push(o("td",{class:n},o("span",Object.assign({},a,{class:"item-number",onClick:()=>{ie(t,a["data-index"])}}),h))),h++}r.length>0&&(l.push(o("tr",null,r)),r=[])}return o("table",{class:"calendar"},o("tbody",null,l))}(t)}}(t)))}(t))},create2:function(t){return o("div",{class:`built-in-layout-${t.layoutNumber} ${_.BUILT_IN_CARD}`},function(t){const i=t.rootElement;if(i.kupData={},t.data&&t.data.options){const e=t.data.options,o=e.initialValue;e.initialValue&&(i.kupData.value=o&&o.k?o.k:e.initialValue),null!=e.manageSeconds&&(i.kupData.manageSeconds=e.manageSeconds),null!=e.hoursActive&&(i.kupData.hoursActive=e.hoursActive),null!=e.minutesActive&&(i.kupData.minutesActive=e.minutesActive),null!=e.secondsActive&&(i.kupData.secondsActive=e.secondsActive)}else i.kupData.hoursActive=!0;return function(t){return o("div",{id:"clock-div",onBlur:i=>{(function(t,i){if(!t.relatedTarget)return!1;let e=t.relatedTarget.id;return null!=e&&""!=e.trim()&&(e==ce(i,w.CLOCK).id||"#clock-div#confirm#".indexOf("#"+e+"#")>=0)})(i,t)||function(t){t.onKupClick(t.rootElement.id,ne(t))}(t)}},function(t){let i;i=ne(t)?oe.ketchup.dates.toDayjs(ne(t),se(t)?Ht.ISO_TIME:Ht.ISO_TIME_WITHOUT_SECONDS).toDate():new Date;let e=i.getHours().toString(),s=i.getMinutes().toString();1===e.length&&(e="0"+e),1===s.length&&(s="0"+s);let n,a="";se(t)&&(a=i.getSeconds().toString(),1===a.length&&(a="0"+a));let l=[o("span",{id:w.HOURS,class:`h ${ae(t)?_.VISIBLE:""}`,ref:i=>{he(t,i)},onClick:()=>{pe(t,!0,!1,!1),ue(t,w.HOURS,w.HOURSCIRCLE)},innerHTML:e}),":",o("span",{id:w.MINUTES,class:`m ${le(t)?_.VISIBLE:""}`,ref:i=>{he(t,i)},onClick:()=>{pe(t,!1,!0,!1),ue(t,w.MINUTES,w.MINUTESCIRCLE)},innerHTML:s})];se(t)&&(n=o("div",{id:w.SECONDSCIRCLE,class:`circle seconds ${re(t)?_.VISIBLE:""}`,ref:i=>{he(t,i)}},de(60,101,115,115,"sec unit",0,5,a,t),o("div",{class:"mid"})),l.push(":",o("span",{id:w.SECONDS,class:`s ${re(t)?_.VISIBLE:""}`,ref:i=>{he(t,i)},onClick:()=>{pe(t,!1,!1,!0),ue(t,w.SECONDS,w.SECONDSCIRCLE)},innerHTML:a})));const r={label:"Ok",styling:Lt.FLAT,onClick:i=>{fe(i,t)}};return o("div",{class:"clock",id:w.CLOCK,ref:i=>{he(t,i)}},o("div",{class:"top"},l),o("div",{id:w.HOURSCIRCLE,class:`circle hours ${ae(t)?_.VISIBLE:""}`,ref:i=>{he(t,i)}},de(12,101,105,105,"hour",0,1,e,t),de(12,64,110,110,"hour2",12,1,e,t),o("div",{class:"mid"})),o("div",{id:w.MINUTESCIRCLE,class:`circle minutes ${le(t)?_.VISIBLE:""}`,ref:i=>{he(t,i)}},de(60,101,115,115,"min unit",0,5,s,t),o("div",{class:"mid"})),n,o("div",{class:"actions"},o(It,Object.assign({},r))))}(t))}(t)}(t))},create3:function(t){return o("div",{class:`built-in-layout-${t.layoutNumber} ${_.BUILT_IN_CARD}`},function(t){const i=t.data.options,e=[];let s,n,a,l;for(let t=0;t<i.data.columns.length;t++){const o=i.data.columns[t];!1!==o.visible&&o.obj&&ge.ketchup.objects.isNumber(o.obj)&&e.push({obj:o.obj,value:o.name,title:o.title,id:o.name})}const r=!!(e.length>0);return(i.enableMerge||i.enableMove)&&(s=function(t){const i=[];return t.enableMerge&&i.push({icon:"library_add",id:d.MERGE,value:ge.ketchup.language.translate(d.MERGE)}),t.enableMove&&i.push({icon:"swap_horiz",id:d.MOVE,value:ge.ketchup.language.translate(d.MOVE)}),i.length>0?o("kup-list",{data:i,showIcons:!0,"onkup-list-click":i=>function(t,i){switch(t.detail.selected.id){case d.MERGE:i.mergeCb&&i.mergeCb();break;case d.MOVE:i.moveCb&&i.moveCb()}}(i,t)}):null}(i)),i.enableFormula&&(n=function(t,i){const e=[],s=ge.ketchup.objects.isNumber(t.receivingColumn.obj)&&ge.ketchup.objects.isNumber(t.starterColumn.obj);s?e.push({id:z.AVERAGE,value:ge.ketchup.language.translate(z.AVERAGE)},{id:z.DIFFERENCE,value:ge.ketchup.language.translate(z.DIFFERENCE)},{id:z.PRODUCT,value:ge.ketchup.language.translate(z.PRODUCT)},{id:z.SUM,value:ge.ketchup.language.translate(z.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`}):e.push({id:C.NO_FORMULA,value:ge.ketchup.language.translate(C.NO_FORMULA)});const n={"kup-list":{data:e,selectable:!!s},"kup-text-field":{helper:i?s?`i.e.: [${t.receivingColumn.name}] - [${t.starterColumn.name}] + 1`:ge.ketchup.language.translate(C.NON_NUMERICAL):ge.ketchup.language.translate(C.NON_NUMERICAL_IN_TABLE),label:ge.ketchup.language.translate(z.FORMULA),outlined:!0}};return o("kup-combobox",{data:n,disabled:!i})}(i,r),r&&(a=o("kup-button",{"onKup-button-click":()=>async function(t){const i=t.data.options,e=ke(t);if(e){const t=await e.getValue(),o=t.split(";"),s=o.length>=2,n=s?o[0].trim():"",a=s?o[1].trim():t;if(be.includes(a)){const t=ge.ketchup.data.column.new(i.data,j.MATH,{columns:[i.receivingColumn.name,i.starterColumn.name],newColumn:s?{name:n,title:n}:void 0,operation:a});void 0!==i.formulaCb&&i.formulaCb(t)}else{const t=ge.ketchup.data.column.new(i.data,j.MATH,{newColumn:s?{name:n,title:n}:void 0,operation:a});"string"==typeof t||t instanceof String?(e.classList.add("kup-danger"),e.data["kup-text-field"].helper=t,e.refresh()):void 0!==i.formulaCb&&i.formulaCb(t)}}}(t),label:ge.ketchup.language.translate(z.CALCULATE),styling:Lt.OUTLINED}),l=o("div",{class:"sub-chip"},o("kup-chip",{data:e,"onKup-chip-click":i=>function(t,i){const e=ke(i),o=t.detail.chip.value;e.getValue().then((t=>{let i=t;i+="["+o+"]",e.setValue(i)}))}(i,t)})))),[s,n,a,l]}(t))},create4:function(t){return o("div",{class:`built-in-layout-${t.layoutNumber} ${_.BUILT_IN_CARD}`})},create5:function(t){return o("div",{class:`built-in-layout-${t.layoutNumber} ${_.BUILT_IN_CARD}`},function(t){const i=t.rootElement;i.kupData||(i.kupData={value:null,localeValue:""});let e=!1,s=!1;const n=xe(t);if(n.resetStatus){i.kupData={value:null,localeValue:""};const t=n.initialValue;n.initialValue&&(i.kupData.value=t&&t.k?t.k:n.initialValue.toString(),i.kupData.localeValue=ye.ketchup.math.numbers.toLocaleString(i.kupData.value)),n.resetStatus=!1}n.negative&&(s=!0),n.decimals&&(e=!0);const a={icon:"cancel",onClick:()=>function(t){const i=t.rootElement;i.kupData.value=null,i.kupData.localeValue="",t.refresh()}(t)},l={icon:"save",onClick:()=>function(t){const i=t.rootElement;t.onKupClick(t.rootElement.id,i.kupData.value?Number(i.kupData.value).toString():"")}(t)},r=.1.toLocaleString(ye.ketchup.math.locale).substring(1,2);return o("table",null,o("tr",null,o("td",{colSpan:3},o("div",{class:"value"},i.kupData.localeValue))),o("tr",null,o("td",null,o("div",{class:"number",onClick:()=>we(t,"1")},"1")),o("td",null,o("div",{class:"number",onClick:()=>we(t,"2")},"2")),o("td",null,o("div",{class:"number",onClick:()=>we(t,"3")},"3"))),o("tr",null,o("td",null,o("div",{class:"number",onClick:()=>we(t,"4")},"4")),o("td",null,o("div",{class:"number",onClick:()=>we(t,"5")},"5")),o("td",null,o("div",{class:"number",onClick:()=>we(t,"6")},"6"))),o("tr",null,o("td",null,o("div",{class:"number",onClick:()=>we(t,"7")},"7")),o("td",null,o("div",{class:"number",onClick:()=>we(t,"8")},"8")),o("td",null,o("div",{class:"number",onClick:()=>we(t,"9")},"9"))),o("tr",null,o("td",null,s?[o("div",{class:"number",onClick:()=>function(t){const i=t.rootElement;let e=i.kupData.value?i.kupData.value:"0";e.startsWith("-")||(e="-"+e,i.kupData.value=e,i.kupData.localeValue=ye.ketchup.math.numbers.toLocaleString(e),t.refresh())}(t)},"-")]:[]),o("td",null,o("div",{class:"number",onClick:()=>we(t,"0")},"0")),o("td",null,e?[o("div",{class:"number",onClick:()=>we(t,".")},r)]:[])),o("tr",null,o("td",null),o("td",null,o(It,Object.assign({},a))),o("td",null,o(It,Object.assign({},l)))))}(t))},create6:function(t){return o("div",{class:`built-in-layout-${t.layoutNumber} ${_.BUILT_IN_CARD}`},function(t){const i=t.data.options,e=!(!i.cancelCb&&!i.confirmCb);return o("div",{class:"message-box"},i.text?o("div",{class:"text"},i.text):null,e?o("div",{class:"button-wrapper"},i.cancelCb?o(It,{icon:"clear",label:i.cancelLabel?i.cancelLabel:ve.ketchup.language.translate(d.ABORT),onClick:i.cancelCb,styling:Lt.FLAT}):null,i.confirmCb?o(It,{icon:"check",label:i.confirmLabel?i.confirmLabel:ve.ketchup.language.translate(d.CONFIRM),onClick:i.confirmCb}):null):null)}(t))},create7:function(t){return o("div",{class:`built-in-layout-${t.layoutNumber} ${_.BUILT_IN_CARD}`},function(t){const i=t.data.options,e=t=>{Ce.disabled=t,ze.disabled=t,je.showSpinner=t},s=()=>{Oe&&i.authCb(Oe)};return je&&e(!1),o("div",{class:`wrapper ${i.state}`},"authentication"===i.state?[o("div",{class:"title"},"Authentication"),o("kup-text-field",{class:"password",label:"Password",icon:"key-variant",inputType:"password",helperEnabled:!0,"onKup-textfield-iconclick":s,"onKup-textfield-submit":s,ref:t=>Oe=t}),o("kup-button",{class:"login-button",label:"Login","onKup-button-click":s})]:"ready"===i.state?[o("div",{class:"query-area"},o("kup-text-field",{label:"Ask me something!",textArea:!0,ref:t=>ze=t}),o("div",{class:"buttons"},o("kup-button",{icon:"clear",label:"Clear","onKup-button-click":()=>{ze.setValue("")},styling:Lt.FLAT,ref:t=>Ce=t}),o("kup-button",{class:"stt",icon:"keyboard_voice","onKup-button-click":()=>(t=>{i.sttCb&&i.sttCb(t,$e)})(ze),ref:t=>$e=t,styling:Lt.ICON},o("kup-spinner",{active:!0,dimensions:"0.6em",layout:6,slot:"spinner"})),o("kup-button",{icon:"smeup-ai",label:"Submit","onKup-button-click":()=>(async()=>{i.submitCb&&i.submitCb(e,ze)})(),ref:t=>je=t},o("kup-spinner",{active:!0,dimensions:"0.6em",slot:"spinner"})))),o("div",{class:`chat-area ${_.AUTOSCROLL}`},(()=>{const t=[];return i.messages&&i.messages.length>0?i.messages.forEach((i=>{t.push(o("div",{class:"message-container"},o("div",{class:i.type},(t=>{if("request"==t.type)return[o("div",{class:"paragraph"},t.text)];let i=[],e=t.funs,s=t.text,n=0;for(const t of e){i.push(o("div",{class:"paragraph"},s.slice(n,t.index)));let e=t[0].trim();e.startsWith("#[")&&(e=e.replace("#[","")),e.endsWith("]#")&&(e=e.replace("]#","")),i.push(o("div",{class:"fun",title:"Execute FUN.",onClick:()=>{_e.ketchup.openAI.onFunClick&&_e.ketchup.openAI.onFunClick(e)}},e)),n=t.index+t[0].length}return i.push(o("div",{class:"paragraph"},s.slice(n))),i})(i)),o(It,{icon:"content-copy",onClick:()=>{navigator.clipboard.writeText(i.text)},title:"Copy text to clipboard.",wrapperClass:"copy"})))})):t.push(o("div",{class:"empty"},"Your chat history is empty!")),t})())]:"connecting"===i.state?[o("div",{class:"spinner"},o("kup-spinner",{active:!0,layout:6,dimensions:"7px"})),o("div",{class:"title"},"Just a moment."),o("div",{class:"text"},"We're connecting you to your AI assistant...")]:[o(Pt,{resource:"hotel",sizeX:"4em",sizeY:"4em"}),o("div",{class:"title"},"Zzz..."),o("div",{class:"text"},"Your AI assistant is currently offline!")])}(t))}});var De;function Me(t,i,e=t.length){let s=[];for(let n=0;n<Math.min(e,t.length);n++)switch("string"==typeof t[0]||t[n].id||(t[n].id=i+n),i){case"autocomplete":s.push(o("kup-autocomplete",Object.assign({},t[n])));break;case"button":s.push(o("kup-button",Object.assign({},t[n])));break;case"checkbox":s.push(o("kup-checkbox",Object.assign({},t[n])));break;case"combobox":s.push(o("kup-combobox",Object.assign({},t[n])));break;case"datepicker":s.push(o("kup-date-picker",Object.assign({},t[n])));break;case"slot":s.push(o("slot",null));break;case"text":s.push(o("div",{class:"text"}," ",t[n]));break;case"textfield":s.push(o("kup-text-field",Object.assign({},t[n])));break;case"timepicker":s.push(o("kup-time-picker",Object.assign({},t[n])))}return s}function Se(t){return o("div",{id:W.DRAG_HANDLE,class:_.HEADER_BAR},t?o("div",{class:_.DIALOG_TITLE},t):null,o(Pt,{color:`var(${b.TITLE})`,sizeX:"1.25em",sizeY:"100%",resource:"clear",id:W.DIALOG_CLOSE}))}function Te(){return o("div",{class:"collapsible-trigger"},o("kup-button",{id:W.EXPAND_ACTION,toggable:!0,iconOff:"keyboard_arrow_down",icon:"keyboard_arrow_up"}))}!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"}(De||(De={}));const Re=Object.freeze({__proto__:null,create1:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`collapsible-layout-${t.layoutNumber} ${_.COLLAPSIBLE_CARD}`,style:{"--color-0":e[0]?e[0]:`var(${b.PRIMARY})`}},o("div",{class:"section-1"}),o("div",{class:"section-2"},o("div",{class:"sub-1"},o("div",{class:"text left"},n[s]?n[s]:""),o("div",{class:"text right"},n[++s]?n[s]:"")),o("div",{class:"sub-2"},o("div",{class:"text"},n[++s]?n[s]:"")),o("div",{class:`sub-3 ${_.COLLAPSIBLE_WRAPPER}`},i[0]?o("kup-chip",Object.assign({class:_.COLLAPSIBLE_ELEMENT,id:"chip1"},i[0])):null)),Te())},create2:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[],s=t.data.image?t.data.image:[];let n=0;const a=t.data.text?t.data.text:[];return o("div",{class:`collapsible-layout-${t.layoutNumber} ${_.COLLAPSIBLE_CARD}`,style:{"--color-0":e[0]?e[0]:`var(${b.PRIMARY})`}},o("div",{class:"section-1"},o("div",{class:"sub-1"},o("div",{class:"text"},a[n]?a[n]:"")),o("div",{class:"sub-2"},o("div",{class:"text"},a[++n]?a[n]:"")),o("div",{class:"sub-3"},o("div",{class:"image"},s[0]?o(Pt,Object.assign({id:"image1"},s[0],{sizeX:"24px",sizeY:"24px"})):null),o("div",{class:"text"},a[++n]?a[n]:"")),o("div",{class:`sub-4 ${_.COLLAPSIBLE_WRAPPER}`},i[0]?o("kup-chip",Object.assign({class:_.COLLAPSIBLE_ELEMENT,id:"chip1"},i[0])):null)),Te())}}),Pe=document.documentElement;function Ie(t){for(let i=0;i<t.columns.length;i++){const e=t.columns[i];if(!isNaN(parseInt(e.name))&&e.visible)return i}return null}const Ee=Object.freeze({__proto__:null,create1:function(t){const i=t.data.text?t.data.text:[],e=[];for(let t=1;t<i.length;t++)e.push(o("span",{class:"text "+(t%2==0?"":"label")},i[t]));return o("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},Se(i[0]),o("div",{class:"section-1"},e))},create2:function(t){const i=t.data.text?t.data.text:[],e=[];for(let t=3;t<i.length;t++)e.push(o("span",{class:"text "+(t%2==0?"":"label")},i[t]));return o("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},Se(i[0]?i[0]:""),i[1]&&i[2]?o("div",{class:"section-1"},o("div",{class:"text label"},i[1]),o("div",{class:"text "},i[2])):null,o("div",{class:"section-2"},e))},create3:function(t){const i=t.data.button?t.data.button:[],e=t.data.combobox?t.data.combobox:[],s=Array.prototype.slice.call(t.rootElement.children,0),n=t.data.textfield?t.data.textfield:[];return o("div",{class:`dialog-layout-${t.layoutNumber} ${_.DIALOG_UNRESIZABLE}`},o("div",null,i.length>0||n.length>0?o("div",{class:"section-1"},o(Pt,{id:W.DRAG_HANDLE,resource:"drag_handle",sizeX:"32px",sizeY:"32px"}),Me(i,"button"),Me(n,"textfield"),Me(e,"combobox")):null,s.length>0?o("div",{class:"section-2"},Me(s,"slot")):null))},create4:function(t){const i=t.data.button?t.data.button:[],e=t.data.text?t.data.text:[],s=t.data.datatable?t.data.datatable:[];return o("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},Se(e[0]?e[0]:""),s[0]&&i[0]&&i[1]?o("div",{class:"section-1"},o("kup-button",Object.assign({},i[0],{id:W.PREVIOUS_ROW,"onkup-button-click":()=>function(t){const i=t.rootElement.shadowRoot;let e=null,o=null,s=null,n=null;if(i&&(s=i.querySelector("kup-data-table"),e=i.querySelector("#"+W.NEXT_ROW),o=i.querySelector("#"+W.PREVIOUS_ROW),s&&(n=s.data)),n){let t=Ie(n);if(t){const i=n.columns[t],s=n.columns[t-1],a=n.columns[t-2];isNaN(parseInt(s.name))||(i.visible=!1,s.visible=!0,isNaN(parseInt(a.name))&&(o.disabled=!0)),e.disabled=!1}s.refresh()}}(t),title:Pe.ketchup.language.translate(D.PREVIOUS)})),o("kup-button",Object.assign({},i[1],{id:W.NEXT_ROW,"onkup-button-click":()=>function(t){const i=t.rootElement.shadowRoot;let e=null,o=null,s=null,n=null;if(i&&(s=i.querySelector("kup-data-table"),e=i.querySelector("#"+W.NEXT_ROW),o=i.querySelector("#"+W.PREVIOUS_ROW),s&&(n=s.data)),n){let t=Ie(n);if(t){const i=n.columns[t+1],s=n.columns[t+2];i&&(n.columns[t].visible=!1,i.visible=!0,s||(e.disabled=!0)),o.disabled=!1}s.refresh()}}(t),title:Pe.ketchup.language.translate(D.NEXT)}))):null,s[0]?o("div",{class:"section-2"},o("kup-data-table",Object.assign({id:"datatable1"},s[0]))):null)},create5:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0),e=t.data.list?t.data.list:[],s=t.data.text?t.data.text:[];return o("div",{class:`dialog-layout-${t.layoutNumber} ${_.DIALOG_UNRESIZABLE}`},Se(s[0]?s[0]:""),o("div",null,i.length>0?o("div",{class:"section-1"},Me(i,"slot")):null,e[0]?o("div",{class:"section-2"},o("kup-list",Object.assign({id:"list1"},e[0]))):null))},create6:function(t){const i=t.data.datatable?t.data.datatable:[],e=t.data.text?t.data.text:[];return o("div",{class:`dialog-layout-${t.layoutNumber}`},Se(e[0]?e[0]:""),o("div",{class:"section-1"},i.length>0?o("kup-data-table",Object.assign({id:"datatable1"},i[0])):o("kup-spinner",{active:!0,dimensions:"7px",layout:14})))},create7:function(t){const i=t.data&&t.data.text?t.data.text:[],e=Array.prototype.slice.call(t.rootElement.children,0);return o("div",{class:`dialog-layout-${t.layoutNumber}`},Se(i[0]?i[0]:""),e.length>0?Me(e,"slot"):null)},create8:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[],s=t.data.text?t.data.text:[],n=t.data.tree?t.data.tree:[],a=s.slice(0,5),l=s.slice(5),r=[],h=[],c=[];for(let t=0;t<l.length;t++)t%2==0?h.push(l[t]):c.push(l[t]);for(let t=0;t<h.length;t++)r.push(o("div",{class:"detail-row"},o("div",{class:"detail-row__label ellipsis"},h[t]),o("div",{class:"detail-row__value ellipsis"},c[t])));const p=[],u=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&p.push(e.id),(f=e.id)!==De.BUTTON_OPEN_IN_NEW&&f!==De.BUTTON_SEARCH&&u.push(e)}var f;return o("div",{class:`dialog-layout-${t.layoutNumber}`},o("div",{id:W.DRAG_HANDLE,class:"drag-handle"}),o("div",{class:"section-1"},e[0]?o(Pt,Object.assign({id:"image1"},e[0],{sizeX:"44px",sizeY:"44px"})):o("div",{class:"sub-spinner"},o("kup-spinner",{active:!0,dimensions:"7px",layout:14})),o("div",{class:"sub-1"},s[0]||p.includes(De.BUTTON_OPEN_IN_NEW)||p.includes(De.BUTTON_SEARCH)?o("div",{class:"top"},s[0]?o("div",{class:"title"},o("span",{class:`label ${_.CLICKABLE_LINK}`,id:"title-link"},s[0])):null,p.includes(De.BUTTON_OPEN_IN_NEW)||p.includes(De.BUTTON_SEARCH)?o("div",{class:"buttons"},p.includes(De.BUTTON_OPEN_IN_NEW)?o("kup-button",Object.assign({},i.find((t=>t.id===De.BUTTON_OPEN_IN_NEW)))):null,p.includes(De.BUTTON_SEARCH)?o("kup-button",Object.assign({},i.find((t=>t.id===De.BUTTON_SEARCH)))):null):null):null,a[1]&&a[2]?o("div",{class:"info"},o("span",{class:"label"},a[1]),o("span",{class:"value"},a[2])):null,a[3]&&a[4]?o("div",{class:"info"},o("span",{class:"label"},a[3]),o("span",{class:"value"},a[4])):null)),o("div",{class:"section-2"},o("div",{class:`${_.CARD_VIEW} ${_.VIEW_PREFIX}1 ${_.VISIBLE}`},o("div",{class:"info"},r.length>0?r:null)),o("div",{class:`${_.CARD_VIEW} ${_.VIEW_PREFIX}2`},n[0]?o("kup-tree",Object.assign({class:"kup-full-width"},n[0])):null)),u.length>0?o("div",{class:"section-3"},Me(u.slice(0,5),"button"),u.length>5?(()=>{const t={data:{"kup-list":{data:[],showIcons:!0}},dropdownOnly:!0,icon:"more_vert",styling:Lt.ICON};for(let i=5;i<u.length;i++){const e=u[i];t.data["kup-list"].data.push(Object.assign(Object.assign({},e),{value:e.title}))}return o("kup-dropdown-button",Object.assign({},t,{id:"options",title:Pe.ketchup.language.translate(d.OPTIONS)}))})():null,n[0]?o("kup-button",{title:Pe.ketchup.language.translate(d.SHOW_ROW_OPTIONS),id:"view-selector",icon:"menu"}):null):null)}}),Le=Object.freeze({__proto__:null,create1:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0);return o("div",{class:`free-layout-${t.layoutNumber}`},i.length>0?Me(i,"slot"):null)},create2:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0);return o("div",{class:`free-layout-${t.layoutNumber}`},i.length>0?Me(i,"slot"):null)}}),Fe=document.documentElement,Ne=Object.freeze({__proto__:null,create1:function(t){const i=t.data.color?t.data.color:[];let e=0;const s=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"descr"},o("div",{style:i[0]?{color:i[0]}:void 0},s[e]?s[e]:"")),o("div",{class:"value"},o("div",{style:i[1]?{color:i[1]}:void 0},s[++e]?s[e]:""))))},create2:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[],s=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"icon"},e[0]?o(Pt,Object.assign({color:i[0]?i[0]:`var(${b.ICON})`,id:"image1"},e[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),o("div",{class:"value-int"},o("div",{style:i[1]?{color:i[1]}:void 0},s[0]?s[0]:"",s[1]?Fe.ketchup.math.decimalSeparator():"")),s[1]?o("div",{class:"value-dec"},o("div",{style:i[1]?{color:i[1]}:void 0},s[1])):null,o("div",{class:"unit"},o("div",{style:i[1]?{color:i[1]}:void 0},s[2]?s[2]:""))))},create3:function(t){const i=t.data.color?t.data.color:[];let e=0;const s=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"value"},o("div",{style:i[0]?{color:i[0]}:void 0},s[e]?s[e]:"")),o("div",{class:"descr"},o("div",{style:i[1]?{color:i[1]}:void 0},s[++e]?s[e]:""))))},create4:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[],s=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"icon"},e[0]?o(Pt,Object.assign({color:i[0]?i[0]:`var(${b.ICON})`,id:"image1"},e[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),o("div",{class:"value-and-unit"},o("div",{class:"value-int"},o("div",{style:i[1]?{color:i[1]}:void 0},s[0]?s[0]:"",s[1]?Fe.ketchup.math.decimalSeparator():"")),s[1]?o("div",{class:"value-dec"},o("div",{style:i[1]?{color:i[1]}:void 0},s[1])):null,o("div",{class:"unit"},o("div",{style:i[1]?{color:i[1]}:void 0},s[2]?s[2]:""))),o("div",{class:"empty-placeholder"}),o("div",{class:"descr"},o("div",{style:i[2]?{color:i[2]}:void 0},s[3]?s[3]:""))))},create5:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"text-wrapper"},o("div",{class:"descr"},o("div",{style:i[1]?{color:i[1]}:void 0},n[s]?n[s]:"")),o("div",{class:"value"},o("div",{style:i[2]?{color:i[2]}:void 0},n[++s]?n[s]:""))),o("div",{class:"icon"},e[0]?o(Pt,Object.assign({color:i[0]?i[0]:`var(${b.ICON})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null)))},create6:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"icon"},e[0]?o(Pt,Object.assign({color:i[0]?i[0]:`var(${b.ICON})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null),o("div",{class:"text-wrapper"},o("div",{class:"value"},o("div",{style:i[1]?{color:i[1]}:void 0},n[s]?n[s]:"")),o("div",{class:"descr"},o("div",{style:i[2]?{color:i[2]}:void 0},n[++s]?n[s]:"")))))},create7:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"text-wrapper"},o("div",{class:"value"},o("div",{style:i[1]?{color:i[1]}:void 0},n[s]?n[s]:"")),o("div",{class:"descr"},o("div",{style:i[2]?{color:i[2]}:void 0},n[++s]?n[s]:""))),o("div",{class:"icon"},e[0]?o(Pt,Object.assign({color:i[0]?i[0]:`var(${b.ICON})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null)))},create8:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"icon"},e[0]?o(Pt,Object.assign({color:i[0]?i[0]:`var(${b.ICON})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null),o("div",{class:"value"},o("div",{style:i[1]?{color:i[1]}:void 0},n[s]?n[s]:"")),o("div",{class:"descr"},o("div",{style:i[2]?{color:i[2]}:void 0},n[++s]?n[s]:""))))},create9:function(t){const i=t.data.color&&t.data.color.length>0?t.data.color[0]:`var(${b.PRIMARY})`,e=t.data.color&&t.data.color.length>1?t.data.color[1]:`var(${b.BACKGROUND})`,s=t.data.color&&t.data.color.length>2?t.data.color[2]:`var(${b.TEXT})`,n=t.data.text&&t.data.text.length>0?t.data.text[0]:null,a=t.data.text&&t.data.text.length>1?t.data.text[1]:null,l=t.data.button&&t.data.button.length>0?JSON.parse(JSON.stringify(t.data.button)):[];return l.length>4&&l.splice(4,l.length-4),l.reverse(),o("div",{class:`scalable-layout-${t.layoutNumber}`,style:{"--color-0":i,"--color-1":e,"--color-2":s}},o("div",{class:"section-1"}),o("div",{class:"section-2"},o("div",{class:"scalable-card"},o("div",{class:"text scalable-element"},o("div",{class:"value"},n),o("div",{class:"descr"},a))),l.length>0?o("div",{class:"buttons"},l.map((i=>o(It,{icon:i.icon,placeholderIcon:i.placeholderIcon,title:i.title,styling:i.styling,wrapperClass:i.class,onClick:()=>t.onKupClick(t.rootElement.id,i.id)})))):void 0))},create10:function(t){const i=t.data.color&&t.data.color.length>0?t.data.color[0]:`var(${b.PRIMARY})`,e=t.data.color&&t.data.color.length>1?t.data.color[1]:`var(${b.BACKGROUND})`,s=t.data.color&&t.data.color.length>2?t.data.color[2]:`var(${b.TEXT})`,n=t.data.image?t.data.image:[],a=t.data.color?t.data.color:[],l=t.data.text&&t.data.text.length>0?t.data.text[0]:null,r=t.data.text&&t.data.text.length>1?t.data.text[1]:null,h=t.data.button&&t.data.button.length>0?JSON.parse(JSON.stringify(t.data.button)):[];return h.length>4&&h.splice(4,h.length-4),h.reverse(),o("div",{class:`scalable-layout-${t.layoutNumber}`,style:{"--color-0":i,"--color-1":e,"--color-2":s}},o("div",{class:"scalable-card"},o("div",{class:"text scalable-element"},o("div",{class:"title"},l),o("div",{class:"number"},o("div",null,o("div",{class:"icon"},n[0]?o(Pt,Object.assign({color:a[0]?a[0]:`var(${b.ICON})`,id:"image1"},n[0],{sizeX:"1.25em",sizeY:"1.25em"})):null)),o("div",null,r)))))},create11:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`},o("div",{class:"scalable-element"},o("div",{class:"icon"},e[0]?o(Pt,Object.assign({color:i[0]?i[0]:`var(${b.ICON})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null),o("div",{class:"value"},o("div",{style:i[1]?{color:i[1]}:void 0},n[s]?n[s]:"")),o("div",{class:"descr"},o("div",{style:i[2]?{color:i[2]}:void 0},n[++s]?n[s]:""))))}}),Ke=document.documentElement,Ae=r();function Ve(t,i){return t.length>i?o("div",{class:"sub-filters-warning"},o("label",null,Ae.language.translate(d.PARTIAL_FILTERS_LIST))):null}const Be=Object.freeze({__proto__:null,create1:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?_.HAS_ACTIONS:""}`},o("div",{class:"mdc-ripple-surface"},e[0]?o("div",{class:"section-1"},o(Pt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,o("div",{class:"section-2"},n[s]?o("div",{class:"sub-2 title"},o("div",null,n[s])):null,n[++s]?o("div",{class:"sub-2 subtitle"},o("div",null,n[s])):null,n[++s]?o("div",{class:"sub-2 description"},o("div",null,n[s])):null)),i.length>0?o("div",{class:"section-3"},Me(i,"button")):null)},create2:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?_.HAS_ACTIONS:""}`},o("div",{class:"section-1"},n[s]?o("div",{class:"sub-1 title"},o("div",null,n[s])):null,n[++s]?o("div",{class:"sub-1 subtitle"},o("div",null,n[s])):null),o("div",{class:"mdc-ripple-surface"},e[0]?o("div",{class:"section-2"},o(Pt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,o("div",{class:"section-3"},n[++s]?o("div",{class:"sub-3 description"},o("div",null,n[s])):null)),i.length>0?o("div",{class:"section-4"},Me(i,"button")):null)},create3:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber} ${i?_.HAS_ACTIONS:""}`},o("div",{class:"mdc-ripple-surface"},o("div",{class:"section-1"},o("div",{class:"media"},e[0]?o(Pt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"})):null,o("div",{class:"text-on-media"},n[s]?o("div",{class:"sub-1 title"},o("div",null,n[s])):null,n[++s]?o("div",{class:"sub-1 subtitle"},o("div",null,n[s])):null))),o("div",{class:"section-2"},n[++s]?o("div",{class:"sub-2 description"},o("div",null,n[s])):null)),i.length>0?o("div",{class:"section-3"},Me(i,"button")):null)},create4:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber} ${i?_.HAS_ACTIONS:""}`},o("div",{class:"mdc-ripple-surface"},o("div",{class:"section-1"},e[0]?o("div",{class:"sub-1 image"},o(Pt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,o("div",{class:"text"},n[s]?o("div",{class:"sub-1 title"},o("div",null,n[s])):null,n[++s]?o("div",{class:"sub-1 subtitle"},o("div",null,n[s])):null))),o("div",{class:"section-2"},i?Me(i,"button"):""))},create5:function(t){const i=t.data.button?t.data.button:[];let e=0;const s=t.data.color?t.data.color:[];let n=0;const a=t.data.image?t.data.image:[],l=t.data.progressbar?t.data.progressbar:[];let r=0;const h=t.data.text?t.data.text:[];let c={"--color-0":s[e]?s[e]:`var(${b.PRIMARY})`,"--color-1":s[++e]?s[e]:`rgba(var(${b.PRIMARY}-rgb),0.1)`};return o("div",{class:`standard-layout-${t.layoutNumber}`,style:c},o("div",{class:"section-1"}),o("div",{class:"section-2"},o("div",{class:"sub-2 icon"},a[n]?o(Pt,Object.assign({id:"image1"},a[n],{sizeX:"100%",sizeY:"100%"})):null),o("div",{class:"sub-2 text"},o("div",{class:"desc-text"},h[r]?h[r]:""),o("div",{class:"alt-text"},h[++r]?h[r]:"")),o("div",{class:"sub-2 image"},a[++n]?o(Pt,Object.assign({id:"image1"},a[n],{sizeX:"100%",sizeY:"100%"})):null)),o("div",{class:"section-3"},o("div",{class:"sub-3 progress-bar"},l[0]?o("kup-progress-bar",Object.assign({id:"progressBar1","is-slim":!0},l[0])):null),o("div",{class:"sub-3 button"},i[0]?o("kup-button",Object.assign({id:"button1"},i[0])):null)),o("div",{class:"section-4"},o("div",{class:"sub-4 text"},o("div",null,h[++r]?h[r]:""),o("div",{class:"alt-text"},h[++r]?h[r]:"")),o("div",{class:"sub-4 text"},o("div",null,h[++r]?h[r]:""),o("div",{class:"alt-text"},h[++r]?h[r]:""))))},create6:function(t){const i=t.data.button?t.data.button:[],e=t.data.color?t.data.color:[],s=t.data.progressbar?t.data.progressbar:[];let n=0;const a=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${b.PRIMARY})`,"--kup_card_dynamic_color_0":"white"}},o("div",{class:"section-1"},o("div",{class:"alt-text"},a[n]?a[n]:"")),o("div",{class:"section-2"},o("div",{class:"sub-2"},s[0]?o("kup-progress-bar",Object.assign({id:"progressBar1","is-radial":!0},s[0])):null,o("div",null,a[++n]?a[n]:"")),i[0]?o("kup-button",Object.assign({id:"button1"},i[0])):null))},create7:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let s=0;const n=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":i[0]?i[0]:`var(${b.PRIMARY})`}},o("div",{class:"section-1"}),o("div",{class:"section-2"},o("div",{class:"sub-2 image"},e[0]?o(Pt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"})):null),o("div",{class:"sub-2 text"},o("div",null,n[s]?n[s]:""))),o("div",{class:"section-3"},o("div",{class:"sub-3 alt-text"},n[++s]?n[s]:""),o("div",{class:"sub-3 alt-text"},n[++s]?n[s]:"")))},create8:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[],s=t.data.image?t.data.image:[];let n=0;const a=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${b.PRIMARY})`}},o("div",{class:"background"}),o("div",{class:"section-1"},o("div",{class:"sub-1"},o("div",{class:"text"},a[n]?a[n]:"")),o("div",{class:"sub-2"},o("div",{class:"text"},a[++n]?a[n]:"")),o("div",{class:"sub-3"},o("div",{class:"image"},s[0]?o(Pt,Object.assign({id:"image1"},s[0],{sizeX:"24px",sizeY:"24px"})):null),o("div",{class:"text"},a[++n]?a[n]:""))),o("div",{class:"section-2"},i[0]?o("kup-chip",Object.assign({id:"chip1"},i[0])):null))},create9:function(t){const i=t.data.chart?t.data.chart:[],e=t.data.color?t.data.color:[],s=t.data.image?t.data.image:[];let n=0;const a=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${b.PRIMARY})`}},o("div",{class:"section-1"},o("div",{class:"sub-1"},o("div",{class:"text description"},a[n]?a[n]:"")),o("div",{class:"sub-2"},o("div",{class:"icon"},s[0]?o(Pt,Object.assign({color:e[0]?e[0]:`var(${b.PRIMARY})`,id:"image1"},s[0],{sizeX:"3em",sizeY:"3em"})):null),o("div",{class:"text-wrapper"},o("div",{class:"text title"},o("div",null,a[++n]?a[n]:"")),o("div",{class:"text subtitle"},o("div",null,a[++n]?a[n]:""))))),o("div",{class:"section-2"},i[0]?o("kup-chart",Object.assign({id:"chart1"},i[0])):null))},create10:function(t){const i=t.data.chart?t.data.chart:[],e=t.data.color?t.data.color:[],s=t.data.image?t.data.image:[];let n=0;const a=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${b.PRIMARY})`}},o("div",{class:"section-1"},i[0]?o("kup-chart",Object.assign({id:"chart1"},i[0])):null),o("div",{class:"section-2"},o("div",{class:"sub-1"},o("div",{class:"text description"},a[n]?a[n]:"")),o("div",{class:"sub-2"},o("div",{class:"icon"},s[0]?o(Pt,Object.assign({color:e[0]?e[0]:`var(${b.PRIMARY})`,id:"image1"},s[0],{sizeX:"3em",sizeY:"3em"})):null),o("div",{class:"text-wrapper"},o("div",{class:"text title"},o("div",null,a[++n]?a[n]:"")),o("div",{class:"text subtitle"},o("div",null,a[++n]?a[n]:""))))))},create11:function(t){const i=t.data.chart?t.data.chart:[],e=t.data.color?t.data.color:[],s=t.data.image?t.data.image:[];let n=0;const a=t.data.text?t.data.text:[];return o("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${b.PRIMARY})`}},o("div",{class:"section-1",onMouseEnter:t=>{let i=t.currentTarget;i.style.minWidth=i.scrollWidth+10+"px",i.style.maxWidth=i.scrollWidth+10+"px"},onMouseLeave:t=>{let i=t.currentTarget;i.style.minWidth="",i.style.maxWidth=""}},o("div",{class:"sub-1 dyn-color"},o("div",{class:"text description"},a[n]?a[n]:"")),o("div",{class:"sub-2"},o("div",{class:"icon"},s[0]?o(Pt,Object.assign({color:e[0]?e[0]:`var(${b.PRIMARY})`,id:"image1"},s[0],{sizeX:"3em",sizeY:"3em"})):null),o("div",{class:"text-wrapper"},o("div",{class:"text title"},o("div",null,a[++n]?a[n]:"")),o("div",{class:"text subtitle"},o("div",null,a[++n]?a[n]:""))))),o("div",{class:"section-2"},i[0]?o("kup-chart",Object.assign({id:"chart1"},i[0])):null))},create12:function(t){const i=t.data.button?t.data.button:[],e=t.data.checkbox?t.data.checkbox:[],s=t.data.datepicker?t.data.datepicker:[],n=t.data.textfield?t.data.textfield:[],l=t.data.timepicker?t.data.timepicker:[],r=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&r.push(e.id)}const h=Ae.perfTuning.data.filtersMaxLength;return o("div",{class:`standard-layout-${t.layoutNumber} `},r.includes(De.BUTTON_REMOVE)||r.includes(De.BUTTON_GROUP)||r.includes(De.BUTTON_ADD_COLUMNS)?o("div",{class:"section-1"},r.includes(De.BUTTON_REMOVE)?o("kup-button",Object.assign({},i.find((t=>t.id===De.BUTTON_REMOVE)))):null,r.includes(De.BUTTON_GROUP)?o("kup-button",Object.assign({},i.find((t=>t.id===De.BUTTON_GROUP)))):null,r.includes(De.BUTTON_ADD_COLUMNS)?o("kup-button",Object.assign({},i.find((t=>t.id===De.BUTTON_ADD_COLUMNS)))):null):null,o("div",{class:`section-2 ${n.length>0||s.length>0||l.length>0?_.HAS_CONTENT:""}`},s.length>0?Me(s,"datepicker"):null,n.length>0?Me(n,"textfield"):null,l.length>0?Me(l,"timepicker"):null),e.length>0?o(a,null,Ve(e,h),o("div",{class:"section-3"},Me(e,"checkbox",h))):null)},create13:function(t){const i=t.data.button?t.data.button:[],e=t.data.combobox?t.data.combobox:[],s=t.data.text?t.data.text:[],n=t.data.textfield?t.data.textfield:[];return o("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?_.HAS_ACTIONS:""}`},o("div",null,i.length>0||n.length>0?o("div",{class:"section-1"},Me(i,"button"),Me(n,"textfield"),Me(e,"combobox")):null,s.length>0?o("div",{class:"section-2"},Me(s,"text")):null))},create14:function(t){const i=t.data.autocomplete?t.data.autocomplete:[],e=t.data.button?t.data.button:[],s=t.data.checkbox?t.data.checkbox:[],n=t.data.chip?t.data.chip:[],l=t.data.datepicker?t.data.datepicker:[],r=t.data.image?t.data.image:[],h=t.data.object?t.data.object:[],c=t.data.switch?t.data.switch:[],p=t.data.tabbar?t.data.tabbar:[],u=t.data.text?t.data.text:[],f=t.data.textfield?t.data.textfield:[],m=t.data.timepicker?t.data.timepicker:[],g=t.data.tree?t.data.tree:[],b=[];let k=1,v=1;if(p[0]&&p[0].data)for(let t=0;t<p[0].data.length;t++){const i=p[0].data[t];b.push(i.id),i.active&&(v=t+1)}const y=[];for(let t=0;t<e.length;t++){const i=e[t];i.id&&y.push(i.id)}const x=[];for(let t=0;t<c.length;t++){const i=c[t];i.id&&x.push(i.id)}const w=[];for(let t=0;t<f.length;t++){const i=f[t];i.id&&w.push(i.id)}const z=Ke.ketchup.language.translate(M.TOOLTIP),j=Ae.perfTuning.data.filtersMaxLength;return o("div",{class:`standard-layout-${t.layoutNumber} `},h[0]?o("div",{class:"section-1"},r[0]?o(Pt,Object.assign({id:"image1"},r[0],{sizeX:"84px",sizeY:"84px"})):o("div",{class:"sub-spinner"},o("kup-spinner",{active:!0,dimensions:"7px",layout:14})),o("div",{class:"sub-1"},u[0]||y.includes(De.BUTTON_OPEN_IN_NEW)||y.includes(De.BUTTON_SEARCH)?o("div",{class:"top"},u[0]?o("div",{class:"title"},o("span",{class:`label ${_.CLICKABLE_LINK}`,id:"title-link"},u[0])):null,y.includes(De.BUTTON_OPEN_IN_NEW)||y.includes(De.BUTTON_SEARCH)?o("div",{class:"buttons"},y.includes(De.BUTTON_OPEN_IN_NEW)?o("kup-button",Object.assign({},e.find((t=>t.id===De.BUTTON_OPEN_IN_NEW)))):null,y.includes(De.BUTTON_SEARCH)?o("kup-button",Object.assign({},e.find((t=>t.id===De.BUTTON_SEARCH)))):null):null):null,u[1]&&u[2]?o("div",{class:"info"},o("span",{class:"label"},u[1]),o("span",{class:"value"},u[2])):null,u[3]&&u[4]?o("div",{class:"info"},o("span",{class:"label"},u[3]),o("span",{class:"value"},u[4])):null)):null,o("div",{class:"section-2"},p[0]?o("kup-tab-bar",Object.assign({},p[0],{id:W.VIEW_SELECTOR})):null),o("div",{class:"section-3"},b.includes(d.FILTERS)?o("div",{class:`${_.CARD_VIEW} ${_.VIEW_PREFIX}${k} ${v===k++?_.VISIBLE:""}`},o("div",{class:`sub-field ${f.length>0||l.length>0||m.length>0?_.HAS_CONTENT:""}`},o("div",{class:"tooltip-container"},o("kup-image",{resource:"question-mark","size-x":"18px","size-y":"18px"}),o("span",{class:"tooltip-text"},z.split("\n").map((t=>[t,o("br",null)])))),l.length>0?Me(l,"datepicker"):null,f.length>0?Me(f,"textfield"):null,m.length>0?Me(m,"timepicker"):null),s.length>0?o(a,null,Ve(s,j),o("div",{class:"sub-checkbox"},Me(s,"checkbox",j))):null):null,b.includes(C.COLUMNS)?o("div",{class:`${_.CARD_VIEW} ${_.VIEW_PREFIX}${k} ${v===k++?_.VISIBLE:""}`},o("div",{class:"sub-button"},y.includes(De.BUTTON_REMOVE)?o("kup-button",Object.assign({},e.find((t=>t.id===De.BUTTON_REMOVE)))):null,y.includes(De.BUTTON_GROUP)?o("kup-button",Object.assign({},e.find((t=>t.id===De.BUTTON_GROUP)))):null),o("div",{class:"sub-formula"},w.includes(De.TEXTFIELD_FORMULA)?o("kup-text-field",Object.assign({},f.find((t=>t.id===De.TEXTFIELD_FORMULA)))):null),o("div",{class:"sub-chip"},o("kup-chip",n[0]?Object.assign({},n[0],{type:Dt.INPUT,id:W.COLUMNS_LIST}):{type:Dt.INPUT,id:W.COLUMNS_LIST}),y.includes(De.BUTTON_APPLY)?o("kup-button",Object.assign({},e.find((t=>t.id===De.BUTTON_APPLY)))):null),h[0]?o("div",{class:"sub-tree"},g[0]?o("kup-tree",Object.assign({class:"kup-full-width",globalFilter:!0},g[0],{id:W.EXTRA_COLUMNS})):o("div",{class:"sub-spinner"},o("kup-spinner",{active:!0,dimensions:"8px",layout:2}))):null):null,b.includes(d.SETTINGS)?o("div",{class:`${_.CARD_VIEW} ${_.VIEW_PREFIX}${k} ${v===k++?_.VISIBLE:""}`},o("div",{class:"sub-autocomplete"},i.length>0?Me(i,"autocomplete"):null),o("div",{class:"sub-switch"},x.includes(De.SWITCH_KEY)?o("kup-switch",Object.assign({},c.find((t=>t.id===De.SWITCH_KEY)))):null)):null))},create15:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[],s=t.data.text?t.data.text:[],n=t.data.tree?t.data.tree:[],a=s.slice(0,5),l=s.slice(5),r=[],h=[],c=[];for(let t=0;t<l.length;t++)t%2==0?h.push(l[t]):c.push(l[t]);for(let t=0;t<h.length;t++)r.push(o("div",{class:"detail-row"},o("div",{class:"detail-row__label ellipsis"},h[t]),o("div",{class:"detail-row__value ellipsis"},c[t])));const p=[],u=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&p.push(e.id),(f=e.id)!==De.BUTTON_OPEN_IN_NEW&&f!==De.BUTTON_SEARCH&&u.push(e)}var f;return o("div",{class:`standard-layout-${t.layoutNumber}`},o("div",{class:"section-1"},e[0]?o(Pt,Object.assign({id:"image1"},e[0],{sizeX:"84px",sizeY:"84px"})):o("div",{class:"sub-spinner"},o("kup-spinner",{active:!0,dimensions:"7px",layout:14})),o("div",{class:"sub-1"},s[0]||p.includes(De.BUTTON_OPEN_IN_NEW)||p.includes(De.BUTTON_SEARCH)?o("div",{class:"top"},s[0]?o("div",{class:"title"},o("span",{class:`label ${_.CLICKABLE_LINK}`,id:"title-link"},s[0])):null,p.includes(De.BUTTON_OPEN_IN_NEW)||p.includes(De.BUTTON_SEARCH)?o("div",{class:"buttons"},p.includes(De.BUTTON_OPEN_IN_NEW)?o("kup-button",Object.assign({},i.find((t=>t.id===De.BUTTON_OPEN_IN_NEW)))):null,p.includes(De.BUTTON_SEARCH)?o("kup-button",Object.assign({},i.find((t=>t.id===De.BUTTON_SEARCH)))):null):null):null,a[1]&&a[2]?o("div",{class:"info"},o("span",{class:"label"},a[1]),o("span",{class:"value"},a[2])):null,a[3]&&a[4]?o("div",{class:"info"},o("span",{class:"label"},a[3]),o("span",{class:"value"},a[4])):null)),o("div",{class:"section-2"},o("div",{class:`${_.CARD_VIEW} ${_.VIEW_PREFIX}1 ${_.VISIBLE}`},o("div",{class:"info"},r.length>0?r:null)),o("div",{class:`${_.CARD_VIEW} ${_.VIEW_PREFIX}2`},n[0]?o("kup-tree",Object.assign({class:"kup-full-width"},n[0])):null)),u.length>0?o("div",{class:"section-3"},Me(u.slice(0,5),"button"),u.length>5?(()=>{const t={data:{"kup-list":{data:[],showIcons:!0}},dropdownOnly:!0,icon:"more_vert",styling:Lt.ICON};for(let i=5;i<u.length;i++){const e=u[i];t.data["kup-list"].data.push(Object.assign(Object.assign({},e),{value:e.title}))}return o("kup-dropdown-button",Object.assign({},t,{id:"options",title:Ke.ketchup.language.translate(d.OPTIONS)}))})():null,n[0]?o("kup-button",{title:Ke.ketchup.language.translate(d.SHOW_ROW_OPTIONS),id:"view-selector",icon:"menu"}):null):null)},create16:function(t){const i=t.data.toolbar?t.data.toolbar:[],e=t.data.textfield?t.data.textfield:[];return o("div",{class:`standard-layout-${t.layoutNumber}`},o("div",{class:"section-2"}),o("div",{class:"section-3"},i[0]?o("div",{class:"section-list"},e.length>0?Me(e,"textfield"):null,o("kup-list",Object.assign({isMenu:!1,id:"list1"},i[0]))):null))},create17:function(t){const i=t.data.textfield?t.data.textfield:[],e=t.data.list?t.data.list:[],s=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&s.push(e.id)}return o("div",{class:`standard-layout-${t.layoutNumber} `},i.length>0&&o("div",{class:`section-1 ${i.length>0?_.HAS_CONTENT:""}`},o("div",{class:`sub-field ${i.length>0?_.HAS_CONTENT:""}`},s.includes(De.TEXTFIELD_FILTER)?o("kup-text-field",Object.assign({},i.find((t=>t.id===De.TEXTFIELD_FILTER)))):null)),o("div",{class:"section-2"},e.length>0?o("div",{class:"sub-list"},e.map((t=>o("kup-list",Object.assign({},t))))):null))}});
+/*!
+ * 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 He=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")},Ye=function(){function t(t,i){for(var e=0;e<i.length;e++){var o=i[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(i,e,o){return e&&t(i.prototype,e),o&&t(i,o),i}}(),Xe=function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,i){var e=[],o=!0,s=!1,n=void 0;try{for(var a,l=t[Symbol.iterator]();!(o=(a=l.next()).done)&&(e.push(a.value),!i||e.length!==i);o=!0);}catch(t){s=!0,n=t}finally{try{!o&&l.return&&l.return()}finally{if(s)throw n}}return e}(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")};String.prototype.startsWith=String.prototype.startsWith||function(t){return 0===this.indexOf(t)},String.prototype.padStart=String.prototype.padStart||function(t,i){for(var e=this;e.length<t;)e=i+e;return e};var Ge={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 Ue(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return(i>0?t.toFixed(i).replace(/0+$/,"").replace(/\.$/,""):t.toString())||"0"}var qe=function(){function t(i,e,o,s){He(this,t);var n=this;if(void 0===i);else if(Array.isArray(i))this.rgba=i;else if(void 0===o){var a=i&&""+i;a&&function(i){if(i.startsWith("hsl")){var e=i.match(/([\-\d\.e]+)/g).map(Number),o=Xe(e,4),s=o[0],a=o[1],l=o[2],r=o[3];void 0===r&&(r=1),n.hsla=[s/=360,a/=100,l/=100,r]}else if(i.startsWith("rgb")){var h=i.match(/([\-\d\.e]+)/g).map(Number),c=Xe(h,4),p=c[3];void 0===p&&(p=1),n.rgba=[c[0],c[1],c[2],p]}else n.rgba=i.startsWith("#")?t.hexToRgb(i):t.nameToRgb(i)||t.hexToRgb(i)}(a.toLowerCase())}else this.rgba=[i,e,o,void 0===s?1:s]}return Ye(t,[{key:"printRGB",value:function(t){var i=(t?this.rgba:this.rgba.slice(0,3)).map((function(t,i){return Ue(t,3===i?3:0)}));return t?"rgba("+i+")":"rgb("+i+")"}},{key:"printHSL",value:function(t){var i=[360,100,100,1],e=["","%","%",""],o=(t?this.hsla:this.hsla.slice(0,3)).map((function(t,o){return Ue(t*i[o],3===o?3:1)+e[o]}));return t?"hsla("+o+")":"hsl("+o+")"}},{key:"printHex",value:function(t){var i=this.hex;return t?i:i.substring(0,7)}},{key:"rgba",get:function(){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){3===t.length&&(t[3]=1),this._rgba=t,this._hsla=null}},{key:"rgbString",get:function(){return this.printRGB()}},{key:"rgbaString",get:function(){return this.printRGB(!0)}},{key:"hsla",get:function(){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){3===t.length&&(t[3]=1),this._hsla=t,this._rgba=null}},{key:"hslString",get:function(){return this.printHSL()}},{key:"hslaString",get:function(){return this.printHSL(!0)}},{key:"hex",get:function(){return"#"+this.rgba.map((function(t,i){return i<3?t.toString(16):Math.round(255*t).toString(16)})).map((function(t){return t.padStart(2,"0")})).join("")},set:function(i){this.rgba=t.hexToRgb(i)}}],[{key:"hexToRgb",value:function(t){var i=(t.startsWith("#")?t.slice(1):t).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; "+t);var e=i.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map((function(t){return parseInt(t,16)}));return e[3]=e[3]/255,e}},{key:"nameToRgb",value:function(i){var e=i.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),o=Ge[e];return void 0===o?o:t.hexToRgb(o.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function(t){var i=Xe(t,4),e=i[0],o=i[1],s=i[2],n=i[3];e/=255,o/=255,s/=255;var a=Math.max(e,o,s),l=Math.min(e,o,s),r=void 0,h=void 0,c=(a+l)/2;if(a===l)r=h=0;else{var p=a-l;switch(h=c>.5?p/(2-a-l):p/(a+l),a){case e:r=(o-s)/p+(o<s?6:0);break;case o:r=(s-e)/p+2;break;case s:r=(e-o)/p+4}r/=6}return[r,h,c,n]}},{key:"hslToRgb",value:function(t){var i=Xe(t,4),e=i[0],o=i[1],s=i[2],n=i[3],a=void 0,l=void 0,r=void 0;if(0===o)a=l=r=s;else{var h=function(t,i,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?t+6*(i-t)*e:e<.5?i:e<2/3?t+(i-t)*(2/3-e)*6:t},c=s<.5?s*(1+o):s+o-s*o,p=2*s-c;a=h(p,c,e+1/3),l=h(p,c,e),r=h(p,c,e-1/3)}var u=[255*a,255*l,255*r].map(Math.round);return u[3]=n,u}}]),t}(),Je=function(){function t(){He(this,t),this._events=[]}return Ye(t,[{key:"add",value:function(t,i,e){t.addEventListener(i,e,!1),this._events.push({target:t,type:i,handler:e})}},{key:"remove",value:function(i,e,o){this._events=this._events.filter((function(s){var n=!0;return i&&i!==s.target&&(n=!1),e&&e!==s.type&&(n=!1),o&&o!==s.handler&&(n=!1),n&&t._doRemove(s.target,s.type,s.handler),!n}))}},{key:"destroy",value:function(){this._events.forEach((function(i){return t._doRemove(i.target,i.type,i.handler)})),this._events=[]}}],[{key:"_doRemove",value:function(t,i,e){t.removeEventListener(i,e,!1)}}]),t}();function Ze(t,i,e){var o=!1;function s(t,i,e){return Math.max(i,Math.min(t,e))}function n(t,n,a){if(a&&(o=!0),o){t.preventDefault();var l=i.getBoundingClientRect(),r=l.width,h=l.height,c=n.clientY,p=s(n.clientX-l.left,0,r),u=s(c-l.top,0,h);e(p/r,u/h)}}function a(t,i){1===(void 0===t.buttons?t.which:t.buttons)?n(t,t,i):o=!1}function l(t,i){1===t.touches.length?n(t,t.touches[0],i):o=!1}t.add(i,"mousedown",(function(t){a(t,!0)})),t.add(i,"touchstart",(function(t){l(t,!0)})),t.add(window,"mousemove",a),t.add(i,"touchmove",l),t.add(window,"mouseup",(function(){o=!1})),t.add(i,"touchend",(function(){o=!1})),t.add(i,"touchcancel",(function(){o=!1}))}var Qe="keydown",to="mousedown",io="focusin";function eo(t,i){return(i||document).querySelector(t)}function oo(t){t.preventDefault(),t.stopPropagation()}function so(t,i,e,o,s){t.add(i,Qe,(function(t){e.indexOf(t.key)>=0&&(s&&oo(t),o(t))}))}var no=function(){function t(i){He(this,t),this.settings={popup:"right",layout:"default",alpha:!0,editor:!0,editorFormat:"hex",cancelButton:!1,defaultColor:"#0cf"},this._events=new Je,this.onChange=null,this.onDone=null,this.onOpen=null,this.onClose=null,this.setOptions(i)}return Ye(t,[{key:"setOptions",value:function(t){var i=this;if(t){var e=this.settings;if(t instanceof HTMLElement)e.parent=t;else{e.parent&&t.parent&&e.parent!==t.parent&&(this._events.remove(e.parent),this._popupInited=!1),function(t,i){for(var e in t)i[e]=t[e]}(t,e),t.onChange&&(this.onChange=t.onChange),t.onDone&&(this.onDone=t.onDone),t.onOpen&&(this.onOpen=t.onOpen),t.onClose&&(this.onClose=t.onClose);var o=t.color||t.colour;o&&this._setColor(o)}var s=e.parent;if(s&&e.popup&&!this._popupInited){var n=function(t){return i.openHandler(t)};this._events.add(s,"click",n),so(this._events,s,[" ","Spacebar","Enter"],n),this._popupInited=!0}else t.parent&&!e.popup&&this.show()}}},{key:"openHandler",value:function(t){if(this.show()){t&&t.preventDefault(),this.settings.parent.style.pointerEvents="none";var i=t&&t.type===Qe?this._domEdit:this.domElement;setTimeout((function(){return i.focus()}),100),this.onOpen&&this.onOpen(this.colour)}}},{key:"closeHandler",value:function(t){var i=t&&t.type,e=!1;t?i===to||i===io?t.timeStamp>(this.__containedEvent||0)+100&&(e=!0):(oo(t),e=!0):e=!0,e&&this.hide()&&(this.settings.parent.style.pointerEvents="",i!==to&&this.settings.parent.focus(),this.onClose&&this.onClose(this.colour))}},{key:"movePopup",value:function(t,i){this.closeHandler(),this.setOptions(t),i&&this.openHandler()}},{key:"setColor",value:function(t,i){this._setColor(t,{silent:i})}},{key:"_setColor",value:function(t,i){if("string"==typeof t&&(t=t.trim()),t){i=i||{};var e=void 0;try{e=new qe(t)}catch(t){if(i.failSilently)return;throw t}if(!this.settings.alpha){var o=e.hsla;o[3]=1,e.hsla=o}this.colour=this.color=e,this._setHSLA(null,null,null,null,i)}}},{key:"setColour",value:function(t,i){this.setColor(t,i)}},{key:"show",value:function(){if(!this.settings.parent)return!1;if(this.domElement){var t=this._toggleDOM(!0);return this._setPosition(),t}var i,e,o=(i=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>',(e=document.createElement("div")).innerHTML=i,e.firstElementChild);return this.domElement=o,this._domH=eo(".picker_hue",o),this._domSL=eo(".picker_sl",o),this._domA=eo(".picker_alpha",o),this._domEdit=eo(".picker_editor input",o),this._domSample=eo(".picker_sample",o),this._domOkay=eo(".picker_done button",o),this._domCancel=eo(".picker_cancel button",o),o.classList.add("layout_"+this.settings.layout),this.settings.alpha||o.classList.add("no_alpha"),this.settings.editor||o.classList.add("no_editor"),this.settings.cancelButton||o.classList.add("no_cancel"),this._ifPopup((function(){return o.classList.add("popup")})),this._setPosition(),this.colour?this._updateUI():this._setColor(this.settings.defaultColor),this._bindEvents(),!0}},{key:"hide",value:function(){return this._toggleDOM(!1)}},{key:"destroy",value:function(){this._events.destroy(),this.domElement&&this.settings.parent.removeChild(this.domElement)}},{key:"_bindEvents",value:function(){var t=this,i=this,e=this.domElement,o=this._events;function s(t,i,e){o.add(t,i,e)}s(e,"click",(function(t){return t.preventDefault()})),Ze(o,this._domH,(function(t){return i._setHSLA(t)})),Ze(o,this._domSL,(function(t,e){return i._setHSLA(null,t,1-e)})),this.settings.alpha&&Ze(o,this._domA,(function(t,e){return i._setHSLA(null,null,null,1-e)}));var n=this._domEdit;s(n,"input",(function(){i._setColor(this.value,{fromEditor:!0,failSilently:!0})})),s(n,"focus",(function(){var t=this;t.selectionStart===t.selectionEnd&&t.select()})),this._ifPopup((function(){var i=function(i){return t.closeHandler(i)};s(window,to,i),s(window,io,i),so(o,e,["Esc","Escape"],i);var n=function(i){t.__containedEvent=i.timeStamp};s(e,to,n),s(e,io,n),s(t._domCancel,"click",i)}));var a=function(i){t._ifPopup((function(){return t.closeHandler(i)})),t.onDone&&t.onDone(t.colour)};s(this._domOkay,"click",a),so(o,e,["Enter"],a)}},{key:"_setPosition",value:function(){var t=this.settings.parent,i=this.domElement;t!==i.parentNode&&t.appendChild(i),this._ifPopup((function(e){"static"===getComputedStyle(t).position&&(t.style.position="relative");var o=!0===e?"popup_right":"popup_"+e;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){t===o?i.classList.add(t):i.classList.remove(t)})),i.classList.add(o)}))}},{key:"_setHSLA",value:function(t,i,e,o,s){s=s||{};var n=this.colour,a=n.hsla;[t,i,e,o].forEach((function(t,i){(t||0===t)&&(a[i]=t)})),n.hsla=a,this._updateUI(s),this.onChange&&!s.silent&&this.onChange(n)}},{key:"_updateUI",value:function(t){if(this.domElement){t=t||{};var i=this.colour,e=i.hsla,o="hsl("+360*e[0]+", 100%, 50%)",s=i.hslString,n=i.hslaString,a=this._domSL,l=this._domA,r=eo(".picker_selector",this._domH),h=eo(".picker_selector",a),c=eo(".picker_selector",l);m(0,r,e[0]),this._domSL.style.backgroundColor=this._domH.style.color=o,m(0,h,e[1]),g(0,h,1-e[2]),a.style.color=s,g(0,c,1-e[3]);var p=s,u=p.replace("hsl","hsla").replace(")",", 0)");if(this._domA.style.background="linear-gradient("+[p,u]+"), 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",!t.fromEditor){var d=this.settings.alpha,f=void 0;switch(this.settings.editorFormat){case"rgb":f=i.printRGB(d);break;case"hsl":f=i.printHSL(d);break;default:f=i.printHex(d)}this._domEdit.value=f}this._domSample.style.color=n}function m(t,i,e){i.style.left=100*e+"%"}function g(t,i,e){i.style.top=100*e+"%"}}},{key:"_ifPopup",value:function(t,i){this.settings.parent&&this.settings.popup?t&&t(this.settings.popup):i&&i()}},{key:"_toggleDOM",value:function(t){var i=this.domElement;if(!i)return!1;var e=t?"":"none",o=i.style.display!==e;return o&&(i.style.display=e),o}}]),t}(),ao=document.createElement("style");ao.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(ao),no.StyleElement=ao;const lo=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-card-click",6),this.kupClose=i(this,"kup-card-close",6),this.kupEvent=i(this,"kup-card-event",6),this.kupReady=i(this,"kup-card-ready",6),this.cardEvent=t=>{t.stopPropagation(),this.onKupEvent(t)},this.kupManager=r(),this.scalingActive=!1,this.componentWrapper=null,this.colorPicker=null,this.firstColorPickerChange=!0,this.customStyle="",this.data=null,this.isMenu=!1,this.layoutFamily=S.STANDARD,this.layoutNumber=1,this.menuVisible=!1,this.sizeX="100%",this.sizeY="100%"}onKupClick(t,i){this.kupClick.emit({comp:this,id:t,value:i})}onKupClose(t){this.kupClose.emit({comp:this,id:t}),this.rootElement.remove()}onKupEvent(t){!function(t,i){const e=t.rootElement.shadowRoot;if(i.type!==O.BUTTON_CLICK||i.detail.id!==W.EXPAND_ACTION){if(e&&i.type===O.TABBAR_CLICK&&i.detail.id===W.VIEW_SELECTOR){const t=e.querySelectorAll("."+_.CARD_VIEW);for(let e=0;e<t.length;e++){const o=t[e];o.classList.contains(_.VIEW_PREFIX+(i.detail.index+1))?o.classList.add(_.VISIBLE):o.classList.remove(_.VISIBLE)}}if(e&&i.type===O.CHIP_ICONCLICK&&i.detail.id===W.COLUMNS_LIST&&e.querySelector("#"+De.BUTTON_APPLY).classList.add("visible"),e&&i.type===O.TREE_NODESELECTED&&i.detail.id===W.EXTRA_COLUMNS&&i.detail.treeNode){const o=e.querySelector("#"+De.BUTTON_APPLY),s=e.querySelector("#"+W.COLUMNS_LIST),n=i.detail.treeNode,a=n.obj,l=a?a.t+a.p+a.k:"";if(l&&"**"!=l.trim()&&1!=n.expandable){const i=s&&s.data?s.data:null,e=t.rootElement.dataset.column+"_"+(n.id?n.id.replace(/\//g,"_"):"");if(i){const t=i.find((t=>t.value===e));t?i.splice(i.indexOf(t),1):i.push({icon:n.icon,placeholderIcon:n.placeholderIcon,value:n.value,obj:n.obj,id:e}),o.classList.add("visible")}else s.data.chip=[{icon:n.icon,placeholderIcon:n.placeholderIcon,label:n.value,obj:n.obj,value:e}];s.refresh()}}if(e&&i.type===O.BUTTON_CLICK&&i.detail.id===De.BUTTON_APPLY){const i=e.querySelector("#"+W.COLUMNS_LIST);t.data.chip[0].data=i.data}if(i.type!==O.BUTTON_CLICK||i.detail.id!==W.NEXT_ROW&&i.detail.id!==W.PREVIOUS_ROW||t.refresh(),e&&i.type===O.BUTTON_CLICK&&i.detail.id===W.VIEW_SELECTOR){const t=e.querySelectorAll("."+_.CARD_VIEW);"on"===i.detail.value?(t[0].classList.remove(_.VISIBLE),t[1].classList.add(_.VISIBLE)):(t[1].classList.remove(_.VISIBLE),t[0].classList.add(_.VISIBLE))}}else{const i=e.querySelector("."+_.COLLAPSIBLE_CARD);i.classList.contains("."+_.EXPANDED)?t.oldSizeY&&(i.classList.remove("."+_.EXPANDED),t.sizeY=t.oldSizeY):(i.classList.add("."+_.EXPANDED),t.oldSizeY=t.sizeY,t.sizeY="auto")}}(this,t),this.kupEvent.emit({comp:this,id:this.rootElement.id,event:t})}async getProps(t){return p(this,T,t)}async refresh(){e(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.layoutManager()}),300)}async setProps(t){u(this,T,t)}setEvents(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector("#"+W.DIALOG_CLOSE);i&&(i.onclick=()=>this.onKupClose(W.DIALOG_CLOSE));const e=t.querySelectorAll("."+_.CLICKABLE_LINK);for(let t=0;t<e.length;t++){const i=e[t];i.onclick=t=>{t.stopPropagation(),this.onKupClick(i.id,null)}}}}collapsible(){const t=this.rootElement.shadowRoot,i=t.querySelector("."+_.COLLAPSIBLE_ELEMENT),e=t.querySelector("."+_.COLLAPSIBLE_CARD),o=t.querySelector("."+_.COLLAPSIBLE_WRAPPER);e.classList.contains(_.EXPANDED)||(i.clientHeight>o.clientHeight?e.classList.contains(_.COLLAPSIBLE_ACTIVE)||e.classList.add(_.COLLAPSIBLE_ACTIVE):e.classList.contains(_.COLLAPSIBLE_ACTIVE)&&e.classList.remove(_.COLLAPSIBLE_ACTIVE))}getLayout(){const t=this.layoutFamily.toLowerCase(),i="create"+this.layoutNumber;try{switch(t){case S.BOX:return Li[i](this);case S.BUILT_IN:return We[i](this);case S.COLLAPSIBLE:return Re[i](this);case S.DIALOG:return Ee[i](this);case S.FREE:return Le[i](this);case S.SCALABLE:return Ne[i](this);default:return Be[i](this)}}catch(t){this.kupManager.debug.logMessage(this,t,k.WARNING);let i={resource:"warning",title:this.kupManager.language.translate(d.LAYOUT_NYI)+"!"};return o(Pt,Object.assign({},i))}}dialog(){const t=this.rootElement.shadowRoot;if(t){const i=this.rootElement,e=t.querySelector("#"+W.DRAG_HANDLE),o=!i.classList.contains(_.DIALOG_UNRESIZABLE);this.kupManager.interact.isRegistered(i)||this.kupManager.interact.dialogify(i,e||null,{isResizable:o,isDraggable:!0})}}builtIn(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector("."+_.BUILT_IN_CARD);if(4===this.layoutNumber){const t=this.data&&this.data.options?this.data.options:null;this.colorPicker||(this.colorPicker=new no({alpha:!1,color:t?t.initialValue:null,parent:i,popup:!1,onChange:t&&t.changeCb?i=>{this.firstColorPickerChange||t.changeCb(i),this.firstColorPickerChange=!1}:null}),t&&t.creationCb&&t.creationCb(this.colorPicker))}}}layoutManager(){const t=this.rootElement.shadowRoot;if(this.componentWrapper){const i=this.layoutFamily.toLowerCase(),e=t.querySelectorAll(".dyn-color");for(let t=0;t<e.length;t++)this.rootElement.style.setProperty("--kup_card_dynamic_color_"+t,this.kupManager.theme.colorContrast(window.getComputedStyle(e[t]).backgroundColor));const o=t.querySelectorAll("."+_.AUTOSCROLL);switch(o&&o.length&&o.forEach((t=>{t.scrollTop=t.scrollHeight})),i){case S.COLLAPSIBLE:this.collapsible();break;case S.DIALOG:this.dialog();break;case S.BUILT_IN:this.builtIn();break;case S.SCALABLE:this.scalingActive||this.scalable()}}}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-change",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=!0;const t=this.rootElement.shadowRoot.querySelector(".scalable-element"),i=this.rootElement,e=.9*i.clientHeight,o=.85*i.clientWidth,s=.95*i.clientWidth;let n=75,a=1,l=0;const r=async()=>{i.style.setProperty("--kup_card_scalable_multiplier",a.toFixed(1)+""),this.kupManager.debug.logMessage(this,"Redrawing scalable card ("+ ++l+").",k.INFO)},h=t=>parseFloat(t.toFixed(1));for(i.style.opacity="0",i.style.transition="opacity 125ms ease-in",await r();(t.clientWidth<o||t.clientWidth>s)&&n>0&&a>.1;)n--,t.clientWidth<o&&t.clientHeight<=e?(a=h(a+.1),await r()):t.clientWidth>s?(a=h(a-.1),await r()):n=0;i.style.opacity="1",this.scalingActive=!1}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.registerListeners()}componentDidLoad(){const t=this.rootElement.shadowRoot.querySelector(".mdc-ripple-surface");t&&Xt.attachTo(t),this.kupManager.resize.observe(this.rootElement),this.kupReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.setEvents(),this.layoutManager(),!this.isMenu||!this.menuVisible||document.activeElement&&"BODY"!==document.activeElement.tagName||setTimeout((()=>{this.rootElement.focus()}),0),this.kupManager.debug.logRender(this,!0)}render(){if(this.data||!(this.rootElement.children.length<1))return o(s,{style:{"--kup_card_height":this.sizeY?this.sizeY:"100%","--kup_card_width":this.sizeX?this.sizeX:"100%"}},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:Rt,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 n(this)}};var ro,ho,co;function po(t,i){if(null==t||null==i)return null;for(let e=0;e<i.length;e++){let o=i[e];if(null!=o&&o.name==t)return o.title}return t}lo.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-1 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-2 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-3 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-4 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-5 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px;padding-bottom:1.25em}.box-layout-6 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-7 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.box-layout-8 .value .knob-cell{min-width:12rem}.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:var(--kup-heading-compact-01-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:var(--kup-heading-01-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%}.dialog-layout-8{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);outline:none;user-select:text}.dialog-layout-8 .drag-handle{position:absolute;width:100%;height:15px !important;top:-7.5px;z-index:1}.dialog-layout-8 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:grid;grid-template-columns:64px minmax(44px, auto);padding:1em;gap:0.5em;min-width:150px}.dialog-layout-8 .section-1 .sub-1{width:100%}.dialog-layout-8 .section-1 .top{display:flex;justify-content:space-between}.dialog-layout-8 .section-1 .buttons{display:flex}.dialog-layout-8 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.dialog-layout-8 .section-1 .f-image{margin:auto}.dialog-layout-8 .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;min-width:0}.dialog-layout-8 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;width:100%;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}.dialog-layout-8 .section-1 .title .label:hover{text-decoration:underline}.dialog-layout-8 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.dialog-layout-8 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;width:100%;overflow:hidden;text-overflow:ellipsis;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}.dialog-layout-8 .section-1 .info .value{font-weight:600;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.dialog-layout-8 .section-2{border-top:1px solid var(--kup-border-subtle);box-sizing:border-box;height:200px;opacity:1;overflow:auto;transition:height 250ms ease-out, opacity 250ms ease-out}.dialog-layout-8 .section-2 .info{box-sizing:border-box;height:100%;overflow:auto;padding:1.25em}.dialog-layout-8 .section-2 .detail-row{align-items:center;display:flex;justify-content:space-between}.dialog-layout-8 .section-2 .detail-row:not(:last-child){margin-bottom:6px}.dialog-layout-8 .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}.dialog-layout-8 .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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.dialog-layout-8 .section-2 kup-tree{text-align:left}.dialog-layout-8 .section-3{overflow:hidden;border-top:1px solid var(--kup-border-subtle);display:flex;justify-content:flex-end;padding:6px;padding-top:2px;padding-bottom:2px}.dialog-layout-8 .section-3 kup-button{margin:auto 0}.dialog-layout-8 #open-in-new,.dialog-layout-8 #search,.dialog-layout-8 #new{margin:0 0 0.5em 0}@media screen and (min-width: 678px){.dialog-layout-8{width:400px}}#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-12 .sub-filters-warning{display:flex;justify-content:center;padding-top:var(--kup-space-05)}.standard-layout-12 .sub-filters-warning label{font-size:var(--kup-label-01-font-size, 12px)}.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:35vw;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:0.5em}.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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.standard-layout-14 .section-2,.standard-layout-14 .section-3{padding:0.5em}.standard-layout-14 .section-2 .tooltip-container,.standard-layout-14 .section-3 .tooltip-container{position:absolute;right:1em;z-index:1}.standard-layout-14 .section-2 .tooltip-text,.standard-layout-14 .section-3 .tooltip-text{visibility:hidden;background-color:var(--kup-gray-color-20);color:var(--kup-text-primary);text-align:left;padding:8px;border-radius:4px;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;transition:opacity 0.3s}.standard-layout-14 .section-2 .tooltip-container:hover .tooltip-text,.standard-layout-14 .section-3 .tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.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-filters-warning{display:flex;justify-content:center;padding-top:var(--kup-space-05)}.standard-layout-14 .sub-filters-warning label{font-size:var(--kup-label-01-font-size, 12px)}.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);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:var(--kup-heading-compact-01-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:var(--kup-heading-compact-01-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}@media screen and (min-width: 678px){.standard-layout-15{max-width:40vw}}.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:var(--kup-heading-compact-01-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}: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}',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."}(ro||(ro={})),function(t){t.D2="2D",t.D3="3D"}(ho||(ho={})),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"}(co||(co={}));const uo=class{constructor(e){t(this,e),this.kupChartClick=i(this,"kup-chart-click",6),this.kupManager=r(),this.elStyle=void 0,this.themeColors=null,this.themeText=null,this.asp=void 0,this.axis=void 0,this.chartTitle=void 0,this.colors=[],this.customStyle="",this.data=void 0,this.hAxis=void 0,this.hAxes=void 0,this.legend="right",this.offlineMode=void 0,this.series=void 0,this.showMarks=!1,this.sizeX="100%",this.sizeY="100%",this.sorting=null,this.stacked=!1,this.types=[co.Hbar],this.vAxes=void 0,this.vAxis=void 0,this.trendlines=void 0,this.version="45.2"}identifyRows(){this.data&&E(this.data.rows)}async getProps(t){return p(this,ro,t)}async refresh(){e(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{if(this.offlineMode)this.loadOfflineChart();else{const t=this.createGoogleChartOptions();try{this.gChart.draw(this.gChartView,t)}catch(t){}}}),300)}async setProps(t){u(this,ro,t)}loadGoogleChart(){google.charts.setOnLoadCallback(this.createChart.bind(this))}createGoogleChart(){if(this.isComboChart())return new google.visualization.ComboChart(this.chartContainer);if(1===this.types.length)switch(this.types[0]){case co.Area:return new google.visualization.AreaChart(this.chartContainer);case co.Bubble:return new google.visualization.BubbleChart(this.chartContainer);case co.Cal:return new google.visualization.Calendar(this.chartContainer);case co.Candlestick:return new google.visualization.CandlestickChart(this.chartContainer);case co.Geo:return new google.visualization.GeoChart(this.chartContainer);case co.Hbar:return new google.visualization.BarChart(this.chartContainer);case co.Line:return new google.visualization.LineChart(this.chartContainer);case co.Pie:return new google.visualization.PieChart(this.chartContainer);case co.Sankey:return new google.visualization.Sankey(this.chartContainer);case co.Scatter:return new google.visualization.ScatterChart(this.chartContainer);default:return new google.visualization.ColumnChart(this.chartContainer)}}getMainChartType(){return this.types.length>0?this.types[0]:co.Unk}isComboChart(){return this.types.length>1}createGoogleChartOptions(){const t={backgroundColor:"transparent",is3D:ho.D3===this.asp};if(this.trendlines&&(t.trendlines=this.trendlines),t.colors=this.colors&&this.colors.length>0?this.colors:this.themeColors,t.legend=this.legend&&"none"!==this.legend?{position:this.legend,textStyle:{color:this.themeText}}:{position:"none"},!this.stacked||co.ColumnChart!==this.getMainChartType()&&co.Unk!==this.getMainChartType()&&co.Hbar!==this.getMainChartType()&&co.Vbar!==this.getMainChartType()||(t.isStacked=!0),this.chartTitle&&(t.title=this.chartTitle.value,t.titleTextStyle={},t.titleTextStyle.color=this.chartTitle.color?this.chartTitle.color:this.themeText,this.chartTitle.size&&(t.titleTextStyle.fontSize=this.chartTitle.size)),this.isComboChart()&&(t.series={},this.types.forEach(((i,e)=>{let o="bars";co.Line===i?o="line":co.Area===i&&(o="area");let s="";(this.vAxes&&this.vAxes.length>0||this.hAxes&&this.hAxes.length>0)&&(s=e.toString()),t.series[e.toString()]={type:o,targetAxisIndex:s}}))),this.vAxes&&(t.vAxes={},this.vAxes.forEach(((i,e)=>{t.vAxes[e.toString()]=i}))),this.vAxis?(t.vAxis=this.vAxis,t.vAxis.textStyle={color:this.themeText}):t.vAxis={textStyle:{color:this.themeText}},this.hAxes&&(t.hAxes={},this.hAxes.forEach(((i,e)=>{t.hAxes[e.toString()]=i}))),this.hAxis?(t.hAxis=this.hAxis,t.hAxis.textStyle={color:this.themeText}):t.hAxis={textStyle:{color:this.themeText}},"Pie"===this.types[0]){t.slices=[];for(let i=0;i<t.colors.length;i++)t.slices.push({textStyle:{color:this.kupManager.theme.colorContrast(t.colors[i])}})}return t}createChart(){const t=((t,{series:i,axis:e})=>{if(!t||!i)return[];const o=[],s=R(t.columns,e);return s&&o.push(s),i.map((i=>{const e=R(t.columns,i.code);e&&o.push(e)})),o})(this.data,{axis:this.axis,series:this.series}),i=((t,i,e)=>{if(!t)return[];const o=[];if(t.rows){const s=new Yt,n=new I;t.rows.forEach((t=>{const a=t.cells,l=[];i.forEach(((t,i)=>{const o=a[t.name];if(o&&o.obj){const t=e&&i>0;if(n.isNumber(o.obj)){const i=P(o);l.push(i),t&&l.push(i.toString())}else if(n.isDate(o.obj)){const i=s.toDate(n.parseDate(o.obj));l.push(i),t&&l.push(i.toString())}else if(n.isTime(o.obj)){const i=s.normalize(o.obj.k,Ht.ISO_TIME);l.push(i.toDate()),t&&l.push(i.toDate())}else if(n.isTimestamp(o.obj)){const i=s.normalize(o.obj.k,Ht.ISO_DATE_TIME);l.push(i.toDate()),t&&l.push(i.toDate())}else l.push(o.obj.k),t&&l.push(o.value)}})),o.push(l)}))}return o})(this.data,t,this.showMarks),e=[];for(let i=0;i<t.length;i++)e.push({label:po(t[i].name,this.data.columns)}),i>0&&this.showMarks&&e.push({type:"string",role:"annotation"});this.gChartDataTable=new google.visualization.arrayToDataTable([e,...i]),this.gChartView=new google.visualization.DataView(this.gChartDataTable),this.sorting&&this.sorting.length>0&&this.gChartView.setRows(this.gChartView.getSortedRows(this.sorting)),this.gChart=this.createGoogleChart();const o=this.createGoogleChartOptions();this.gChart.draw(this.gChartView,o),google.visualization.events.addListener(this.gChart,"select",this.onChartSelect.bind(this))}onChartSelect(){const t=this.gChart.getSelection()[0];if(t){const i={comp:this,id:this.rootElement.id};if(t.date){if(i.datetime=t.date,!t.row&&0!=t.row)return;{const e=this.gChartView.getTableRowIndex(t.row);i.row=this.data.rows[e],i.rowindex=e}}else{const e=t.row,o=t.column,s=this.gChartView.getTableRowIndex(null!=e?e:0);if(i.row=this.data.rows[s],i.rowindex=s,this.series.length>1){let t=this.gChartView.getTableColumnIndex(null!=o?o:0);"annotation"===this.gChartDataTable.getColumnProperty(t,"role")&&--t,i.column=R(this.data.columns,this.series[t-1].code),i.colindex=t}else i.column=R(this.data.columns,this.series[0].code),i.colindex=0}this.kupChartClick.emit(i)}}loadOfflineChart(){if(!this.offlineMode.value||""==this.offlineMode.value)return void this.kupManager.debug.logMessage(this,"Incorrect or incomplete data, can't render chart in offline mode!",k.WARNING);let t,i=this.offlineMode.value.split(";");var e={height:this.rootElement.clientHeight,width:this.rootElement.clientWidth};switch(t=this.colors&&this.colors.length>0?this.colors:this.themeColors,this.offlineMode.shape){case"box":e.type="box";break;case"bul":case"bullet":e.type="bullet",e.targetWidth=this.rootElement.clientWidth/20;break;case"dis":case"discrete":e.type="discrete",e.lineColor=t[0];break;case"lin":case"line":e.type="line",e.lineColor=t[0],e.fillColor=t[1];break;case"pie":e.type="pie",e.sliceColors=t;break;case"tri":case"tristate":e.type="tristate",e.barWidth=this.rootElement.clientWidth/i.length;break;default:e.type="bar",e.barColor=t[0],e.negBarColor=t[1],e.zeroBarColor=t[2],e.barWidth=this.rootElement.clientWidth/i.length}$(this.chartContainer).sparkline(this.complianceCheck(i),e)}complianceCheck(t){let i=[t.length],e=0;return t.forEach((t=>{try{t=t.replace(",","."),i[e++]=parseFloat(t)}catch(t){i[e++]=null}})),i}fetchThemeColors(){const t=[],i="--kup-chart-color-";for(let e=1;this.kupManager.theme.cssVars[i+e];e++)t.push(this.kupManager.theme.cssVars[i+e]);this.themeText=this.kupManager.theme.cssVars[b.TEXT];try{for(let i=0;i<this.data.rows.length||i<this.data.columns.length;i++)t.push(this.kupManager.theme.randomColor(25))}catch(t){this.offlineMode||this.kupManager.debug.logMessage(this,"Chart colors setup failed!",k.WARNING)}this.themeColors=t}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.identifyRows()}componentDidLoad(){if(this.kupManager.resize.observe(this.rootElement),this.offlineMode||this.axis&&this.series){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,!0)}}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.fetchThemeColors()}componentDidRender(){this.kupManager.debug.logRender(this,!0)}componentWillUpdate(){this.gChart&&this.gChart.clearChart()}componentDidUpdate(){this.offlineMode?this.loadOfflineChart():this.loadGoogleChart()}render(){return this.elStyle=void 0,this.elStyle={height:this.sizeY,minHeight:this.sizeY,width:this.sizeX,minWidth:this.sizeX},o(s,{key:"c77ecf9340d7a436406e99adffa75580a2389212",style:this.elStyle},o("style",{key:"42248a47432001b86591b90fee854fcc8553daa1"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"6e24e6341b89e4d5d6087e85067250bb65a48f5b",id:Rt,ref:t=>this.chartContainer=t}))}disconnectedCallback(){this.kupManager.theme.unregister(this),this.kupManager.resize.unobserve(this.rootElement)}get rootElement(){return n(this)}static get watchers(){return{data:["identifyRows"]}}};var fo;uo.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}",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."}(fo||(fo={}));const mo=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-checkbox-blur",6),this.kupChange=i(this,"kup-checkbox-change",6),this.kupFocus=i(this,"kup-checkbox-focus",6),this.kupManager=r(),this.value="",this.alert="",this.checked=!1,this.customStyle="",this.disabled=!1,this.error="",this.indeterminate=!1,this.label=null,this.leadingLabel=!1}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,checked:1==this.checked,value:this.value})}onKupChange(){this.indeterminate?(this.checked=!0,this.indeterminate=!1,this.value="indeterminate"):this.checked?(this.checked=!1,this.value="off"):(this.checked=!0,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:1==this.checked,value:this.value})}async getProps(t){return p(this,fo,t)}async refresh(){e(this)}async setProps(t){u(this,fo,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.value=this.checked?"on":"off"}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t={checked:this.checked,danger:!!this.rootElement.classList.contains("kup-danger"),disabled:this.disabled,indeterminate:this.indeterminate,info:!!this.rootElement.classList.contains("kup-info"),label:this.label,leadingLabel:this.leadingLabel,secondary:!!this.rootElement.classList.contains("kup-secondary"),success:!!this.rootElement.classList.contains("kup-success"),warning:!!this.rootElement.classList.contains("kup-warning"),alert:this.alert,error:this.error,onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return o(s,{key:"5346cc07f38b798a0e1370fa52ff56684279588a"},o("style",{key:"dda8bff439a566d6e5e94335d0fb59a1a113e9d7"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"61f5eedf5242aa3adf78bb2c208d0cb55dc8d6b4",id:Rt},o(Gt,Object.assign({key:"a0a67f303d6540f507cd77e8cec553e6b98f3224"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var go;mo.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}",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."}(go||(go={}));var bo,ko,vo,yo,xo=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const wo=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-chip-blur",6),this.kupChange=i(this,"kup-chip-change",6),this.kupClick=i(this,"kup-chip-click",6),this.kupFocus=i(this,"kup-chip-focus",6),this.kupIconClick=i(this,"kup-chip-iconclick",6),bo.add(this),this.kupManager=r(),this.customStyle="",this.data=[],this.enableInput=!1,this.disabled=!1,this.type=Dt.STANDARD,this.sizing=Mt.SMALL,this.styling=St.RAISED,this.displayMode=h.DESCRIPTION,this.label=null}onKupBlur(t){this.kupBlur.emit({comp:this,id:this.rootElement.id,chip:t})}onKupClick(t){const i=this.type.toLowerCase()===Dt.CHOICE,e=this.type.toLowerCase()===Dt.FILTER;i&&this.kupManager.data.node.setProperties(this.data,{checked:!1},!0,[t]),(i||e)&&(t.checked=!t.checked),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:xo(this,bo,"m",yo).call(this)}),this.refresh()}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",k.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return p(this,go,t)}async refresh(){e(this)}async setProps(t){u(this,go,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.checkDataset(this.data)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillUpdate(){let t=!1;if(this.type.toLowerCase()===Dt.CHOICE)for(let i=0;this.data&&i<this.data.length;i++)this.data[i].checked&&t&&(this.data[i].checked=!1,this.kupManager.debug.logMessage(this,"Found occurence of data("+i+") to be set on 'checked' when another one was found before! Overriding to false because the 'choice' type only allows 1 'checked'.",k.WARNING)),this.data[i].checked&&!t&&(t=!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){var t;const i={danger:!!this.rootElement.classList.contains("kup-danger"),data:this.data,displayMode:this.displayMode,info:!!this.rootElement.classList.contains("kup-info"),onBlur:[],onClick:[],onExpansionClick:[],onFocus:[],onIconClick:[],primary:!!this.rootElement.classList.contains("kup-primary"),secondary:!!this.rootElement.classList.contains("kup-secondary"),sizing:this.sizing,styling:this.styling,success:!!this.rootElement.classList.contains("kup-success"),type:this.type,warning:!!this.rootElement.classList.contains("kup-warning"),disabled:this.disabled};for(let t=0;this.data&&t<this.data.length;t++)i.onBlur.push((t=>this.onKupBlur(t))),i.onClick.push((t=>this.onKupClick(t))),i.onExpansionClick.push(((t,i)=>{t.isExpanded=!t.isExpanded,i.ctrlKey&&t.children&&t.children.length>0&&this.kupManager.data.node.setProperties(t.children,{isExpanded:t.isExpanded},!0),this.refresh()})),i.onFocus.push((t=>this.onKupFocus(t))),i.onIconClick.push((t=>this.onKupIconClick(t)));return o(s,{key:"05cf6bd3774f255b2e671f6f3e65ce96a25f792d","onKup-autocomplete-itemclick":t=>{xo(this,bo,"m",ko).call(this,t)},"onKup-combobox-itemclick":t=>{xo(this,bo,"m",ko).call(this,t)},"onKup-autocomplete-submit":t=>{xo(this,bo,"m",ko).call(this,t)},"onKup-textfield-change":t=>{xo(this,bo,"m",ko).call(this,t)},"onKup-textfield-submit":t=>{xo(this,bo,"m",ko).call(this,t)}},o("style",{key:"d640f106f593216aba419baeea71a9ecec735455"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"1ca6795c0eae881c873ea390eb2ea00949d03ddc",id:Rt},this.label?o("div",{class:"mdc-text-field__label-container"},o("label",{class:"mdc-label"},this.label)):null,(null===(t=this.data)||void 0===t?void 0:t.length)>0?o(Tt,Object.assign({},i)):null,o("slot",{key:"f970c8e19fda2655af8828b1b456d8bcaa5ed54b",name:"field"})))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{data:["checkDataset"]}}};var _o;bo=new WeakSet,ko=async function(t){var i,e,o;t.stopPropagation();const s=this.data&&this.data.length?this.data:[];if("node"in t.detail&&t.detail.node){const e=t.detail.node;e.value&&!(null===(i=this.data)||void 0===i?void 0:i.find((t=>t.id===e.id)))&&(this.data=[...s,{id:e.id,value:e.value}],await xo(this,bo,"m",vo).call(this))}else{const i=null===(e=t.detail)||void 0===e?void 0:e.value;i&&((null===(o=this.data)||void 0===o?void 0:o.find((t=>t.id===i)))||(this.data=[...s,{id:i}],await xo(this,bo,"m",vo).call(this)))}},vo=async function(){const t=this.rootElement.querySelector("[slot=field]");await t.setValue(""),await t.refresh(),await t.setFocus(),this.kupChange.emit({comp:this,id:this.rootElement.id,stringifiedValues:xo(this,bo,"m",yo).call(this)})},yo=function(){return this.data.map((t=>t.id)).join(";")},wo.style=":host {\n  display: block;\n}\n\n.mdc-text-field__label-container {\n  padding-bottom: 4px;\n\n  label {\n    font-family: var(--kup-font-family);\n    font-size: var(--kup-label-01-font-size, 12px);\n    line-height: 16px;\n    font-weight: 400;\n    letter-spacing: 0.32px;\n    color: var(--kup-text-secondary);\n  }\n}\n\n.kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-label-01-font-size, 12px);\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-heading-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-heading-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n/**\n* NOTE: These variables are used in the related f-component.\n*\n* @prop --kup-chip-background-color: Sets background color of the component.\n* @prop --kup-chip-border-radius: Sets border radius of the chips.\n* @prop --kup-chip-font-family: Sets font family of the chips.\n* @prop --kup-chip-font-size: Sets font size of the chips.\n* @prop --kup-chip-font-weight: Sets font weight of the chips.\n* @prop --kup-chip-height: Sets height of the chips.\n* @prop --kup-chip-indent-multiplier: Sets the indentation multiplier for children chips.\n* @prop --kup-chip-margin: Sets margin of the chips.\n* @prop --kup-chip-padding: Sets padding of the chips.\n* @prop --kup-chip-primary-color: Sets primary color of the component.\n* @prop --kup-chip-primary-color-rgb: Sets primary color RGB values of the component (used for shaders).\n* @prop --kup-chip-text-color: Sets text color of the component.\n* @prop --kup-chip-text-color-rgb: Sets text color RGB values of the component (used for shaders).\n*/",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."}(_o||(_o={}));const zo=class{constructor(e){t(this,e),this.kupChange=i(this,"kup-colorpicker-change",6),this.kupManager=r(),this.clickCb=null,this.value=null,this.customStyle="",this.data=null,this.disabled=!1,this.initialValue="",this.readOnly=!1,this.swatchOnly=!1}async getProps(t){return p(this,_o,t)}async getValue(){return this.value}async setFocus(){this.textfieldEl.querySelector("input").focus()}async setProps(t){u(this,_o,t)}async setValue(t){this.value=t,this.picker&&!this.isPickerOpened()&&this.picker.setColor(t,!0)}async refresh(){e(this)}setHexValue(){this.value&&this.value.indexOf("#")<0&&(this.value=this.kupManager.theme.colorCheck(this.value).hexColor)}createCard(){const t=document.createElement("kup-card");return t.data={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.isMenu=!0,t.layoutFamily=S.BUILT_IN,t.layoutNumber=4,t}openPicker(){this.card||(this.card=this.createCard());const t=this.textfieldEl;this.card.menuVisible=!0,this.card.sizeX=this.textfieldEl.parentElement.clientWidth+"px",this.card.sizeY="auto",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.card)?this.kupManager.dynamicPosition.changeAnchor(this.card,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.card,this.textfieldEl.parentElement,0,g.AUTO,!0),this.kupManager.dynamicPosition.start(this.card),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.card}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);const t=this.textfieldEl;t&&t.classList.remove("toggled"),this.card.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.card)}isPickerOpened(){return!(!this.card||!this.card.menuVisible)}prepTextField(){let t=null,i=Object.assign({readOnly:this.readOnly},this.data["kup-text-field"]);if(i.icon||(i.icon="brightness-1"),void 0===i.trailingIcon&&(i.trailingIcon=!0),""===this.value)t=this.value,i.icon="";else if(this.value)t=this.value;else{const e=this.kupManager.language.translate(d.INVALID_COLOR)+": "+this.value;t=e,i.icon="warning",i.title=e}return o(jt,Object.assign({},i,{disabled:this.disabled,fullHeight:!!this.rootElement.classList.contains("kup-full-height"),fullWidth:!!this.rootElement.classList.contains("kup-full-width"),value:t,wrapperClass:"brightness-1"===i.icon?"thumb-icon":"",onClick:()=>{this.isPickerOpened()?this.closePicker():this.openPicker()},onIconClick:()=>{this.isPickerOpened()?this.closePicker():this.openPicker()}}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.value=this.initialValue,this.setHexValue(),this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillUpdate(){this.setHexValue()}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;t&&(this.textfieldEl=t.querySelector(".f-text-field"),this.textfieldEl&&$t(this.textfieldEl)),this.kupManager.debug.logRender(this,!0)}render(){let t=null;return t=this.swatchOnly?o("button",{key:"1c9e7c3e86bb0c1096a98d8e3e5786f476bb3059",disabled:this.disabled,class:"color-picker",onClick:()=>this.openPicker(),style:{backgroundColor:this.value},type:"button"}):this.prepTextField(),o(s,{key:"7d4342e38fc92335a15dd3e09cbc65a6f04d1684",style:{"--kup_colorpicker_thumb_color":this.value?this.value:""}},o("style",{key:"9537db2ae3ecf95d12bf16ecb815e349fc428a78"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"0aa87dfdeedc48b0b22281e488990bd85c65af50",id:Rt},t))}disconnectedCallback(){this.card&&(this.kupManager.dynamicPosition.unregister([this.card]),this.card.remove()),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var Co;zo.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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)}",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: "CodeOnly", "DescOnly", "Both".',t.initialValue="Sets the initial value of the component",t.initialValueDecode="Sets the initial value decode 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: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".',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.",t.showMarker="When true shows a small marker on the component",t.legacyLook="When true enables the monospaced look for the CMB component",t.size="Sets the size of the input element"}(Co||(Co={}));var jo,$o,Oo,Wo,Do,Mo,So,To,Ro,Po,Io,Eo,Lo,Fo=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},No=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const Ko=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-combobox-click",6),this.kupBlur=i(this,"kup-combobox-blur",6),this.kupChange=i(this,"kup-combobox-change",6),this.kupFocus=i(this,"kup-combobox-focus",6),this.kupInput=i(this,"kup-combobox-input",6),this.kupIconClick=i(this,"kup-combobox-iconclick",6),this.kupItemClick=i(this,"kup-combobox-itemclick",6),jo.add(this),$o.set(this,r()),Oo.set(this,void 0),Wo.set(this,void 0),Do.set(this,void 0),Mo.set(this,void 0),So.set(this,null),To.set(this,!1),this.displayedValue=void 0,this.value="",this.alert="",this.customStyle="",this.data=void 0,this.disabled=!1,this.displayMode=h.DESCRIPTION,this.listDisplayMode=h.CODE_AND_DESC,this.error="",this.icon=null,this.initialValue="",this.initialValueDecode="",this.isClearable=!1,this.isSelect=!0,this.label=null,this.leadingLabel=!1,this.readOnly=!1,this.selectMode=h.CODE,this.showDropDownIcon=!0,this.sizing=c.SMALL,this.trailingIcon=!1,this.showMarker=!1,this.legacyLook=!1,this.size=void 0}onKupBlur(){Fo(this,jo,"m",Io).call(this)||this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Fo(this,Mo,"f").value})}onKupChange(t){let i=Fo(this,jo,"m",Eo).call(this,t,void 0,!0);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Fo(this,Mo,"f").value,node:i.node}),Fo(this,jo,"m",Po).call(this)}onKupClick(){this.onKupIconClick()}onKupIconClick(){var t,i;Fo(this,Do,"f").classList.contains("toggled")?(Fo(this,jo,"m",Po).call(this),null===(t=Fo(this,Wo,"f"))||void 0===t||t.setBlur()):(Fo(this,jo,"m",Ro).call(this),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Fo(this,Mo,"f").value,open:Fo(this,Do,"f").classList.contains("toggled")}),null===(i=Fo(this,Wo,"f"))||void 0===i||i.setFocus())}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Fo(this,Mo,"f").value})}onKupInput(){let t=Fo(this,jo,"m",Eo).call(this,Fo(this,Mo,"f").value,void 0,!1);Fo(this,jo,"m",Ro).call(this),this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Fo(this,Mo,"f").value,node:t.node})}onKupItemClick(t){this.onKupChange(t.detail.selected.id),Fo(this,jo,"m",Po).call(this),Fo(this,Mo,"f")&&Fo(this,Mo,"f").focus(),this.kupItemClick.emit({comp:this,id:this.rootElement.id,node:t.detail.selected,value:this.value,inputValue:Fo(this,Mo,"f").value})}onKupClearIconClick(){this.value="",this.displayedValue="",Fo(this,Mo,"f").value="",this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:Fo(this,Mo,"f").value,node:{value:""}}),Fo(this,jo,"m",Po).call(this)}initialValueChange(t){this.initialValueDecode=void 0,this.setValue(t,void 0)}initialValueDecodeChange(t){this.setValue(this.initialValue,t)}listenKeydown(t){if(Fo(this,jo,"m",Io).call(this))switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),Fo(this,Wo,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),Fo(this,Wo,"f").focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),Fo(this,Wo,"f").select().then((()=>{Fo(this,jo,"m",Po).call(this),Fo(this,Mo,"f").focus()}));break;case"Escape":t.preventDefault(),t.stopPropagation(),Fo(this,jo,"m",Po).call(this)}else switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.onKupIconClick(),Fo(this,Wo,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),this.onKupIconClick(),Fo(this,Wo,"f").focusPrevious()}}async getProps(t){return p(this,Co,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){Fo(this,Mo,"f").focus()}async setProps(t){u(this,Co,t)}async setValue(t,i){Fo(this,jo,"m",Eo).call(this,t,i,!0)}async reset(){Fo(this,jo,"m",Po).call(this)}componentWillLoad(){Fo(this,$o,"f").debug.logLoad(this,!1),Fo(this,$o,"f").theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-list":{},"kup-text-field":{}})}componentDidLoad(){Fo(this,jo,"m",Eo).call(this,this.value,this.initialValueDecode,!0),Fo(this,$o,"f").debug.logLoad(this,!0)}componentWillRender(){Fo(this,$o,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(No(this,Do,i,"f"),No(this,Mo,i.querySelector("input"),"f"),$t(i))}Fo(this,$o,"f").debug.logRender(this,!0)}render(){var t;const i={alert:this.alert,danger:!!this.rootElement.classList.contains("kup-danger"),disabled:this.disabled,error:this.error,icon:this.icon,info:!!this.rootElement.classList.contains("kup-info"),isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,readOnly:this.readOnly,isSelect:this.isSelect,sizing:this.sizing,success:!!this.rootElement.classList.contains("kup-success"),value:this.value,warning:!!this.rootElement.classList.contains("kup-warning"),showMarker:this.showMarker,legacyLook:this.legacyLook,size:f(this.data,this.displayMode,this.size),title:null!==(t=this.displayedValue)&&void 0!==t?t:""},e=this.rootElement.classList.contains("kup-full-height"),n=this.rootElement.classList.contains("kup-full-width");return o(s,{key:"15d0da056aa061cc8bdf6c60da34a62cf82f9f79",class:`${e?"kup-full-height":""} ${n?"kup-full-width":""}`,style:Fo(this,Oo,"f")},o("style",{key:"c6a9335374ed6af82bec6324ac87a544f7246ead"},Fo(this,$o,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"74932cc34d14801f231b1849e2e25f0d91111cca",id:Rt,style:Fo(this,Oo,"f")},o(jt,Object.assign({key:"1a99d4daa3644983367645d55014d5c650323b7f"},i,this.data["kup-text-field"],{disabled:this.disabled,fullHeight:e,fullWidth:n,trailingIcon:!0,icon:this.showDropDownIcon?m.DROPDOWN:null,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupIconClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>this.onKupInput(),onIconClick:()=>this.onKupIconClick(),onClearIconClick:()=>this.onKupClearIconClick()}))),Fo(this,jo,"m",Lo).call(this))}disconnectedCallback(){Fo(this,Wo,"f")&&(Fo(this,$o,"f").dynamicPosition.unregister([Fo(this,Wo,"f")]),Fo(this,Wo,"f").remove()),Fo(this,$o,"f").theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{initialValue:["initialValueChange"],initialValueDecode:["initialValueDecodeChange"]}}};$o=new WeakMap,Oo=new WeakMap,Wo=new WeakMap,Do=new WeakMap,Mo=new WeakMap,So=new WeakMap,To=new WeakMap,jo=new WeakSet,Ro=function(){var t,i;if(Fo(this,jo,"m",Io).call(this))return;const e=(null===(t=this.error)||void 0===t?void 0:t.trim().length)>0,o=(null===(i=this.alert)||void 0===i?void 0:i.trim().length)>0,s=e||o?-20:0;Fo(this,Do,"f").classList.add("toggled"),Fo(this,Wo,"f").menuVisible=!0,Fo(this,Wo,"f").filter="";const n=Fo(this,Wo,"f").style;n.height="auto",n.minWidth=Fo(this,Do,"f").clientWidth+"px",Fo(this,$o,"f").dynamicPosition.isRegistered(Fo(this,Wo,"f"))?Fo(this,$o,"f").dynamicPosition.changeAnchor(Fo(this,Wo,"f"),Fo(this,Do,"f")):Fo(this,$o,"f").dynamicPosition.register(Fo(this,Wo,"f"),Fo(this,Do,"f"),s,g.AUTO,!0),Fo(this,$o,"f").dynamicPosition.start(Fo(this,Wo,"f")),Fo(this,So,"f")||No(this,So,{cb:()=>{Fo(this,jo,"m",Po).call(this)},el:Fo(this,Wo,"f")},"f"),Fo(this,$o,"f").addClickCallback(Fo(this,So,"f"),!0)},Po=function(){Fo(this,Do,"f").classList.remove("toggled"),Fo(this,Wo,"f").menuVisible=!1,Fo(this,$o,"f").dynamicPosition.stop(Fo(this,Wo,"f")),Fo(this,$o,"f").removeClickCallback(Fo(this,So,"f"))},Io=function(){return 1==Fo(this,Wo,"f").menuVisible},Eo=function(t,i,e){if(null==t||null==i){const i=Wt(t,this.data["kup-list"],Fo(this,Wo,"f"),this.selectMode,this.displayMode);return i.exists&&e?(this.value=i.value,this.displayedValue=i.displayedValue):this.displayedValue=t,null!=Fo(this,Wo,"f")&&(Fo(this,Wo,"f").filter=i.value),i}this.displayedValue=Ot({id:t,value:i},this.displayMode," - ")},Lo=function(){var t,i;return o("kup-list",Object.assign({displayMode:this.listDisplayMode},this.data["kup-list"],{"is-menu":!0,showFilter:(null===(i=null===(t=this.data["kup-list"])||void 0===t?void 0:t.data)||void 0===i?void 0:i.length)>=10,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>No(this,Wo,t,"f")}))},Ko.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}";class Ao{constructor(){this.filters={},this.expandGroups=!1,this.groupLabelDisplay=L.BOTH,this.density="small",this.enableSortableColumns=!1,this.enableExtraColumns=!0,this.forceOneLine=!1,this.globalFilter=!1,this.globalFilterValue="",this.groups=[],this.headerIsPersistent=!0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.selection=F.SINGLE,this.rowsPerPage=10,this.showFilters=!0,this.showGroups=!1,this.showHeader=!0,this.showLoadMore=!1,this.showPaginator=!0,this.hiddenSubmitButton=!1,this.sortEnabled=!0,this.sort=[],this.sortableColumnsMutateData=!0,this.pageSelected=1,this.selectRowsById="",this.dragEnabled=!1,this.dropEnabled=!1,this.showFooter=!1,this.load=!1,this.visibleColumns=void 0}toDebugString(){return"dt state"}}const Vo=document.documentElement;class Bo{constructor(){this.clickCb=null,this.filtersColumnMenuInstance=new Ut,this.filtersRowsInstance=new qt}open(t,i){this.filtersColumnMenuInstance.resetTextualFilters(t.filters,i)}close(t){t.menuVisible=!1,Vo.ketchup.removeClickCallback(this.clickCb),Vo.ketchup.dynamicPosition.stop(t)}reposition(t,i,e){const o=t.rootElement.shadowRoot;if(o&&i){const t=o.querySelector(e);Vo.ketchup.dynamicPosition.isRegistered(i)?Vo.ketchup.dynamicPosition.changeAnchor(i,t):Vo.ketchup.dynamicPosition.register(i,t,0,g.AUTO,!0),this.clickCb||(this.clickCb={cb:()=>{this.close(i)},el:i}),Vo.ketchup.addClickCallback(this.clickCb,!0),Vo.ketchup.dynamicPosition.start(i),i.menuVisible=!0}}prepData(t,i,e){const o=e?Object.assign({},e):{};return this.filtersColumnMenuInstance.resetTextualFilters(t.filters,i.name),o.button=this.prepButton(t,i),o.checkbox=this.prepCheckbox(t,i),o.chip=this.prepChip(t,i),o.datepicker=this.prepDatePicker(t,i),o.object=i.objs?i.objs:i.obj?[i.obj]:null,o.switch=this.prepSwitch(t,i,o.object),e||(o.tabbar=this.prepTabBar(t,i),o.text=[i.title]),o.textfield=this.prepTextfield(t,i),o.timepicker=this.prepTimePicker(t,i),o}prepButton(t,i){const e=[];return!Ut.isTree(t)&&t.showGroups&&e.push({className:"printable","data-storage":{columnName:i.name},icon:"book",id:De.BUTTON_GROUP,title:null!=t.getGroupByName(i.name)?Vo.ketchup.language.translate(N.DISABLE):Vo.ketchup.language.translate(N.ENABLE)}),t.removableColumns&&e.push({className:"printable","data-storage":{column:i},icon:"table-column-remove",id:De.BUTTON_REMOVE,title:Vo.ketchup.language.translate(C.HIDE)}),t.enableExtraColumns&&(Vo.ketchup.objects.canObjHaveExtraColumns(i.obj)||Vo.ketchup.objects.canObjsHaveExtraColumns(i.objs))&&(e.push({className:"printable","data-storage":{columnName:i.name},icon:"table-column-plus-after",id:De.BUTTON_ADD_COLUMNS,title:Vo.ketchup.language.translate(C.ADD)}),e.push({className:"printable",label:Vo.ketchup.language.translate(d.APPLY),id:De.BUTTON_APPLY,styling:Lt.OUTLINED,title:Vo.ketchup.language.translate(d.APPLY)})),e}prepCheckbox(t,i){const e=[];if(t.showFilters&&(Vo.ketchup.objects.isStringObject(i.obj)||Vo.ketchup.objects.isCheckbox(i.obj))){const o=this.filtersColumnMenuInstance.getCheckBoxFilterValues(t.filters,i.name),s=t.getColumnValues(i);s.length>0&&e.push({checked:0==o.length,"data-storage":{column:i,value:null},id:De.CHECKBOX_GLOBAL,key:De.CHECKBOX_GLOBAL+i.name,label:Vo.ketchup.language.translate(K.ALL)});for(let t=0;t<s.length;t++){let n=A(s[t],i);Vo.ketchup.objects.isCheckbox(i.obj)&&(n=Vo.ketchup.language.translate("1"==s[t].value?K.CHECKED:K.UNCHECKED)),e.push({checked:V.valuesArrayContainsValue(o,s[t].value),"data-storage":{column:i,value:s[t].value,displayedValue:A(s[t],i)},label:n})}}return e}prepChip(t,i){let e=[];const o={data:[]};if(i.children){const e=[];for(let o=0;o<i.children.length;o++){const s=i.children[o];let n=null;try{n=Ut.isTree(t)?t.columns.find((t=>t.name===s.name)):t.data.columns.find((t=>t.name===s.name))}catch(t){Vo.ketchup.debug.logMessage(this,"Child column not found ("+s.name+")!"+t,k.ERROR)}e.push({icon:s.icon?s.icon:null,value:n?n.title:"*Not found!",obj:s.obj?s.obj:null,id:n?n.name:"*NOTFND"})}o.dataSet={initialData:[...e]},o.data=e}return o.type=Dt.INPUT,e.push(o),e}prepSwitch(t,i,e){const o=[];if(!Ut.isTree(t)&&(e&&e.length>0&&!Vo.ketchup.objects.isEmptyKupObj(e[0])&&o.push({"data-storage":{columnName:i.name},checked:!!i.isKey,key:De.SWITCH_KEY+i.name,id:De.SWITCH_KEY,label:Vo.ketchup.language.translate(D.KEY),leadingLabel:!0}),t.showGroups)){const e=null!=t.getGroupByName(i.name);o.push({"data-storage":{columnName:i.name},key:De.SWITCH_GROUP+i.name,checked:!!e,id:De.SWITCH_GROUP,label:Vo.ketchup.language.translate(N.GROUPS),leadingLabel:!0})}return o}prepTabBar(t,i){const e=[{data:[]}],o=e[0].data;return t.showFilters&&o.push({id:d.FILTERS,value:Vo.ketchup.language.translate(d.FILTERS)}),(t.enableExtraColumns&&(Vo.ketchup.objects.canObjHaveExtraColumns(i.obj)||Vo.ketchup.objects.canObjsHaveExtraColumns(i.objs))||t.removableColumns)&&o.push({id:C.COLUMNS,value:Vo.ketchup.language.translate(C.COLUMNS)}),Ut.isTree(t)||o.push({icon:"settings",id:d.SETTINGS,value:""}),o.length>0&&(o[0].active=!0),e}prepTextfield(t,i){let e=[];if(t.showFilters)if(this.filtersColumnMenuInstance.isColumnNumeric(i))e=e.concat(this.prepNumericTextfield(t,i));else if(Vo.ketchup.objects.isStringObject(i.obj)){let o=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,i.name);o=B(o,i.obj,i.decimals),e.push({"data-storage":{column:i},isClearable:!0,size:30,maxLength:100,label:Vo.ketchup.language.translate(M.SEARCH),id:De.TEXTFIELD_FILTER,initialValue:o,key:De.TEXTFIELD_FILTER+i.name,trailingIcon:!0})}return Ut.isTree(t)||Vo.ketchup.objects.isNumber(i.obj)&&t.enableColumnsFormula&&e.push({fullWidth:!0,icon:"functions",id:De.TEXTFIELD_FORMULA,key:De.TEXTFIELD_FORMULA+i.name,helper:`i.e.: Description;[${i.name}] * 2`,label:Vo.ketchup.language.translate(z.FORMULA),trailingIcon:!0}),e}prepNumericTextfield(t,i){let e=[];if(!t.showFilters)return e;if(!Vo.ketchup.objects.isNumber(i.obj))return e;let o=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,i.name);return e.push({"data-storage":{column:i},helperWhenFocused:!0,isClearable:!0,size:30,maxLength:100,label:Vo.ketchup.language.translate(M.SEARCH),id:De.TEXTFIELD_FILTER,key:De.TEXTFIELD_FILTER+i.name,initialValue:o,trailingIcon:!0}),e}prepTimePicker(t,i){let e=[];if(!t.showFilters)return e;if(!Vo.ketchup.objects.isTime(i.obj))return e;let o=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,i.name);return e.push({"data-storage":{column:i},appendSelection:!0,data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,isClearable:!0,size:30,maxLength:100,label:Vo.ketchup.language.translate(M.SEARCH)}},id:De.TEXTFIELD_FILTER,key:De.TEXTFIELD_FILTER+i.name,initialValue:o,manageSeconds:Vo.ketchup.objects.isTimeWithSeconds(i.obj)}),e}prepDatePicker(t,i){let e=[];if(!t.showFilters)return e;if(!Vo.ketchup.objects.isDate(i.obj)&&!Vo.ketchup.objects.isTimestamp(i.obj))return e;let o=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,i.name);return e.push({"data-storage":{column:i},appendSelection:!0,data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,isClearable:!0,size:30,maxLength:100,label:Vo.ketchup.language.translate(M.SEARCH)}},id:De.TEXTFIELD_FILTER,key:De.TEXTFIELD_FILTER+i.name,initialValue:o}),e}eventHandlers(t,i){var e;const o=t.detail.card?t.detail.card:t.detail.comp.rootElement,s=t.detail.event,n=s.detail.id,a=s.target["data-storage"],l=s.type.toLowerCase().endsWith("click");switch(n){case De.TEXTFIELD_FORMULA:if("kup-textfield-change"===s.type){const t=s.detail.value,e=t.split(";"),n=e.length>=2,a=n?e[0].trim():"",l=n?e[1].trim():t;i.newColumn(j.MATH,{operation:l,newColumn:n?{name:a,title:a}:void 0}).then((t=>{if("string"==typeof t||t instanceof String){const i=s.detail.comp;i.rootElement.classList.add("kup-danger"),i.helper=t}else this.close(o)}))}break;case De.TEXTFIELD_FILTER:switch(s.type){case"kup-textfield-submit":case"kup-datepicker-textfieldsubmit":case"kup-datepicker-change":case"kup-timepicker-textfieldsubmit":this.saveTextualFilters(i,a.column),this.close(o);break;case"kup-textfield-cleariconclick":case"kup-datepicker-cleariconclick":case"kup-timepicker-cleariconclick":this.textfieldChange(i,null,a.column),this.saveTextualFilters(i,a.column);break;case"kup-datepicker-input":case"kup-datepicker-itemclick":case"kup-textfield-input":case"kup-timepicker-input":case"kup-timepicker-itemclick":window.clearTimeout(i.columnFilterTimeout),i.columnFilterTimeout=window.setTimeout((()=>{var t;this.textfieldChange(i,s.detail.value,a.column),l&&this.saveTextualFilters(i,a.column),(null===(t=o.data)||void 0===t?void 0:t.checkbox)&&(o.data.checkbox=this.prepCheckbox(i,a.column),o.refresh())}),300)}}switch(s.type){case"kup-button-click":switch(n){case De.BUTTON_GROUP:this.toggleGroup(i,a.columnName);break;case De.BUTTON_REMOVE:i.closeColumnMenu().then((()=>{i.hideColumn(a.column)}))}break;case"kup-checkbox-change":this.checkboxChange(i,s.detail.checked,a.column,{value:a.value,displayedValue:a.displayedValue});break;case"kup-switch-change":switch(n){case De.SWITCH_GROUP:this.toggleGroup(i,a.columnName);break;case De.SWITCH_KEY:this.setKey(i,a.columnName,s.detail.value)}}(null===(e=o.data)||void 0===e?void 0:e.checkbox)&&(null==a?void 0:a.column)&&(o.data.checkbox=this.prepCheckbox(i,a.column),o.refresh())}textfieldChange(t,i,e){Ut.isTree(t)||t.resetCurrentPage();let o="";i&&(o=i.match(H)?i:this.filtersColumnMenuInstance.normalizeValue(i.trim(),e.obj));const s=Object.assign({},t.filters);this.filtersColumnMenuInstance.setTextFieldFilterValue(s,e.name,o),t.filters=s}saveTextualFilters(t,i){const e=Object.assign({},t.filters);this.filtersColumnMenuInstance.saveTextualFilters(e,i.name),t.filters=e}checkboxChange(t,i,e,o){Ut.isTree(t)||t.resetCurrentPage();const s=Object.assign({},t.filters);i||null==o||null==o.value?this.filtersColumnMenuInstance.addCheckboxFilter(s,e.name,o):this.filtersColumnMenuInstance.removeCheckboxFilter(s,e.name,o.value),t.filters=s}toggleGroup(t,i){const e=t.getGroupByName(i);if(null!==e){const i=t.groups.indexOf(e);t.groups.splice(i,1),t.groups=[...t.groups]}else t.groups=[...t.groups,{column:i,visible:!0}];t.refresh()}setKey(t,i,e){const o=t.data.columns,s="on"===e;for(let t=0;t<o.length;t++){const e=o[t];e.name===i?e.isKey=s:s&&(e.isKey=!1)}t.refresh()}}var Ho,Yo,Xo,Go,Uo,qo,Jo,Zo,Qo,ts,is,es,os,ss,ns,as,ls,rs,hs,cs,ps,us,ds,fs,ms,gs,bs,ks,vs,ys,xs,ws,_s,zs,Cs,js,$s,Os,Ws,Ds,Ms,Ss,Ts,Rs,Ps,Is,Es,Ls,Fs,Ns,Ks,As,Vs,Bs,Hs,Ys,Xs,Gs,Us,qs,Js,Zs,Qs,tn,en,on,sn,nn,an,ln,rn,hn,cn,pn,un,dn,fn,mn,gn,bn,kn,vn,yn,xn,wn,_n,zn,Cn,jn,$n,On,Wn,Dn,Mn,Sn,Tn,Rn,Pn,In,En,Ln,Fn,Nn,Kn,An,Vn,Bn,Hn,Yn,Xn,Gn,Un,qn,Jn,Zn,Qn,ta,ia,ea,oa,sa,na,aa,la,ra,ha,ca,pa,ua,da,fa,ma,ga,ba,ka,va,ya,xa,wa,_a,za,Ca,ja,$a,Oa,Wa,Da,Ma,Sa,Ta,Ra,Pa,Ia,Ea,La,Fa,Na,Ka,Aa,Va,Ba,Ha,Ya,Xa,Ga,Ua,qa,Ja,Za,Qa,tl,il,el,ol,sl,nl,al,ll,rl,hl,cl,pl,ul,dl,fl,ml,gl,bl,kl,vl,yl,xl,wl,_l,zl,Cl,jl,$l,Ol,Wl,Dl,Ml,Sl=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},Tl=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const Rl=document.documentElement,Pl=class{constructor(e){t(this,e),this.kupDidUnload=i(this,"kup-datatable-didunload",6),this.kupDidLoad=i(this,"kup-datatable-didload",6),this.kupResetSelectedRows=i(this,"kup-datatable-resetselectedrows",6),this.kupRowSelected=i(this,"kup-datatable-rowselected",6),this.kupDataTableClick=i(this,"kup-datatable-click",6),this.kupDataTableContextMenu=i(this,"kup-datatable-contextmenu",6),this.kupDataTableCellActionsMenu=i(this,"kup-datatable-cell-actions-menu",6),this.kupDataTableDblClick=i(this,"kup-datatable-dblclick",6),this.kupDataTableColumnMenu=i(this,"kup-datatable-columnmenu",6),this.kupLoadMoreClick=i(this,"kup-datatable-loadmoreclick",6),this.kupColumnMove=i(this,"kup-datatable-columnmove",6),this.kupColumnRemove=i(this,"kup-datatable-columnremove",6),this.kupDeleteRow=i(this,"kup-datatable-delete-row",6),this.kupSave=i(this,"kup-datatable-save",6),this.kupInsertRow=i(this,"kup-datatable-insert-row",6),this.kupHistory=i(this,"kup-datatable-history",6),this.kupRowActionItemClick=i(this,"kup-datatable-rowaction-item-click",6),this.kupCellActionIconClick=i(this,"kup-datatable-cell-action-icon-click",6),this.kupUpdate=i(this,"kup-datatable-update",6),this.kupCellCheck=i(this,"kup-datatable-check",6),this.kupDataTableCellClick=i(this,"kup-datatable-cell-click",6),this.kupDataTableDrop=i(this,"kup-datatable-drop",6),this.kupDataTableCellIconClick=i(this,"kup-datatable-cell-iconclick",6),this.kupDataTableCellInput=i(this,"kup-datatable-cell-input",6),this.kupDataTableObjectFieldSearchPayload=i(this,"kup-datatable-objectfield-searchpayload",6),this.kupDataTableObjectFieldOpenSearchMenu=i(this,"kup-datatable-objectfield-opensearchmenu",6),this.kupDataTableObjectFieldSelectedMenuItem=i(this,"kup-datatable-objectfield-selectedmenuitem",6),Ho.add(this),this.state=new Ao,Xo.set(this,!1),Go.set(this,void 0),Uo.set(this,0),qo.set(this,void 0),Jo.set(this,0),Zo.set(this,void 0),Qo.set(this,r()),ts.set(this,[]),is.set(this,0),es.set(this,0),os.set(this,void 0),ss.set(this,void 0),ns.set(this,void 0),as.set(this,void 0),ls.set(this,void 0),rs.set(this,[]),hs.set(this,void 0),cs.set(this,void 0),ps.set(this,void 0),us.set(this,void 0),ds.set(this,void 0),fs.set(this,void 0),ms.set(this,void 0),gs.set(this,0),bs.set(this,!1),ks.set(this,!1),vs.set(this,!1),ys.set(this,!1),xs.set(this,void 0),ws.set(this,null),_s.set(this,[]),zs.set(this,[]),Cs.set(this,[]),js.set(this,null),$s.set(this,!1),Os.set(this,[]),Ws.set(this,[]),Ds.set(this,[]),Ms.set(this,[]),Ss.set(this,null),Ts.set(this,null),Rs.set(this,null),Ps.set(this,null),Is.set(this,null),Es.set(this,null),Ls.set(this,void 0),Fs.set(this,void 0),Ns.set(this,void 0),Ks.set(this,void 0),As.set(this,null),Vs.set(this,null),Bs.set(this,null),Hs.set(this,null),Ys.set(this,null),Xs.set(this,null),Gs.set(this,null),Us.set(this,null),qs.set(this,null),Js.set(this,0),Zs.set(this,null),Qs.set(this,null),tn.set(this,null),en.set(this,void 0),on.set(this,void 0),sn.set(this,void 0),nn.set(this,"cancel"),an.set(this,"submit"),ln.set(this,"fieldsForm"),rn.set(this,"message"),hn.set(this,"messageWrapper"),cn.set(this,"insert_"),pn.set(this,50),wn.set(this,(()=>{Sl(this,ss,"f")&&(Sl(this,ks,"f")?Sl(this,bs,"f")?Sl(this,cs,"f").classList.remove("activated"):(Sl(this,Ho,"m",_n).call(this),Sl(this,cs,"f").classList.add("activated")):Sl(this,cs,"f").classList.remove("activated"))})),ba.set(this,(t=>{if(!Sl(this,Qs,"f")||this.selection==F.MULTIPLE)return;const i=Sl(this,Qs,"f").element.closest("tr:not(.group)").querySelectorAll(".f-cell"),e=Array.from(i).indexOf(Sl(this,Qs,"f").element);let o=t?e+1:e-1;o<0?o=i.length-1:o>=i.length&&(o=0);const s=i[o],n=s["kup-get-cell-props"]();Sl(this,Ho,"m",ja).call(this,n.row,s.closest("td"),!0,!0),Tl(this,Qs,n.cell,"f")})),ka.set(this,(t=>{if(!Sl(this,Qs,"f")||this.selection==F.MULTIPLE)return;const i=Sl(this,Qs,"f").element.closest("tr:not(.group)"),e=Array.from(i.querySelectorAll(".f-cell")).indexOf(Sl(this,Qs,"f").element),o=i.parentElement.querySelectorAll("tr:not(.group)"),s=Array.from(o).indexOf(i);let n=t?s+1:s-1;n<0?n=o.length-1:n>=o.length&&(n=0);const a=o[n].querySelectorAll(".f-cell")[e],l=a["kup-get-cell-props"]();Tl(this,Qs,l.cell,"f"),Sl(this,Ho,"m",ja).call(this,l.row,a.closest("td"),!0,!0)})),va.set(this,(t=>{const i="ArrowDown"===t.key||"ArrowUp"===t.key;this.editableData||this.updatableData||(("ArrowLeft"===t.key||"ArrowRight"===t.key)&&(t.preventDefault(),Sl(this,ba,"f").call(this,"ArrowRight"===t.key)),i&&(t.preventDefault(),Sl(this,ka,"f").call(this,"ArrowDown"===t.key)))})),Xa.set(this,(t=>{this.kupUpdate.emit({comp:this,id:this.rootElement.id,originalData:Sl(this,as,"f"),updatedData:Jt(Sl(this,as,"f"),this.data,!0),command:t})})),ul.set(this,["small","medium","big"]),dl.set(this,["Small","Medium","Big"]),fl.set(this,["format-font-size-decrease","format-color-text","format-font-size-increase"]),bl.set(this,["Extra_Dense","Dense","Medium","Wide"]),kl.set(this,["format-align-justify","reorder-horizontal","view-sequential"]),xl.set(this,["Complete","Col","Row","None"]),wl.set(this,["Complete","Columns","Rows","None"]),_l.set(this,["grid_on","view_column","view_headline","grid_off"]),this.stateId="",this.store=void 0,this.autoFillMissingCells=!1,this.customStyle="",this.data=void 0,this.density=y.EXTRA_DENSE,this.dragEnabled=!1,this.dropEnabled=!1,this.editableData=!1,this.emptyDataLabel=null,this.enableColumnsFormula=!0,this.enableExtraColumns=!0,this.enableMergeColumns=!0,this.enableSortableColumns=!0,this.expandGroups=!1,this.filters={},this.fixedColumns=0,this.fixedColumnsR=0,this.fixedRows=0,this.forceOneLine=!1,this.globalFilter=!1,this.globalFilterValue="",this.groupLabelDisplay=L.BOTH,this.groups=[],this.headerIsPersistent=!0,this.insertMode="",this.isFocusable=!1,this.lazyLoadRows=!1,this.lineBreakCharacter="\n",this.loadMoreLimit=1e3,this.loadMoreMode=Y.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.pageSelected=-1,this.paginatorPos=X.TOP,this.legacyLook=!1,this.isDashboardMode=!1,this.removableColumns=!1,this.resizableColumns=!0,this.rowActions=void 0,this.commands=void 0,this.rowsPerPage=1e3,this.scrollOnHover=!1,this.selection=F.SINGLE,this.showCustomization=!0,this.showDeleteButton=!1,this.showHistoryButton=!1,this.showFilters=!0,this.showFooter=!0,this.showGrid=G.ROW,this.showGroups=!1,this.showHeader=!0,this.showLoadMore=!1,this.showPaginator=!0,this.hiddenSubmitButton=!1,this.sort=[],this.sortableColumnsMutateData=!0,this.sortEnabled=!0,this.tableHeight=void 0,this.tableWidth=void 0,this.totals=void 0,this.transpose=!1,this.visibleColumns=void 0,this.updatableData=!1,this.updateOnClick=!1,this.lazyLoadCells=!1,this.currentPage=1,this.currentRowsPerPage=50,this.selectedRows=[],this.selectedColumn=void 0,this.columnMenuAnchor=null,this.groupState={},this.openedTotalMenu=null,this.openedCustomSettings=!1,this.fontsize="small"}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(Sl(this,Qo,"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.showPaginator=t.showPaginator,this.hiddenSubmitButton=t.hiddenSubmitButton,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),this.visibleColumns=t.visibleColumns?[...t.visibleColumns]:void 0)}}persistState(){if(this.store&&this.stateId){let t=Sl(this,Ho,"m",Yo).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(Sl(this,Qo,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}expandGroupsHandler(){Sl(this,ys,"f")||(this.recalculateRows(),this.groupState={},Sl(this,Ho,"m",pa).call(this))}filtersChanged(){this.expandGroupsHandler()}recalculateRows(){Sl(this,ys,"f")||Sl(this,Ho,"m",oa).call(this)}identifyAndInitRows(){this.data.rows.filter((t=>null==t.id)).length&&E(this.getRows()),this.expandGroupsHandler(),Sl(this,Ho,"m",In).call(this)}decorateAndInitForUpdTable(){var t,i,e;"SmeupDataTable"===this.data.type&&(Zt(this.data),Tl(this,tn,this.data.rows[0],"f")),this.updatableData&&(Tl(this,as,JSON.parse(JSON.stringify(this.data)),"f"),this.selection=(null===(i=null===(t=this.data.setup)||void 0===t?void 0:t.operations)||void 0===i?void 0:i.delete)?F.MULTIPLE_CHECKBOX:this.selection,Tl(this,rs,[],"f"),Tl(this,ls,(null===(e=Sl(this,as,"f").rows)||void 0===e?void 0:e.length)>0?Math.max(...Sl(this,as,"f").rows.map((t=>parseInt(t.id)))):-1,"f"))}computeMaxRowsPerPage(){var t,i,e,o;if((null===(i=null===(t=this.data)||void 0===t?void 0:t.columns)||void 0===i?void 0:i.length)>0&&(null===(o=null===(e=this.data)||void 0===e?void 0:e.rows)||void 0===o?void 0:o.length)>0){const t=this.data.columns.length,i=this.data.rows.length;Sl(this,Qo,"f").perfTuning.maxRowsPerPageProvider(t,i,(t=>{Tl(this,en,t,"f")})),this.rowsPerPage>Sl(this,en,"f")&&(this.rowsPerPage=Sl(this,en,"f"))}}recalculateRowsAndUndoSelections(){Sl(this,ys,"f")||(this.recalculateRows(),this.groupState={},Sl(this,Ho,"m",pa).call(this),Sl(this,Ho,"m",In).call(this))}controlFixedRowsColumns(){let t="";(isNaN(this.fixedColumns)||this.fixedColumns<0)&&(t+=`The value ${this.fixedColumns} set on fixedColumns property is not valid.`),(isNaN(this.fixedColumnsR)||this.fixedColumnsR<0)&&(t+=`The value ${this.fixedColumnsR} set on fixedColumnsR property is not valid.`),(isNaN(this.fixedRows)||this.fixedRows<0)&&(t+=`The value ${this.fixedRows} set on fixedRows property is not valid.`),t&&console&&console.warn(t+"Any fixed rule will be ignored.")}recalculateData(){Sl(this,Xo,"f")&&Sl(this,Ho,"m",mn).call(this)}async closeColumnMenu(){this.columnMenuAnchor=null,Sl(this,Xs,"f")&&(Sl(this,Xs,"f").data=null),Sl(this,Fs,"f").close(Sl(this,Xs,"f")),this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Sl(this,Xs,"f"),event:null,open:!1})}async collapseAll(){this.expandGroups||this.expandGroupsHandler(),this.expandGroups=!1}async deleteRows(t=[]){const i=[],e=[],o=this.getRows();for(let s=0;s<o.length;s++){const n=o[s];t.includes(n.id)?(i.push(n.clonedFrom?n.clonedFrom:n),this.selectedRows.includes(n)&&this.selectedRows.splice(this.selectedRows.indexOf(n),1)):e.push(n)}return i.length>0&&(this.data.rows=e,await this.refresh(!0)),i}async closeInsertCard(){Sl(this,Vs,"f")&&(Sl(this,Vs,"f").remove(),Tl(this,Vs,null,"f"))}async closeConfirmDeleteCard(){Sl(this,Ys,"f")&&(Sl(this,Ys,"f").close(),Tl(this,Hs,null,"f"),Tl(this,Ys,null,"f"))}async getCards(){const t={};return Sl(this,Vs,"f")&&(t.insertCard={el:Sl(this,Vs,"f"),messageWrapper:Sl(this,Vs,"f").querySelector("#"+Sl(this,hn,"f")),message:Sl(this,Vs,"f").querySelector("#"+Sl(this,rn,"f")),submitButton:Sl(this,Vs,"f").querySelector("#"+Sl(this,an,"f")),cancelButton:Sl(this,Vs,"f").querySelector("#"+Sl(this,nn,"f")),form:Sl(this,Vs,"f").querySelector("#"+Sl(this,ln,"f"))}),Sl(this,Hs,"f")&&(t.confirmDeleteCard={el:Sl(this,Hs,"f"),messageWrapper:Sl(this,Vs,"f").querySelector("#"+Sl(this,hn,"f")),message:Sl(this,Hs,"f").querySelector("#"+Sl(this,rn,"f")),submitButton:Sl(this,Hs,"f").querySelector("#"+Sl(this,an,"f")),cancelButton:Sl(this,Hs,"f").querySelector("#"+Sl(this,nn,"f"))}),t}async insertNewRow(t,i=!1){t&&(i?this.data.rows.unshift(t):this.data.rows.push(t),await this.refresh(!0))}async expandAll(){this.expandGroups&&this.expandGroupsHandler(),this.expandGroups=!0}async getProps(t){return p(this,ft,t)}async getSelectedRows(){const t=[];return this.selectedRows.forEach((i=>{t.push(i.clonedFrom?i.clonedFrom:i)})),t}async hideColumn(t){Sl(this,Qo,"f").data.column.hide(this.data,[t.name]),this.visibleColumns=this.getVisibleColumns().map((t=>t.name)),this.visibleColumns=this.visibleColumns.filter((i=>i!=t.name)),this.kupColumnRemove.emit({comp:this,id:this.rootElement.id,column:t}),this.refresh()}async setGroupExpansionByDepth(t){const i=(t,o,s,n)=>{var a;const l=t.group;if(t.hasOwnProperty("group")){const t=n<s;l.expanded=t,this.groupState[l.id]={expanded:t};const r=null===(a=null==e?void 0:e.find((t=>{var i;return(null===(i=t.group)||void 0===i?void 0:i.id)===l.id})))||void 0===a?void 0:a.group;if(r&&(r.expanded=t),l.children)for(let t=0;t<l.children.length;t++)i(l.children[t],o,s,n+1)}},e=(()=>{const t=[];for(let i=0;i<Sl(this,qo,"f").length;i++){const e=Sl(this,qo,"f")[i];function o(i){const e=i.group;t.push(i);for(let t=0;(null==e?void 0:e.children)&&t<e.children.length;t++)o(e.children[t])}e.group&&o(e)}return t})();let o=(()=>{const t=Sl(this,Go,"f")[0];let i=0;const e=(t,o)=>{const s=t.group;t.hasOwnProperty("group")&&(s.expanded&&(i=Math.max(i,o),i+=1),e(s.children[0],o+1))};return t&&e(t,0),i})()+t;for(let t=0;t<Sl(this,Go,"f").length;t++){const e=Sl(this,Go,"f")[t];e.group&&i(e,!1,o,0)}Sl(this,Ho,"m",La).call(this),this.refresh()}async newColumn(t,i){const e=Sl(this,Qo,"f").data.column.new(this.data,t,i);return Sl(this,Ho,"m",un).call(this,e,i.columns[1]),this.refresh(),e}async openColumnMenu(t,i){Sl(this,Xs,"f")&&Sl(this,Ho,"m",Bn).call(this),Tl(this,Xs,document.createElement("kup-card"),"f"),Sl(this,Xs,"f").isMenu=!0,Sl(this,Xs,"f").layoutNumber=12,Sl(this,Xs,"f").sizeX="auto",Sl(this,Xs,"f").sizeY="auto",Sl(this,Xs,"f").addEventListener("kup-card-click",(t=>{this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Sl(this,Xs,"f"),event:t,open:Sl(this,Xs,"f").menuVisible})})),Sl(this,Xs,"f").addEventListener("kup-card-event",(t=>{Sl(this,Fs,"f").eventHandlers(t,this),this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Sl(this,Xs,"f"),event:t,open:Sl(this,Xs,"f").menuVisible})})),Tl(this,Es,{cb:()=>{Sl(this,Ho,"m",Bn).call(this)},el:Sl(this,Xs,"f")},"f"),Sl(this,Qo,"f").addClickCallback(Sl(this,Es,"f"),!0),Sl(this,Xs,"f").setAttribute("data-column",t),Sl(this,Xs,"f").data=Sl(this,Fs,"f").prepData(this,R(this.getColumns(),t)),Sl(this,Fs,"f").open(this,t),Sl(this,Fs,"f").reposition(this,Sl(this,Xs,"f"),i),this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:Sl(this,Xs,"f"),event:null,open:!0})}async refresh(t){t&&Sl(this,Ho,"m",oa).call(this),e(this)}async resizeCallback(){this.lazyLoadCells&&this.rootElement.clientWidth!==Sl(this,js,"f")&&(window.clearTimeout(Sl(this,Ls,"f")),Tl(this,Ls,window.setTimeout((()=>this.refresh()),300),"f"))}async setCellValue(t,i,e){const o=R(this.data.columns,t);if(!o)return;const s=Sl(this,Ho,"m",gn).call(this,i);if(!s)return;const n=s.cells[t];n&&(n.value=e,n.displayedValue=null,n.data&&(n.data.key=(new Date).getTime()+o.name,n.data.initialValue=e),this.refresh())}async setFocus(t,i){const e=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;e&&t<e.length;t++){const o=e[t];if(o["data-row"]&&o["data-row"].id==i){const t=o.querySelector("input");if(t)t.focus();else{const t=o.querySelector(".hydrated");if(t)try{t.setFocus()}catch(t){}}}}}async setProps(t){u(this,ft,t)}async setSelectedRows(t,i,e){let o;this.selectedRows=[];for(let i=0;i<t.length;i++){const e=t[i],s=Sl(this,Ho,"m",gn).call(this,e);s&&(o||(o=e),this.selectedRows.push(s))}e&&o&&this.scrollToRow(o),!1!==i&&this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})}async scrollToRow(t){const i=t,e=Sl(this,Ho,"m",gn).call(this,i);if(e){const t=(this.currentPage-1)*this.currentRowsPerPage,i=this.currentPage*this.currentRowsPerPage,o=Sl(this,Go,"f").indexOf(e)%(i-t),s=Sl(this,hs,"f"),n=Sl(this,Cs,"f")[o];if(o>=1){const t=parseInt(getComputedStyle(Sl(this,os,"f")).height.replace("px","")),i=n.getBoundingClientRect(),e=s.getBoundingClientRect();s.scrollTo({top:s.scrollTop-t+(i.top-e.top),behavior:"instant"})}}}async waitForReady(){return Sl(this,on,"f")}async getLastFocusedRow(){return Sl(this,tn,"f")}async getLastFocusedCell(){return Sl(this,Qs,"f")}async getLastFocusedColumn(){return Sl(this,Zs,"f")}async tooltipRequest(){(Sl(this,Qs,"f")||Sl(this,Zs,"f"))&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:Sl(this,Ho,"m",ta).call(this)})}async update(t){var i,e,o,s,n,a,l,r;t||Sl(this,Xa,"f").call(this);const h=null!==(r=null!==(s=null===(o=null===(e=null===(i=this.data)||void 0===i?void 0:i.setup)||void 0===e?void 0:e.commands)||void 0===o?void 0:o.find((i=>{var e;return(null===(e=i.obj)||void 0===e?void 0:e.k)===t})))&&void 0!==s?s:null===(l=null===(a=null===(n=this.data)||void 0===n?void 0:n.setup)||void 0===a?void 0:a.commands)||void 0===l?void 0:l.flatMap((t=>t.children)).find((i=>{var e;return(null===(e=null==i?void 0:i.obj)||void 0===e?void 0:e.k)===t})))&&void 0!==r?r:null;h&&Sl(this,Xa,"f").call(this,h)}listenEnterKeydown(t){if(this.updatableData&&"Enter"===t.key){t.preventDefault(),t.stopPropagation();const i=this.rootElement.shadowRoot.activeElement;i&&(i.blur(),Sl(this,Xa,"f").call(this))}}listenCopyCellValueInColumnListener(t){if(this.updatableData&&"d"===t.key.toLowerCase()&&!0===t.ctrlKey){const i=this.rootElement.shadowRoot.activeElement;i&&Sl(this,Ho,"m",ha).call(this,t,i)}}connectedCallback(){Tl(this,on,new Promise((t=>{Tl(this,sn,t,"f")})),"f")}componentWillLoad(){Sl(this,Qo,"f").debug.logLoad(this,!1),Sl(this,Qo,"f").language.register(this),Sl(this,Qo,"f").theme.register(this),Sl(this,Qo,"f").toolbar.register(this.rootElement),this.emptyDataLabel||(this.emptyDataLabel=Sl(this,Qo,"f").language.translate(d.EMPTY_DATA)),Tl(this,Fs,new Bo,"f"),Tl(this,Ns,new Ut,"f"),Tl(this,Ks,new qt,"f"),Tl(this,ys,!0,"f"),this.initWithPersistedState(),this.pageSelected>0&&(this.currentPage=this.pageSelected),this.computeMaxRowsPerPage(),this.currentRowsPerPage=this.rowsPerPage,Tl(this,ys,!1,"f"),E(this.getRows()),this.expandGroupsHandler(),document.querySelector(".header")?Tl(this,gs,document.querySelector(".header").clientHeight,"f"):Tl(this,gs,0,"f"),document.querySelector(".topbar")&&Tl(this,gs,Sl(this,gs,"f")+document.querySelector(".topbar").clientHeight,"f"),Sl(this,Ho,"m",zn).call(this),Tl(this,vs,CSS.supports("position","-webkit-sticky")||!(!window||!window.safari),"f"),Sl(this,Ho,"m",mn).call(this),Tl(this,Xo,!0,"f"),this.decorateAndInitForUpdTable()}componentWillRender(){Sl(this,Qo,"f").debug.logRender(this,!1)}componentDidRender(){if(Sl(this,Qo,"f").perfMonitoring.mark("componentDidRender"),!this.rootElement.isConnected)return;const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)$t(i[t])}requestAnimationFrame((async()=>{t&&Sl(this,sn,"f")&&(Sl(this,sn,"f").call(this),Tl(this,sn,null,"f"))})),this.showCustomization&&Sl(this,Ho,"m",Sn).call(this),Sl(this,Ho,"m",Qa).call(this),Sl(this,Ho,"m",Mn).call(this),Sl(this,Ho,"m",On).call(this),Sl(this,Ho,"m",jn).call(this),Sl(this,Ho,"m",rl).call(this,!1),this.state.rowsPerPage!=this.currentRowsPerPage&&Sl(this,qo,"f").forEach((t=>{this.selectedRows.includes(t)&&this.scrollToRow(t.id)})),this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&Sl(this,Ho,"m",_n).call(this),setTimeout((()=>Sl(this,Ho,"m",ga).call(this)),50),this.persistState(),Tl(this,js,this.rootElement.clientWidth,"f"),Sl(this,Qo,"f").debug.logRender(this,!0),Sl(this,Qo,"f").perfMonitoring.measure("componentDidRender","kup-data-table")}componentDidLoad(){Sl(this,Qo,"f").perfMonitoring.mark("componentDidLoad"),Sl(this,Ho,"m",$n).call(this),Sl(this,Ho,"m",Wn).call(this),Sl(this,Ho,"m",Cn).call(this),this.lazyLoadCells=!0,this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),Sl(this,Qo,"f").resize.observe(this.rootElement),Sl(this,Qo,"f").debug.logLoad(this,!0),Sl(this,Qo,"f").perfMonitoring.measure("componentDidLoad","kup-data-table")}resetCurrentPage(){this.currentPage=1,Sl(this,Ho,"m",In).call(this)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:""}]}getVisibleColumns({includeCodVer:t=!1}={}){if(t)return this.getColumns().filter((t=>this.visibleColumns?this.visibleColumns.includes(t.name):!("visible"in t)||t.visible));let i=this.getColumns().filter((t=>{const i=!Sl(this,Qo,"f").data.column.isCodVer(t);return this.visibleColumns?i&&this.visibleColumns.includes(t.name):i&&(!("visible"in t)||t.visible)}));return this.visibleColumns&&(i=i.sort(((t,i)=>this.visibleColumns.indexOf(t.name)-this.visibleColumns.indexOf(i.name)))),Sl(this,Ho,"m",na).call(this)?i.filter((t=>{let i=null;for(let e of this.groups)if(e.column===t.name){i=e;break}return!i||!i.hasOwnProperty("visible")||i.visible})):i}getGroupByName(t){if(!Sl(this,Ho,"m",na).call(this))return null;for(let i of this.groups)if(i.column===t)return i;return null}getColumnValues(t){return Sl(this,Ks,"f").getColumnValues(this,t,this.globalFilterValue,Sl(this,Ns,"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,i,e,o=!1){const s=o?[...t]:t;return Sl(this,Ho,"m",Ya).call(this,s,i,e),s}areTotalsSelected(t){return!(!this.totals||!this.totals[t.name])}onTotalsChange(t,i){var e;if(Sl(this,Ho,"m",Ra).call(this),!i)return;const o=t.detail.selected.id,s=null!==(e=this.totals)&&void 0!==e?e:{};if(o===U.CANC)return delete s[i.name],void(this.totals=Object.keys(s).length?Object.assign({},s):void 0);s[i.name]=o,this.totals=Object.assign({},s)}renderFooter(){let t=0,i=null;if(this.selection===F.MULTIPLE_CHECKBOX){t++;const e=Sl(this,Ho,"m",ma).call(this,t,0,0,t);i=o("td",{class:e?e.fixedCellClasses:null,style:e?e.fixedCellStyle:null})}let e=null;if(Sl(this,Ho,"m",aa).call(this)||Sl(this,Qo,"f").data.column.hasCodVer(this.data.columns)){t++;const i=Sl(this,Ho,"m",ma).call(this,t,0,0,t);e=o("td",{class:i?i.fixedCellClasses:{},style:i?i.fixedCellStyle:{}})}const s=this.getVisibleColumns().map(((i,e)=>{var s;const n=Sl(this,Ho,"m",ma).call(this,e+1+t,e,0,t);let a,l=U.CALC;const r={[U.AVERAGE]:Sl(this,Qo,"f").language.translate(z.AVERAGE),[U.CALC]:Sl(this,Qo,"f").language.translate(z.CALCULATE),[U.CANC]:Sl(this,Qo,"f").language.translate(z.CANCEL),[U.COUNT]:Sl(this,Qo,"f").language.translate(z.COUNT),[U.DISTINCT]:Sl(this,Qo,"f").language.translate(z.DISTINCT),[U.MATH]:Sl(this,Qo,"f").language.translate(z.FORMULA),[U.MAX]:Sl(this,Qo,"f").language.translate(z.MAXIMUM),[U.MIN]:Sl(this,Qo,"f").language.translate(z.MINIMUM),[U.SUM]:Sl(this,Qo,"f").language.translate(z.SUM)};if(this.totals){const t=this.totals[i.name];if(t)if(t.startsWith(q.MATH))l=U.MATH;else switch(t){case q.COUNT:l=U.COUNT;break;case q.DISTINCT:l=U.DISTINCT;break;case q.SUM:l=U.SUM;break;case q.AVERAGE:l=U.AVERAGE;break;case q.MIN:l=U.MIN;break;case q.MAX:l=U.MAX}}if(Sl(this,Ho,"m",Pa).call(this,i.name)){const t=(t="")=>({[q.COUNT]:{id:q.COUNT,value:r[U.COUNT]},[q.DISTINCT]:{id:q.DISTINCT,value:r[U.DISTINCT]},[q.SUM]:{id:q.SUM,value:r[U.SUM]},[q.AVERAGE]:{id:q.AVERAGE,value:r[U.AVERAGE]},[q.MIN]:{id:q.MIN,value:r[U.MIN]},[q.MAX]:{id:q.MAX,value:r[U.MAX]},[U.CANC]:{id:U.CANC,value:r[U.CANC]},[q.MATH]:{id:t?`${q.MATH}${t}`:q.MATH,value:t?`${r[U.MATH]}: ${t}`:r[U.MATH]}}),e=[];if(i.formula){const o=t(null===(s=Sl(this,Ho,"m",ra).call(this)&&this.totals[i.name]||i.formula)||void 0===s?void 0:s.replace(J(q.MATH,"g"),""));e.push(Object.assign(Object.assign({},o[q.MATH]),{selected:!!Sl(this,Ho,"m",ra).call(this)&&!!this.totals[i.name]}),Object.assign(Object.assign({},o[U.CANC]),{separator:!0}))}else{const o=t();if(e.push(o[q.COUNT],o[q.DISTINCT]),Sl(this,Qo,"f").objects.isNumber(i.obj)?e.push(Object.assign(Object.assign({},o[q.SUM]),{separator:!0}),o[q.AVERAGE],o[q.MIN],o[q.MAX]):Sl(this,Qo,"f").objects.isDate(i.obj)&&e.push(Object.assign(Object.assign({},o[q.MIN]),{separator:!0}),o[q.MAX]),Sl(this,Ho,"m",ra).call(this)){const t=e.find((t=>t.id===this.totals[i.name]));t&&(t.selected=!0,e.push(Object.assign(Object.assign({},o[U.CANC]),{separator:!0})))}}a=o("kup-list",{class:"total-menu",data:e,id:"totals-menu","is-menu":!0,keyboardNavigation:!0,"menu-visible":!0,"onkup-list-click":t=>this.onTotalsChange(t,i),tabindex:0})}const h=null!=Sl(this,Zo,"f")[i.name]?B(Sl(this,Zo,"f")[i.name],i.obj,i.decimals):"",c=`totals-value ${Z(Sl(this,Zo,"f")[i.name])?Q.TEXT_DANGER:""}`;return o("td",{"data-column":i.name,class:n&&n.fixedCellClasses?n.fixedCellClasses:"",style:n?n.fixedCellStyle:null},a,o("div",{class:c,title:r[l]},h))}));return o("tfoot",null,o("tr",null,i,e,s))}renderCustomizePanel(){let t,i,e,s,n;return this.openedCustomSettings&&(t=Sl(this,Ho,"m",yl).call(this),i=Sl(this,Ho,"m",gl).call(this),e=Sl(this,Ho,"m",$l).call(this),s=Sl(this,Ho,"m",Cl).call(this),this.totals&&this.groups.length>0&&(n=Sl(this,Ho,"m",jl).call(this))),o("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:!0,layoutFamily:S.FREE,ref:t=>{Tl(this,ds,t,"f")},sizeX:"360px",sizeY:"300px"},t,e,i,s,o("kup-switch",{class:"customize-element",checked:this.dragEnabled,label:Sl(this,Qo,"f").language.translate(d.DRAG_AND_DROP),leadingLabel:!0,"onkup-switch-change":()=>this.dragEnabled=!this.dragEnabled}),o("kup-switch",{class:"customize-element",checked:this.editableData,label:Sl(this,Qo,"f").language.translate(d.EDITABLE),leadingLabel:!0,"onkup-switch-change":()=>this.editableData=!this.editableData}),o("div",{style:{display:"grid","grid-template-columns":"repeat(2, auto)",width:"max-content"}},o("kup-button",{title:Sl(this,Qo,"f").language.translate(d.TOGGLE)+" Magic Box ("+Sl(this,Qo,"f").language.translate(d.EXPERIMENTAL_FEAT)+")",icon:"auto-fix","onkup-button-click":()=>Sl(this,Qo,"f").toggleMagicBox()}),Sl(this,Qo,"f").enableExperimentalFeatures&&Sl(this,Qo,"f").openAI&&Sl(this,Qo,"f").openAI.url?o("kup-button",{title:Sl(this,Qo,"f").language.translate(d.TOGGLE)+" "+Sl(this,Qo,"f").language.translate(d.AI_ASSISTANT)+" ("+Sl(this,Qo,"f").language.translate(d.EXPERIMENTAL_FEAT)+")",icon:"smeup-ai","onkup-button-click":()=>{Sl(this,Qo,"f").openAI.show({context:this.rootElement.tagName,dataset:this.data}),Sl(this,Ho,"m",sl).call(this)}}):null),n)}calculateScrollToRowOffset(){let t=0;return this.data.columns.forEach((i=>{const e=(i.title.match(/\n/g)||[]).length;t=Math.max(t,e)})),t+1}componentShouldUpdate(t,i,e){return"columnMenuAnchor"!==e}render(){let t,i;Sl(this,Qo,"f").perfMonitoring.mark("componentRender"),Tl(this,zs,[],"f"),Tl(this,Cs,[],"f"),Tl(this,ts,[],"f"),Tl(this,fs,Sl(this,Ho,"m",En).call(this),"f");let e=null;0===Sl(this,Jo,"f")?e=o("tr",{key:"e066750a6998ca0ceee37fede9129a5f80ffac0e",ref:t=>Sl(this,Cs,"f").push(t)},o("td",{key:"a836668643b8f2fa2c789fd604607c5cdc521284",colSpan:Sl(this,Ho,"m",Va).call(this)},this.emptyDataLabel)):(e=[],Sl(this,qo,"f").map(((t,i,e)=>Sl(this,Ho,"m",il).call(this,t,0,i+1,i>0?e[i-1]:null))).forEach((t=>{Array.isArray(t)?t.forEach((t=>e.push(t))):e.push(t)})));const n=Sl(this,Ho,"m",Ja).call(this),a=Sl(this,Ho,"m",Za).call(this);let l,r;this.showPaginator&&(!this.lazyLoadRows&&Sl(this,Uo,"f")>this.rowsPerPage||this.showCustomization||this.showLoadMore)&&(X.TOP!==this.paginatorPos&&X.BOTH!==this.paginatorPos||(l=Sl(this,Ho,"m",nl).call(this,!0)),X.BOTTOM!==this.paginatorPos&&X.BOTH!==this.paginatorPos||(r=Sl(this,Ho,"m",nl).call(this,!1)));let h=null;if(Sl(this,Ho,"m",na).call(this)){const t=[];for(let i=0;i<this.groups.length;i++){const e=this.groups[i],o=R(this.getColumns(),e.column);o?t.push({value:o.title,id:o.name,checked:!0}):Sl(this,Qo,"f").debug.logMessage(this,"Grouped for a non-existent column! ("+e.column+")",k.WARNING)}if(t.length>0){const i={data:t,id:"group-chips",onIconClick:[],onClearFilterClick:[],type:Dt.INPUT,onContextMenu:[],hasFilter:[]};for(let e=0;e<t.length;e++){const o=R(this.getColumns(),t[e].id),s=Sl(this,Ns,"f").hasFiltersForColumn(this.filters,o);i.hasFilter.push(s),Sl(this,Ns,"f").hasFiltersForColumn(this.filters,o),i.onClearFilterClick.push((()=>Sl(this,Ho,"m",xa).call(this,o))),i.onIconClick.push((()=>Sl(this,Ho,"m",la).call(this,e))),i.onContextMenu.push(((t,i)=>{Sl(this,Ho,"m",Wl).call(this,t.id,i)}))}h=o(Tt,Object.assign({key:"7018c56e1d1e0ea1404dac5f2d7c700d0647609d"},i))}}const p={"auto-width":Sl(this,Ho,"m",ca).call(this),"column-separation":G.COMPLETE===this.showGrid||G.COL===this.showGrid,"row-separation":G.COMPLETE===this.showGrid||G.ROW===this.showGrid,"persistent-header":this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth,"custom-size":!!this.tableHeight||!!this.tableWidth,"border-top":!this.showHeader},u=p["auto-width"]?"auto-width":"";let d;p[`density-${this.density}`]=!0,p[`fontsize-${this.fontsize}`]=!0,this.tableHeight&&"100%"!==this.tableHeight&&(t=Object.assign(Object.assign(Object.assign({},t),{maxHeight:this.tableHeight}),this.isDashboardMode?{}:{overflow:"auto"})),this.tableWidth&&"100%"!==this.tableHeight&&(t=Object.assign(Object.assign(Object.assign({},t),{width:this.tableWidth}),this.isDashboardMode?{}:{overflow:"auto"}),i=Object.assign(Object.assign(Object.assign({},i),{width:this.tableWidth}),this.isDashboardMode?{}:{overflow:"auto"})),this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&(d=o("sticky-header",{key:"5db0d1a63d2030897ce1a37e887560247c54de6d",class:"hover-scrolling-child",hidden:!this.showHeader,ref:t=>Tl(this,cs,t,"f")},o("thead-sticky",{key:"9e0b960134646afdd382ff4d09bcf1d510c19708"},o("tr-sticky",{key:"255fbac8cc1a0c08bb514af9e4165d82f82bcba3"},a))));let f="below-wrapper";(this.tableHeight||this.tableWidth)&&(f+=" custom-size");const g=t=>{var i,e,o,s;if(!this.updatableData&&t&&t.detail&&t.detail.row){const i=t.detail.row;this.selectedRows.includes(i)||(this.selection===F.MULTIPLE_CHECKBOX||this.selection===F.MULTIPLE?this.selectedRows.push(i):this.selectedRows=[i]),"kup-cell-input"===t.type&&this.refresh()}!this.updatableData||(null===(i=t.detail.cell)||void 0===i?void 0:i.shape)!==v.CHECKBOX&&(null===(e=t.detail.cell)||void 0===e?void 0:e.shape)!==v.SWITCH||(this.updateOnClick?Sl(this,Xa,"f").call(this,t.detail.cell):(null===(s=null===(o=t.detail.cell)||void 0===o?void 0:o.inputSettings)||void 0===s?void 0:s.checkValueOnExit)&&this.kupCellCheck.emit({comp:this,id:this.rootElement.id,originalData:Sl(this,as,"f"),updatedData:Jt(Sl(this,as,"f"),this.data,!0),cell:t.detail.cell}))},y=!this.legacyLook&&(this.globalFilter||this.getRows().length>Sl(this,pn,"f")),x=o(s,{key:"27618c54d7ebe260a0a56e2650b575cfbe80fe16","onKup-drop":t=>{this.kupDataTableDrop.emit(t.detail)},"onKup-cell-input":t=>{g(t),this.kupDataTableCellInput.emit(t.detail)},"onKup-cell-update":g,"onKup-cell-blur":Sl(this,Ho,"m",Ga),"onKup-cell-click":t=>{this.kupDataTableCellClick.emit(t.detail)},"onKup-cell-iconclick":t=>{this.kupDataTableCellIconClick.emit(t.detail)},"onKup-objectfield-searchpayload":t=>{this.kupDataTableObjectFieldSearchPayload.emit(t.detail)},"onKup-objectfield-opensearchmenu":t=>{this.kupDataTableObjectFieldOpenSearchMenu.emit(t.detail)},"onKup-objectfield-selectedmenuitem":t=>{this.kupDataTableObjectFieldSelectedMenuItem.emit(t.detail)}},o("style",{key:"3f1d78b498196280c533a387137dbde0d8a0e263"},Sl(this,Qo,"f").theme.setKupStyle(this.rootElement)),this.updatableData?Sl(this,Ho,"m",Ml).call(this):null,o("div",{key:"0dc664f92e6d3af14e0a011beba4998731635d28",id:Rt,class:u},o("div",{key:"2c418fa118f2f74f2765913d82e4546f2df95736",class:"group-wrapper"},h),o("div",{key:"5f4d472f79339634b850c6f71e6c6e931c028573",class:"actions-wrapper",style:i},y?o("div",{id:"global-filter"},o(jt,{fullWidth:!0,icon:m.SEARCH,label:Sl(this,Qo,"f").language.translate(M.SEARCH),sizing:c.EXTRA_SMALL,value:this.globalFilterValue,onInput:t=>{const i=t.target;window.clearTimeout(Sl(this,xs,"f")),Tl(this,xs,window.setTimeout((()=>Sl(this,Ho,"m",_a).call(this,i)),600,i),"f")}})):null,o("div",{key:"2d3b1a2bb59f301ec128d54eda96748f3e595bab",class:"above-wrapper paginator-top"},l),""!==this.insertMode&&this.selectedRows.length>0?o(It,{icon:"save",onClick:()=>{this.kupSave.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})},styling:Lt.FLAT,sizing:c.MEDIUM,title:"Save",wrapperClass:"save-button"}):null,this.showDeleteButton&&this.selectedRows.length>0?o(It,{icon:"delete",onClick:()=>{Sl(this,Ho,"m",Xn).call(this)},styling:Lt.FLAT,sizing:c.MEDIUM,title:"Delete selected rows",wrapperClass:"delete-button"}):null,this.showHistoryButton?o(It,{icon:"history",onClick:()=>{this.kupHistory.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})},styling:Lt.FLAT,sizing:c.MEDIUM,title:"History",wrapperClass:"history-button"}):null,""!==this.insertMode?o(It,{label:"Crea nuovo",onClick:async()=>{var t;if("form"===this.insertMode)Sl(this,Ho,"m",Yn).call(this);else{Tl(this,Js,(t=Sl(this,Js,"f"),++t),"f");const i={};for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];i[e.name]={data:e.cellData?JSON.parse(JSON.stringify(e.cellData)):void 0,slotData:e.cellSlotData?JSON.parse(JSON.stringify(e.cellSlotData)):void 0,isEditable:e.isKey||e.isEditable,obj:Object.assign({},e.obj),shape:e.shape,value:""}}const e={cells:i,id:Sl(this,cn,"f")+Sl(this,Js,"f")};this.data.rows.unshift(e),await this.refresh(!0)}},sizing:c.MEDIUM,styling:Lt.RAISED,title:"Insert row",wrapperClass:"insert-button"}):null),o("div",{key:"74e3d709bf8e39adc46b4993047c5baa64963a4c",class:"droparea",ref:t=>Tl(this,Ss,t,"f")},this.showGroups?Sl(this,Ho,"m",ll).call(this):null,this.removableColumns?Sl(this,Ho,"m",al).call(this):null),o("div",{key:"8144de287f4d250cfee4c59c1474e377da7ef73b",style:t,class:f,ref:t=>Tl(this,hs,t,"f")},this.showCustomization?[o("div",{class:"settings-trigger",onClick:()=>{Sl(this,Ho,"m",el).call(this)},ref:t=>{Tl(this,us,t,"f")}},o(Pt,{color:`var(${b.TITLE})`,resource:"settings",sizeX:"10px"})),this.renderCustomizePanel()]:null,o("table",{key:"294f2ee0fd9b80d067cf4f6907a3beab748db40d",class:p,ref:t=>Tl(this,ss,t,"f"),onKeyDown:t=>Sl(this,va,"f").call(this,t),onMouseLeave:t=>{t.stopPropagation()},onPointerDown:t=>{Tl(this,ps,Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(t.target,this.rootElement),t),"f")},onPointerUp:t=>{Tl(this,ps,Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(t.target,this.rootElement),t),"f")},onContextMenu:t=>{t.preventDefault()}},o("thead",{key:"f726901040c96ce7fd8e3f73528c2228519ef297",hidden:!this.showHeader,ref:t=>Tl(this,os,t,"f")},o("tr",{key:"8b026fb642927261da42ee9b6d0bdfd4d3e504f3"},n)),o("tbody",{key:"018a2c3761117bd624f474972c6c83361f6852d4"},e),this.showFooter&&this.renderFooter()),d),r));return Sl(this,Qo,"f").perfMonitoring.measure("componentRender","kup-data-table"),x}disconnectedCallback(){Sl(this,Qo,"f").interact.unregister(Sl(this,Os,"f").concat(Sl(this,Ws,"f"),Sl(this,Ds,"f"),Sl(this,Ms,"f"))),Sl(this,Qo,"f").language.unregister(this),Sl(this,Qo,"f").theme.unregister(this),Sl(this,Qo,"f").toolbar.unregister([this.rootElement]),Sl(this,ds,"f")&&Sl(this,Qo,"f").dynamicPosition.unregister([Sl(this,ds,"f")]);const t=this.rootElement.shadowRoot.querySelectorAll("["+tt+"]");t.length>0&&Sl(this,Qo,"f").dynamicPosition.unregister(Array.prototype.slice.call(t)),Sl(this,ds,"f")&&Sl(this,ds,"f").remove(),Sl(this,Xs,"f")&&Sl(this,Xs,"f").remove(),this.scrollOnHover&&Sl(this,Qo,"f").scrollOnHover.unregister(Sl(this,hs,"f")),Sl(this,Qo,"f").resize.unobserve(this.rootElement),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],expandGroups:["expandGroupsHandler"],filters:["filtersChanged"],globalFilterValue:["filtersChanged"],sort:["recalculateRows"],totals:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["identifyAndInitRows","decorateAndInitForUpdTable","computeMaxRowsPerPage"],groups:["recalculateRowsAndUndoSelections"],fixedColumns:["controlFixedRowsColumns"],fixedColumnsR:["controlFixedRowsColumns"],fixedRows:["controlFixedRowsColumns"],transpose:["recalculateData"]}}};Xo=new WeakMap,Go=new WeakMap,Uo=new WeakMap,qo=new WeakMap,Jo=new WeakMap,Zo=new WeakMap,Qo=new WeakMap,ts=new WeakMap,is=new WeakMap,es=new WeakMap,os=new WeakMap,ss=new WeakMap,ns=new WeakMap,as=new WeakMap,ls=new WeakMap,rs=new WeakMap,hs=new WeakMap,cs=new WeakMap,ps=new WeakMap,us=new WeakMap,ds=new WeakMap,fs=new WeakMap,ms=new WeakMap,gs=new WeakMap,bs=new WeakMap,ks=new WeakMap,vs=new WeakMap,ys=new WeakMap,xs=new WeakMap,ws=new WeakMap,_s=new WeakMap,zs=new WeakMap,Cs=new WeakMap,js=new WeakMap,$s=new WeakMap,Os=new WeakMap,Ws=new WeakMap,Ds=new WeakMap,Ms=new WeakMap,Ss=new WeakMap,Ts=new WeakMap,Rs=new WeakMap,Ps=new WeakMap,Is=new WeakMap,Es=new WeakMap,Ls=new WeakMap,Fs=new WeakMap,Ns=new WeakMap,Ks=new WeakMap,As=new WeakMap,Vs=new WeakMap,Bs=new WeakMap,Hs=new WeakMap,Ys=new WeakMap,Xs=new WeakMap,Gs=new WeakMap,Us=new WeakMap,qs=new WeakMap,Js=new WeakMap,Zs=new WeakMap,Qs=new WeakMap,tn=new WeakMap,en=new WeakMap,on=new WeakMap,sn=new WeakMap,nn=new WeakMap,an=new WeakMap,ln=new WeakMap,rn=new WeakMap,hn=new WeakMap,cn=new WeakMap,pn=new WeakMap,wn=new WeakMap,ba=new WeakMap,ka=new WeakMap,va=new WeakMap,Xa=new WeakMap,ul=new WeakMap,dl=new WeakMap,fl=new WeakMap,bl=new WeakMap,kl=new WeakMap,xl=new WeakMap,wl=new WeakMap,_l=new WeakMap,Ho=new WeakSet,Yo=function(){let t=!1;return Sl(this,Qo,"f").objects.deepEqual(this.state.filters,this.filters)||(this.state.filters=Object.assign({},this.filters),t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.groups,this.groups)||(this.state.groups=[...this.groups],t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.sort,this.sort)||(this.state.sort=[...this.sort],t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.expandGroups,this.expandGroups)||(this.state.expandGroups=this.expandGroups,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.groupLabelDisplay,this.groupLabelDisplay)||(this.state.groupLabelDisplay=this.groupLabelDisplay,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.density,this.density)||(this.state.density=this.density,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.enableExtraColumns,this.enableExtraColumns)||(this.state.enableExtraColumns=this.enableExtraColumns,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.enableSortableColumns,this.enableSortableColumns)||(this.state.enableSortableColumns=this.enableSortableColumns,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.forceOneLine,this.forceOneLine)||(this.state.forceOneLine=this.forceOneLine,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.globalFilter,this.globalFilter)||(this.state.globalFilter=this.globalFilter,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.headerIsPersistent,this.headerIsPersistent)||(this.state.headerIsPersistent=this.headerIsPersistent,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.lazyLoadRows,this.lazyLoadRows)||(this.state.lazyLoadRows=this.lazyLoadRows,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.selection,this.selection)||(this.state.selection=this.selection,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.showFilters,this.showFilters)||(this.state.showFilters=this.showFilters,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.showGroups,this.showGroups)||(this.state.showGroups=this.showGroups,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.showHeader,this.showHeader)||(this.state.showHeader=this.showHeader,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.showPaginator,this.showPaginator)||(this.state.showPaginator=this.showPaginator,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.hiddenSubmitButton,this.hiddenSubmitButton)||(this.state.hiddenSubmitButton=this.hiddenSubmitButton,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.sortEnabled,this.sortEnabled)||(this.state.sortEnabled=this.sortEnabled,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.sortableColumnsMutateData,this.sortableColumnsMutateData)||(this.state.sortableColumnsMutateData=this.sortableColumnsMutateData,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.dragEnabled,this.dragEnabled)||(this.state.dragEnabled=this.dragEnabled,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.dropEnabled,this.dropEnabled)||(this.state.dropEnabled=this.dropEnabled,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.showFooter,this.showFooter)||(this.state.showFooter=this.showFooter,t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.totals,this.totals)||(this.state.totals=Object.assign({},this.totals),t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.selectRowsById,this.selectedRows.reduce(((t,i,e)=>t+(e>0?";":"")+i.id),""))||(this.state.selectRowsById=this.selectedRows.reduce(((t,i,e)=>t+(e>0?";":"")+i.id),""),t=!0),Sl(this,Qo,"f").objects.deepEqual(this.state.visibleColumns,this.visibleColumns)||(this.state.visibleColumns=[...this.visibleColumns],t=!0),t},un=function(t,i){if(this.visibleColumns=this.getVisibleColumns().map((t=>t.name)),"string"!=typeof t&&this.visibleColumns.findIndex((i=>i===t.name))<0){Sl(this,Qo,"f").debug.logMessage(this,"New column ["+t.name+"] not present in visibleColumns!",k.WARNING);const e=this.visibleColumns.findIndex((t=>t==i));e>=0&&(Sl(this,Qo,"f").debug.logMessage(this,"New column ["+t.name+"] added in visibleColumns at index ["+(e+1)+"]!",k.WARNING),this.visibleColumns.splice(e+1,0,t.name))}},dn=function(){Sl(this,Qo,"f").dynamicPosition.stop(Sl(this,Gs,"f")),Sl(this,Qo,"f").removeClickCallback(Sl(this,Es,"f")),Sl(this,Gs,"f").remove(),Tl(this,Gs,null,"f")},fn=function(t,i){Sl(this,Gs,"f")&&Sl(this,Ho,"m",dn).call(this),Tl(this,Gs,document.createElement("kup-card"),"f"),Sl(this,Gs,"f").data={options:{data:this.data,enableFormula:this.enableColumnsFormula,enableMerge:this.enableMergeColumns,enableMove:this.enableSortableColumns,receivingColumn:i,starterColumn:t,formulaCb:i=>{Sl(this,Ho,"m",un).call(this,i,t.name),Sl(this,Ho,"m",dn).call(this),this.refresh()},mergeCb:()=>{this.newColumn(j.CONCATENATE,{columns:[i.name,t.name]}),Sl(this,Ho,"m",dn).call(this)},moveCb:()=>{Sl(this,Ho,"m",Ha).call(this,i,t),Sl(this,Ho,"m",dn).call(this)}}},Sl(this,Gs,"f").layoutFamily=S.BUILT_IN,Sl(this,Gs,"f").layoutNumber=3,Sl(this,Gs,"f").isMenu=!0,Sl(this,Gs,"f").sizeX="280px",Sl(this,Gs,"f").sizeY="auto",Sl(this,Qo,"f").dynamicPosition.register(Sl(this,Gs,"f"),Sl(this,Us,"f"),0,g.AUTO,!0),Sl(this,Qo,"f").dynamicPosition.start(Sl(this,Gs,"f")),Tl(this,Es,{cb:()=>{Sl(this,Ho,"m",dn).call(this)},el:Sl(this,Gs,"f")},"f"),Sl(this,Qo,"f").addClickCallback(Sl(this,Es,"f"),!0),Sl(this,Gs,"f").menuVisible=!0},mn=function(){this.transpose?Sl(this,Ho,"m",vn).call(this):Sl(this,ns,"f")&&(this.data=Object.assign({},Sl(this,ns,"f")))},gn=function(t){return Sl(this,Ho,"m",na).call(this)&&"string"==typeof t?Sl(this,Ho,"m",bn).call(this,t,Sl(this,qo,"f")):Sl(this,Ho,"m",bn).call(this,t,Sl(this,Go,"f"))},bn=function t(i,e){if(!e||0==e.length)return null;if("number"==typeof i)return e[i];for(let o=0;o<e.length;o++){let s=e[o];if(s.id===i)return s;if(s.group&&(s=Sl(this,Ho,"m",t).call(this,i,s.group.children),s))return s}return null},kn=function(t){return t&&(this.filters={}),Sl(this,Qo,"f").data.transpose(this.data,t)},vn=function(){Tl(this,ns,Object.assign({},this.data),"f"),this.data.columns.length>0&&(this.data=Sl(this,Ho,"m",kn).call(this,this.data.columns[0].name))},yn=function(){if(0===Sl(this,Go,"f").length||!Sl(this,Go,"f")[0].group)return;const t={},i=[];i.push(Sl(this,Go,"f")[0].group.column),Object.keys(Sl(this,Go,"f")[0].group.totals).forEach((t=>{Sl(this,Go,"f")[0].group.column!==t&&i.push(t)}));const e=[];i.forEach((t=>{this.data.columns.forEach((i=>{if(i.name===t){const t=Object.assign({},i),o=this.totals[t.name];if(o){if(o.startsWith(q.MATH))t.title=U[q.MATH]+" "+t.title;else{const i=Object.keys(q).find((t=>q[t]===o));t.title=i?U[i]+" "+t.title:o+" "+t.title}Sl(this,Ho,"m",xn).call(this,t,this.totals)}e.push(t)}}))})),t.columns=e;const o=[];let s=0;Sl(this,Go,"f").forEach((t=>{const e={};i.forEach((i=>{let o=t.group.totals[i];o||(o=t.group.id),Sl(this,Qo,"f").dates.isIsoDate(o)&&(o=Sl(this,Qo,"f").dates.format(o)),e[i]={value:String(o)}})),o.push({id:String(s),cells:e}),s++})),t.rows=o,this.groups=[],this.data=Object.assign({},t);const n={};Object.keys(this.totals).forEach((t=>{switch(this.totals[t]){case q.DISTINCT:n[t]=q.COUNT;break;case q.COUNT:n[t]=q.SUM;break;default:n[t]=this.totals[t]}})),this.totals=Object.assign({},n)},xn=function(t,i){const e=t.obj,o=i[t.name];if(Sl(this,Qo,"f").objects.isDate(e)){if(o===q.MAX||o===q.MIN)return}else if(Sl(this,Qo,"f").objects.isNumber(e)&&e.p&&"P"===e.p.toUpperCase()&&o!==q.COUNT&&o!==q.DISTINCT)return;t.obj={t:"NR",p:"",k:""},t.icon&&delete t.icon},_n=function(){const t=document.querySelector(".header"),i=document.querySelector(".topbar");if(Tl(this,gs,t?t.clientHeight:0,"f"),i&&Tl(this,gs,Sl(this,gs,"f")+i.clientHeight,"f"),Sl(this,cs,"f")){Sl(this,cs,"f").style.top=Sl(this,gs,"f")+"px";const t=Sl(this,hs,"f").offsetWidth;Sl(this,cs,"f").style.maxWidth=t+"px";const i=Sl(this,os,"f").querySelectorAll("th"),e=Sl(this,cs,"f").querySelectorAll("th-sticky");for(let t=0;t<i.length;t++)e[t].style.width=i[t].offsetWidth+"px"}},zn=function(){const t={threshold:0,rootMargin:"-"+Sl(this,gs,"f")+"px 0px 0px 0px"};Tl(this,ms,new IntersectionObserver((t=>{t.forEach((t=>{if("TR"===t.target.tagName&&t.isIntersecting){Sl(this,Qo,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=Sl(this,Go,"f").length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row")}"THEAD"===t.target.tagName&&(t.isIntersecting||t.boundingClientRect.bottom>Sl(this,gs,"f")?Tl(this,bs,!0,"f"):Tl(this,bs,!1,"f")),"TABLE"===t.target.tagName&&Tl(this,ks,!!t.isIntersecting,"f"),void 0===this.tableHeight&&void 0===this.tableWidth&&this.headerIsPersistent&&Sl(this,wn,"f").call(this)}))}),t),"f")},Cn=function(){Sl(this,Ms,"f").push(Sl(this,ss,"f")),Sl(this,Qo,"f").interact.on(Sl(this,ss,"f"),it.TAP,(t=>{var i,e,o,s;if(Sl(this,$s,"f"))Tl(this,$s,!1,"f");else switch(t.button){case 0:const n={};for(const i in t)n[i]=t[i];if(t.target.classList.contains("f-image__icon")){const n=Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(t.target,this.rootElement),t);if("J4"!==(null===(e=null===(i=null==n?void 0:n.cell)||void 0===i?void 0:i.obj)||void 0===e?void 0:e.t)&&"ICO"!==(null===(s=null===(o=null==n?void 0:n.cell)||void 0===o?void 0:o.obj)||void 0===s?void 0:s.p))break}Sl(this,_s,"f").push(setTimeout((()=>{this.kupDataTableClick.emit({comp:this,id:this.rootElement.id,details:Sl(this,Ho,"m",Jn).call(this,n)})}),300));break;case 2:this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:Sl(this,Ho,"m",Qn).call(this,t)})}})),Sl(this,Qo,"f").interact.on(Sl(this,ss,"f"),it.DOUBLETAP,(t=>{if(0===t.button){for(let t=0;t<Sl(this,_s,"f").length;t++)clearTimeout(Sl(this,_s,"f")[t]),Sl(this,Qo,"f").debug.logMessage(this,"Cleared clickHandler timeout("+Sl(this,_s,"f")[t]+").");Tl(this,_s,[],"f"),this.kupDataTableDblClick.emit({comp:this,id:this.rootElement.id,details:Sl(this,Ho,"m",ea).call(this,t)})}})),Sl(this,Qo,"f").interact.on(Sl(this,ss,"f"),it.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(Tl(this,$s,!0,"f"),this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:Sl(this,Ho,"m",Qn).call(this,t)}))}))},jn=function(){if(this.showGroups&&(Sl(this,Ws,"f").includes(Sl(this,Rs,"f"))||(Sl(this,Ws,"f").push(Sl(this,Rs,"f")),Sl(this,Qo,"f").interact.dropzone(Sl(this,Rs,"f"),{accept:`[${et}]`},null,{drop:t=>{const i=t.relatedTarget,e=R(this.getColumns(),i.dataset.column);Sl(this,Ho,"m",hl).call(this,e),Sl(this,ss,"f").removeAttribute(ot)}}))),this.removableColumns&&(Sl(this,Ws,"f").includes(Sl(this,Ts,"f"))||(Sl(this,Ws,"f").push(Sl(this,Ts,"f")),Sl(this,Qo,"f").interact.dropzone(Sl(this,Ts,"f"),{accept:`[${et}]`},null,{drop:t=>{const i=t.relatedTarget,e=R(this.getColumns(),i.dataset.column);this.hideColumn(e),Sl(this,ss,"f").removeAttribute(ot)}}))),this.enableSortableColumns||this.enableMergeColumns||this.enableColumnsFormula){const t=t=>{const i=t.target;return{cell:null,column:R(this.getVisibleColumns(),i.dataset.column),id:this.rootElement.id,multiple:!(this.selection!==F.MULTIPLE&&this.selection!==F.MULTIPLE_CHECKBOX),row:null,selectedRows:this.selectedRows}},i={drop:t=>{const i=!(this.enableSortableColumns||this.enableColumnsFormula||!this.enableMergeColumns),e=!(!this.enableSortableColumns||this.enableColumnsFormula||this.enableMergeColumns),o=t.relatedTarget,s=!(this.rootElement.id!==o.kupDragDrop.id),n=o.kupDragDrop.column,a=R(this.getColumns(),t.target.dataset.column);Tl(this,Us,t.target,"f"),s&&a&&n&&(e?Sl(this,Ho,"m",Ha).call(this,a,n):i?this.newColumn(j.CONCATENATE,{columns:[a.name,n.name]}):Sl(this,Ho,"m",fn).call(this,n,a)),Sl(this,ss,"f").removeAttribute(ot)}},e={start:t=>{const i=t.target;Sl(this,Ho,"m",rl).call(this,!0,i)},end:()=>{Sl(this,Ho,"m",rl).call(this,!1)}};for(let o=0;o<Sl(this,zs,"f").length;o++){const s=Sl(this,zs,"f")[o];s&&!Sl(this,Os,"f").includes(s)&&(Sl(this,Os,"f").push(s),Sl(this,Qo,"f").interact.dropzone(s,{accept:`[${et}]`},null,i),Sl(this,Qo,"f").interact.draggable(s,{cursorChecker:()=>null,ignoreFrom:".header-cell__drag-handler"},{callback:t},st.CLONE,e))}}if(this.resizableColumns){const t={move:t=>{R(this.getVisibleColumns(),t.target.dataset.column).size=t.rect.width+"px",this.refresh()}};for(let i=0;i<Sl(this,zs,"f").length;i++){const e=Sl(this,zs,"f")[i];e&&!Sl(this,Ds,"f").includes(e)&&(Sl(this,Ds,"f").push(e),Sl(this,Qo,"f").interact.resizable(e,{allowFrom:".header-cell__drag-handler",edges:{left:!1,right:!0,bottom:!1,top:!1},ignoreFrom:".header-cell__content"},t))}}if(this.dragEnabled)for(let t=0;t<Sl(this,Cs,"f").length;t++){const i=Sl(this,Cs,"f")[t],e=()=>{var t,i,e;const o=null===(t=Sl(this,ps,"f"))||void 0===t?void 0:t.cell,s=null===(i=Sl(this,ps,"f"))||void 0===i?void 0:i.column,n=null===(e=Sl(this,ps,"f"))||void 0===e?void 0:e.row;return o?{cell:o,column:s,id:this.rootElement.id,multiple:!(this.selection!==F.MULTIPLE&&this.selection!==F.MULTIPLE_CHECKBOX),row:n,selectedRows:this.selectedRows}:(Sl(this,Qo,"f").debug.logMessage(this,"Couldn't find cell to retrieve drag informations!",k.WARNING),{id:this.rootElement.id})};i&&!Sl(this,Os,"f").includes(i)&&(Sl(this,Os,"f").push(i),Sl(this,Qo,"f").interact.draggable(i,{allowFrom:"td",cursorChecker:()=>null},{callback:e},st.BADGE))}if(this.dropEnabled){const t=()=>{var t,i,e;const o=null===(t=Sl(this,ps,"f"))||void 0===t?void 0:t.cell,s=null===(i=Sl(this,ps,"f"))||void 0===i?void 0:i.column,n=null===(e=Sl(this,ps,"f"))||void 0===e?void 0:e.row;return o?{cell:o,column:s,id:this.rootElement.id,row:n}:(Sl(this,Qo,"f").debug.logMessage(this,"Couldn't find cell to retrieve dropzone informations!",k.WARNING),{id:this.rootElement.id})};for(let i=0;i<Sl(this,Cs,"f").length;i++){const e=Sl(this,Cs,"f")[i];e&&!Sl(this,Ws,"f").includes(e)&&(Sl(this,Ws,"f").push(e),Sl(this,Qo,"f").interact.dropzone(e,{accept:`[${nt}]`},{callback:t,dispatcher:this.rootElement,type:at.DATATABLE}))}}},$n=function(){this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&(Sl(this,ms,"f").observe(Sl(this,ss,"f")),Sl(this,ms,"f").observe(Sl(this,os,"f")))},On=function(){Sl(this,Jo,"f")<Sl(this,Uo,"f")&&this.lazyLoadRows&&Sl(this,ms,"f").observe(Sl(this,Cs,"f")[Sl(this,Jo,"f")-1])},Wn=function(){Sl(this,hs,"f").addEventListener("scroll",(()=>Sl(this,Ho,"m",Dn).call(this)))},Dn=function(){Sl(this,cs,"f")&&(Sl(this,cs,"f").scrollLeft=Sl(this,hs,"f").scrollLeft)},Mn=function(){Sl(this,Qo,"f").scrollOnHover.isRegistered(Sl(this,hs,"f"))?this.scrollOnHover||Sl(this,Qo,"f").scrollOnHover.unregister(Sl(this,hs,"f")):this.scrollOnHover&&Sl(this,Qo,"f").scrollOnHover.register(Sl(this,hs,"f"))},Sn=function(){Sl(this,us,"f")&&!Sl(this,Qo,"f").dynamicPosition.isRegistered(Sl(this,ds,"f"))&&Sl(this,Qo,"f").dynamicPosition.register(Sl(this,ds,"f"),Sl(this,us,"f"),0,g.BOTTOM,!0)},Tn=function(){return Sl(this,Ho,"m",Pn).call(this,Sl(this,Go,"f"))},Rn=function(){return Sl(this,Ho,"m",Pn).call(this,Sl(this,qo,"f"))},Pn=function t(i){if(null==i)return 0;let e=0;for(let o=0;o<i.length;o++){const s=i[o];null!=s&&(e+=1,null!=s.group&&(e+=Sl(this,Ho,"m",t).call(this,s.group.children)))}return e},In=function(t=!1){0!==this.getRows().length&&(this.selectedRows=[],t&&this.kupResetSelectedRows.emit({comp:this,id:this.rootElement.id}))},En=function(){const t=this.getColumns(),i=[];for(let e=0;e<t.length;e++)null!=t[e].size&&""!==t[e].size&&i.push(t[e]);return i.length>0?i:void 0},Ln=function(t,i,e){const o=Sl(this,Ho,"m",kn).call(this),s={button:[{disabled:0===parseInt(t.id),icon:"chevron_left"},{disabled:parseInt(t.id)===this.getRows().length-1,icon:"chevron_right"}],datatable:[{customStyle:'#kup-component .below-wrapper{overflow: visible} #kup-component td[data-column="'+bt.toUpperCase()+`"]{background-color: rgba(var(${b.TEXT}-rgb), 0.15); width: 10px;}`,data:o,density:"medium",editableData:!0,headerIsPersistent:!1,id:this.rootElement.id?this.rootElement.id:"",rowsPerPage:1e3,showGrid:G.NONE,showHeader:!1}],text:[Sl(this,Qo,"f").language.translate(D.DETAIL)]},n=s.datatable[0].data.columns,a=s.datatable[0].data.rows;n.unshift({name:bt.toUpperCase(),title:bt},{name:kt.toUpperCase(),title:kt});for(let t=0;t<n.length;t++)n[t].visible=!1;n.find((t=>t.name===vt.toUpperCase())).visible=!0;const l=n.find((i=>i.name===t.id));l?l.visible=!0:Sl(this,Qo,"f").debug.logMessage(this,"Invalid column name on row ID ("+t.id+"), couldn't set current record!",k.WARNING);let r=null;for(let i=0;i<a.length;i++){const e=this.data.columns.find((t=>t.name===a[i].transposedColumnName));if(!e)return void Sl(this,Qo,"f").debug.logMessage(this,"Column not found on row name ("+e+")!",k.WARNING);const o=!!a[i].cells[t.id].isEditable;let s=null;(e.isKey||o)&&(n.find((t=>t.name===bt.toUpperCase())).visible=!0),e.isKey?(r=t.cells[e.name],s={obj:{t:"J4",p:"ICO",k:"OG_OG_KF"},data:{color:`var(${b.TEXT})`,resource:o?"edit-key":"key-variant"},title:o?Sl(this,Qo,"f").language.translate(D.EDITABLE_KEY):Sl(this,Qo,"f").language.translate(D.KEY),value:o?"edit-key":"key-variant"}):s=o?{obj:{t:"VO",p:"COD_VER",k:"000051"},data:{color:`var(${b.TEXT})`,resource:"pencil"},title:Sl(this,Qo,"f").language.translate(d.EDITABLE_FIELD),value:"pencil"}:{obj:{t:"",p:"",k:""},value:""},a[i].cells[kt.toUpperCase()]=r||{value:null},a[i].cells[bt.toUpperCase()]=s}if(Sl(this,As,"f")){const t=Array.prototype.slice.call(Sl(this,As,"f").children,0);for(let i=0;i<t.length;i++)t[i].remove()}else Tl(this,As,document.createElement("kup-card"),"f"),Sl(this,As,"f").layoutFamily=S.DIALOG,Sl(this,As,"f").layoutNumber=4,Sl(this,As,"f").sizeX="auto",Sl(this,As,"f").sizeY="auto";Sl(this,As,"f").data=s,Sl(this,As,"f").style.position="fixed",Sl(this,As,"f").style.left="0",Sl(this,As,"f").style.top="0",Sl(this,As,"f").setAttribute("data-x",i.toString()),Sl(this,As,"f").setAttribute("data-y",e.toString()),Sl(this,As,"f").style.transform="translate("+i+"px,"+e+"px)",this.rootElement.shadowRoot.append(Sl(this,As,"f"))},Fn=function(t,i){Sl(this,Ho,"m",Nn).call(this,t,i)},Nn=function(t,i){Sl(this,Bs,"f")&&Sl(this,Ho,"m",Vn).call(this),Tl(this,Bs,document.createElement("kup-card"),"f"),Sl(this,Bs,"f").layoutFamily=S.STANDARD,Sl(this,Bs,"f").layoutNumber=17,Sl(this,Bs,"f").menuVisible=!0,Sl(this,Bs,"f").sizeX="auto",Sl(this,Bs,"f").sizeY="auto",Sl(this,Bs,"f").data=Sl(this,Ho,"m",Hn).call(this,t),Tl(this,Es,{cb:()=>{Sl(this,Ho,"m",Vn).call(this)},el:Sl(this,Bs,"f")},"f"),Sl(this,Qo,"f").addClickCallback(Sl(this,Es,"f"),!0),Sl(this,Bs,"f").style.position="absolute",Sl(this,Bs,"f").style.left="0",Sl(this,Bs,"f").style.top="0",Sl(this,Bs,"f").isMenu=!0,this.rootElement.shadowRoot.append(Sl(this,Bs,"f")),Sl(this,Qo,"f").dynamicPosition.register(Sl(this,Bs,"f"),Sl(this,qs,"f").parentElement,0,g.AUTO,!0),Sl(this,Qo,"f").dynamicPosition.start(Sl(this,Bs,"f")),Sl(this,Bs,"f").addEventListener("kup-card-event",(e=>{switch(e.detail.event.type){case"kup-textfield-input":const o=e.detail.event.detail.value;Sl(this,Ho,"m",An).call(this,Sl(this,Bs,"f"),t,o);break;case"kup-textfield-cleariconclick":Sl(this,Ho,"m",Kn).call(this,Sl(this,Bs,"f"),t);break;case"kup-list-click":const s=t[e.detail.event.detail.index],n=()=>{this.kupRowActionItemClick.emit({comp:this,id:this.rootElement.id,row:i,obj:s.obj,cell:s.cell,type:s.type,index:s.index,column:s.column}),setTimeout((()=>{Sl(this,Ho,"m",Vn).call(this)}),0)};i.id?this.setSelectedRows([i.id],!0).then((()=>{n()})):n()}}))},Kn=function(t,i){const e={showIcons:!0,data:i.map((t=>Object.assign({value:t.text},t)))};t.data.list[0].data=e.data,t.refresh()},An=function(t,i,e){const o=i.map((t=>Object.assign({value:t.text},t))).filter((t=>t.value.toLowerCase().includes(e.toLowerCase())));t.data.list[0].data=o,t.refresh()},Vn=function(){Sl(this,Qo,"f").dynamicPosition.stop(Sl(this,Bs,"f")),Sl(this,Qo,"f").removeClickCallback(Sl(this,Es,"f")),Sl(this,Bs,"f").remove(),Tl(this,Bs,null,"f")},Bn=function(){Sl(this,Qo,"f").dynamicPosition.stop(Sl(this,Xs,"f")),Sl(this,Qo,"f").dynamicPosition.unregister([Sl(this,Xs,"f")]),Sl(this,Qo,"f").removeClickCallback(Sl(this,Es,"f")),Sl(this,Fs,"f").close(Sl(this,Xs,"f")),Sl(this,Xs,"f").remove(),Tl(this,Xs,null,"f")},Hn=function(t){const i=t.length>=10?[{fullWidth:!0,icon:"magnify",isClearable:!0,label:"Search...",key:De.TEXTFIELD_FILTER,id:De.TEXTFIELD_FILTER}]:[];return{list:[{showIcons:!0,data:t.map((t=>Object.assign({value:t.text},t)))}],textfield:i}},Yn=function(){Tl(this,Vs,document.createElement("kup-card"),"f"),Sl(this,Vs,"f").layoutFamily=S.FREE,Sl(this,Vs,"f").layoutNumber=1,Sl(this,Vs,"f").sizeX="400px",Sl(this,Vs,"f").sizeY="400px";const t=document.createElement("style");t.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; } ",Sl(this,Vs,"f").append(t);const i=document.createElement("div");i.className="page-wrapper";const e=document.createElement("div");e.className="button-wrapper";const o=document.createElement("kup-button"),s=document.createElement("kup-button");o.id=Sl(this,nn,"f"),o.icon="clear",o.label=Sl(this,Qo,"f").language.translate(d.ABORT),o.styling=Lt.FLAT,o.addEventListener("kup-button-click",(()=>{Sl(this,Vs,"f").remove(),Tl(this,Vs,null,"f")})),s.id=Sl(this,an,"f"),s.icon="check",s.label=Sl(this,Qo,"f").language.translate(d.CONFIRM);let n=document.createElement("kup-spinner");n.slot="spinner",n.dimensions="0.6em",n.active=!0,s.appendChild(n),s.addEventListener("kup-button-click",(()=>{r.style.display="none",s.showSpinner=!0,o.disabled=!0,this.kupInsertRow.emit({comp:this,id:this.rootElement.id,selectedRows:[l]})})),e.append(o),e.append(s);const a=document.createElement("kup-form");a.id=Sl(this,ln,"f");const l={cells:{},id:"0"};this.data.columns.forEach((t=>{(t.isEditable||t.isKey)&&(l.cells[t.name]={isEditable:t.isEditable,shape:t.shape,value:""})})),a.data={columns:this.data.columns,rows:[l]};const r=document.createElement("div");r.className="message-wrapper",r.id=Sl(this,hn,"f");const h=document.createElement("kup-image");h.className="errorIcon",h.resource="cancel",h.sizeX="20px",h.sizeY="20px",r.append(h);const c=document.createElement("span");c.className="message",c.id=Sl(this,rn,"f"),c.innerText="",r.append(c),i.append(r),i.append(a),i.append(e),Sl(this,Vs,"f").append(i),Sl(this,Vs,"f").data={},this.rootElement.shadowRoot.append(Sl(this,Vs,"f"))},Xn=function(){const t=()=>{Tl(this,Ys,document.createElement("kup-dialog"),"f"),Tl(this,Hs,document.createElement("kup-card"),"f"),Sl(this,Hs,"f").layoutFamily=S.FREE,Sl(this,Hs,"f").layoutNumber=1,Sl(this,Hs,"f").sizeX="auto",Sl(this,Hs,"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 i=document.createElement("div");i.className="message-wrapper",i.id=Sl(this,hn,"f");const e=document.createElement("span");e.className="message",e.id=Sl(this,rn,"f");let o=Sl(this,Qo,"f").language.translate(d.CONFIRM_DELETE_X_ROWS);o=o.replace("{0}",this.selectedRows.length+""),e.innerText=o,i.append(e);const s=document.createElement("div");s.className="button-wrapper";const n=document.createElement("kup-button");n.id=Sl(this,an,"f"),n.icon="check",n.label=Sl(this,Qo,"f").language.translate(d.CONFIRM);let a=document.createElement("kup-spinner");a.slot="spinner",a.dimensions="0.6em",a.active=!0,n.appendChild(a),n.addEventListener("kup-button-click",(()=>{n.showSpinner=!0,this.kupDeleteRow.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows})})),s.append(n),Sl(this,Hs,"f").append(t),Sl(this,Hs,"f").append(i),Sl(this,Hs,"f").append(s),Sl(this,Hs,"f").data={},Sl(this,Ys,"f").append(Sl(this,Hs,"f")),document.querySelector("body").append(Sl(this,Ys,"f"))},i=[],e=[];this.selectedRows.forEach((t=>{t.id.indexOf(Sl(this,cn,"f"))>-1?i.push(t.id):e.push(t)})),this.deleteRows(i).then((()=>{e.length>0&&(this.selectedRows=e,t())}))},Gn=function(t,i){let e,o,s,n,a,l,r,h;if(t)for(let i=t.length-1;i>=0;i--){let c=t[i];if(c.tagName)switch(c.tagName.toUpperCase()){case"THEAD":e=!0;break;case"TBODY":o=!0;break;case"TFOOT":s=!0;break;case"TD":n=c;break;case"TH":l=c;break;case"TR":r=c;break;default:c.classList.contains("f-text-field")?a=c:c.classList.contains(m.FILTER_REMOVE.replace("--",""))&&(h=c)}}let c=null,p=null,u=!1,d=null;if(o&&r&&(r.classList.contains("group")&&(u=!0),d=r["data-row"]),(e||o)&&(n&&(c=n["data-cell"]),l&&(c=l["data-cell"])),e||o||s){const t=n?n.dataset.column:l?l.dataset.column:null;t&&(p=R(this.getColumns(),t))}return{area:e?"header":o?"body":s?"footer":null,cell:c||null,column:p||null,filterRemove:h||null,isGroupRow:u,originalEvent:i,row:d||null,td:n||null,textfield:a||null,th:l||null,tr:r||null}},Un=function(){let t,i,e;i=!!Sl(this,tn,"f")&&!!Sl(this,Qs,"f")&&!!Sl(this,Zs,"f"),t=!Sl(this,tn,"f")&&!!Sl(this,Qs,"f")&&!!Sl(this,Zs,"f"),e=!Sl(this,tn,"f")&&!Sl(this,Qs,"f")&&!!Sl(this,Zs,"f");let o=null,s=null,n=null;if(i&&(n=Sl(this,tn,"f")),(t||i)&&(o=Sl(this,Qs,"f")),t||i||e){const t=Sl(this,Zs,"f").name;t&&(s=R(this.getColumns(),t))}return{area:t?"header":i?"body":e?"footer":null,cell:o||null,column:s||null,filterRemove:null,isGroupRow:!1,originalEvent:void 0,row:n||null,td:null,textfield:null,th:null,tr:null}},qn=function(t){var i,e,o,s,n;let a=0,l=0;if("footer"==t.area){const o=null!==(e=null===(i=Sl(this,ss,"f").querySelector(`tfoot tr td[data-column='${t.column.name}']`))||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};a=o.x+o.width/2,l=o.y+o.height/2}else{const i=null!==(n=null===(s=null===(o=t.cell)||void 0===o?void 0:o.element)||void 0===s?void 0:s.getBoundingClientRect())&&void 0!==n?n:{x:0,y:0};a=i.x,l=i.y}return{x:a,y:l}},Jn=function(t){const i=Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(t.target,this.rootElement),t),{cell:e,column:o}=i;if(Tl(this,Qs,e,"f"),Tl(this,Zs,o,"f"),Tl(this,tn,void 0,"f"),"header"===i.area){if(i.th&&i.column){if(i.filterRemove)return Sl(this,Ho,"m",xa).call(this,i.column),i;if(this.sortEnabled)return Sl(this,Ho,"m",ya).call(this,t,i.column.name),i}}else if("body"===i.area){if(Tl(this,tn,i.row,"f"),(this.isFocusable||t.ctrlKey||t.metaKey)&&i.tr&&!i.isGroupRow){const e=this.rootElement.shadowRoot.querySelector("tr.focus");if(e&&e.classList.remove("focus"),i.tr.classList.add("focus"),t.ctrlKey||t.metaKey)return Sl(this,Ho,"m",Ln).call(this,Object.assign({},i.row),t.clientX,t.clientY),i}if(i.tr&&i.row&&i.isGroupRow)return Sl(this,Ho,"m",Ma).call(this,i.row),i;if(i.td&&i.row&&!i.textfield)return Sl(this,Ho,"m",ja).call(this,i.row,i.td,!0),i}return i},Zn=function(t){var i;t.stopPropagation();const e=Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(t.target,this.rootElement),t);if(e.cell){const o=Sl(this,Qo,"f").data.cell.buildCellActions(e.row,e.column,null!==(i=this.commands)&&void 0!==i?i:[]);Sl(this,Ho,"m",Wa).call(this,t,e.row,o)}return e},Qn=function(t){const i=Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(t.target,this.rootElement),t);return Sl(this,Ho,"m",ia).call(this,i,{x:t.pageX,y:t.pageY})},ta=function(){const t=Sl(this,Ho,"m",Un).call(this),i=Sl(this,Ho,"m",qn).call(this,t);return Sl(this,Ho,"m",ia).call(this,t,{x:i.x,y:i.y})},ia=function(t,i){if(t.area===lt.HEADER){if(t.column){const i=t.column.name;return this.openColumnMenu(i,`th[data-column="${i}"]`),t}}else if(t.area===lt.FOOTER&&t.column)return Tl(this,ws,i,"f"),Sl(this,Ho,"m",tl).call(this,t.column),t;return t},ea=function(t){const i=Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(t.target,this.rootElement),t);return"body"===i.area&&(this.selection==F.MULTIPLE&&Sl(this,Ho,"m",In).call(this),this.selection!=F.SINGLE&&this.selection!=F.MULTIPLE||Sl(this,Ho,"m",ja).call(this,i.row,i.td,!1)),i},oa=function(){Sl(this,Ho,"m",sa).call(this),Tl(this,Zo,Qt(this.totals,this.getColumns(),ti(this.getColumns(),Sl(this,Go,"f"))),"f"),Sl(this,Ho,"m",Ia).call(this),Sl(this,Ho,"m",Na).call(this),Sl(this,Ho,"m",da).call(this),Tl(this,qo,ii(Sl(this,Go,"f"),this.currentPage,this.currentRowsPerPage,Sl(this,Ho,"m",na).call(this)),"f"),Tl(this,Jo,Sl(this,Ho,"m",Rn).call(this),"f")},sa=function(){Tl(this,Go,ei(this.getRows(),this.filters,this.globalFilterValue,this.getColumns(),void 0,void 0,this.visibleColumns),"f"),Tl(this,Uo,Sl(this,Ho,"m",Tn).call(this),"f")},na=function(){return this.groups&&this.groups.length>0},aa=function(){var t;return(null===(t=this.rowActions)||void 0===t?void 0:t.length)>0},la=function(t){t>=0&&(this.groups.splice(t,1),this.groups=[...this.groups])},ra=function(){return this.totals&&Object.keys(this.totals).length>0},ha=function(t,i){const e=Sl(this,Ho,"m",Gn).call(this,Sl(this,Qo,"f").getEventPath(i,this.rootElement)),{cell:o,column:s,row:n}=e,a=Rl.ketchup.data.cell.getType(o,o.shape);if(!rt.includes(a))return;t.preventDefault(),t.stopPropagation(),i.blur();const l=Sl(this,Go,"f").map((t=>t.id));this.data.rows=this.data.rows.map((t=>(l.includes(t.id)&&t.id!==n.id&&(t.cells[s.name].value=o.value,t.cells[s.name].obj=o.obj,t.cells[s.name].decode=o.decode,t.cells[s.name].data=o.data),t))),this.refresh()},ca=function(){if(!Sl(this,fs,"f"))return;const t=this.getVisibleColumns();if(t.length<=Sl(this,fs,"f").length){let i=!1;for(let e=0;e<t.length;e++){i=!1;for(let o=0;o<Sl(this,fs,"f").length;o++)if(t[e].name===Sl(this,fs,"f")[o].name){i=!0;break}if(!i)return!1}return!0}return!1},pa=function(){Sl(this,Go,"f").forEach((t=>Sl(this,Ho,"m",ua).call(this,t))),Sl(this,qo,"f").forEach((t=>Sl(this,Ho,"m",ua).call(this,t)))},ua=function t(i){if(!i.group)return;i.group.expanded=this.expandGroups;let e=this.groupState[i.group.id];e?e.expanded=this.expandGroups:e={expanded:this.expandGroups},this.groupState[i.group.id]=e,i.group.children&&i.group.children.forEach((i=>Sl(this,Ho,"m",t).call(this,i)))},da=function(){this.computeMaxRowsPerPage();const t=Sl(this,Uo,"f"),i=Math.ceil(t/this.currentRowsPerPage);this.currentPage>i&&(this.currentPage=1)},fa=function(t,i,e){if(t.useAs){if(Sl(this,rs,"f").includes(i.id)&&t.useAs===mt.DEC)return!1;if(!Sl(this,rs,"f").includes(i.id)&&(t.useAs===mt.DEC||t.useAs===mt.KEY))return!1}return null!=e.isEditable?e.isEditable:null!=t.isEditable&&t.isEditable},ma=function(t,i,e,o=0){if(Sl(this,Ho,"m",na).call(this))return;const s=Number.isInteger(this.fixedColumns)&&t<=this.fixedColumns+o,n=this.fixedColumnsR&&Number.isInteger(this.fixedColumnsR)&&i>=this.getVisibleColumns().length-this.fixedColumnsR,a=Number.isInteger(this.fixedRows)&&e>0&&e<=this.fixedRows;if(!a&&!s&&!n)return;const l={},r={};if(s&&(l[ht.columns]=s,l["show-column-separator"]=G.COMPLETE===this.showGrid||G.COL===this.showGrid,r.left="var("+ct.columns+t+")"),n){const t=this.getVisibleColumns().length-i;l[ht.columnsR]=n,l["show-column-separator"]=G.COMPLETE===this.showGrid||G.COL===this.showGrid,r.right="var("+(ct.columnsR+t)+")"}return a&&(l[ht.rows]=!!a,l["show-row-separator"]=G.COMPLETE===this.showGrid||G.ROW===this.showGrid,r.top="var("+ct.rows+e+")"),{fixedCellClasses:l,fixedCellStyle:r}},ga=function(){if(Sl(this,Ho,"m",na).call(this)||!Sl(this,ss,"f"))return!1;let t=!1;if(this.fixedRows>=1){let i=Sl(this,ss,"f").querySelector("tbody > tr:first-of-type"),e=Sl(this,vs,"f")?0:Sl(this,ss,"f").querySelector("thead > tr:first-of-type > th:first-of-type").getBoundingClientRect().height;for(let t=1;t<=this.fixedRows&&i;t++)Sl(this,hs,"f").style.setProperty(ct.rows+t,e+"px"),e+=i.children[0].getBoundingClientRect().height,i=i.nextElementSibling;t=!0}if(this.fixedColumns>=1){let i=Sl(this,ss,"f").querySelector("tbody > tr:first-of-type > td:first-of-type"),e=0;const o=this.fixedColumns+(Sl(this,Ho,"m",aa).call(this)||Sl(this,Qo,"f").data.column.hasCodVer(this.data.columns)?1:0)+(this.selection===F.MULTIPLE_CHECKBOX?1:0);for(let t=1;t<=o&&i;t++)Sl(this,hs,"f").style.setProperty(ct.columns+t,e+"px"),e+=i.getBoundingClientRect().width,i=i.nextElementSibling;t=!0}if(this.fixedColumnsR>=1){let i=Sl(this,ss,"f").querySelector("tbody > tr:first-of-type > td:last-of-type"),e=0;for(let t=1;t<=this.fixedColumnsR&&i;t++)Sl(this,hs,"f").style.setProperty(ct.columnsR+t,e+"px"),e+=i.getBoundingClientRect().width,i=i.previousElementSibling;t=!0}return t},ya=function({ctrlKey:t},i){let e=0;for(;e<this.sort.length&&this.sort[e].column!==i;e++);if(e<this.sort.length){const i=this.sort[e],o=Object.assign(Object.assign({},i),{sortMode:i.sortMode===gt.A?gt.D:gt.A});if(t){const t=[...this.sort];t[e]=o,this.sort=t}else this.sort=[o]}else{const e={column:i,sortMode:gt.A};this.sort=t?[...this.sort,e]:[e]}},xa=function(t){this.resetCurrentPage();const i=Object.assign({},this.filters);Sl(this,Ns,"f").removeFilter(i,t.name),this.filters=i},wa=function(t){return Sl(this,Ns,"f").getFilterValueForTooltip(this.filters,t)},_a=function(t){this.resetCurrentPage(),this.globalFilterValue=t?t.value:""},za=function(t){const i=hi(t,Sl(this,Uo,"f"),this.currentRowsPerPage);i&&(this.currentPage=i,Sl(this,qo,"f").forEach((t=>{this.selectedRows.includes(t)&&this.scrollToRow(t.id)})))},Ca=function(t){const i=ci(t,Sl(this,Uo,"f"));i&&(this.currentRowsPerPage=i,Sl(this,Ho,"m",da).call(this))},ja=function(t,i,e,o=!1){if(!t.unselectable)switch(this.selection){case F.MULTIPLE:if(this.selectedRows.includes(t)){const i=[...this.selectedRows];var s=i.indexOf(t);-1!==s&&i.splice(s,1),this.selectedRows=[...i]}else this.selectedRows=[...this.selectedRows,t];break;case F.SINGLE:this.selectedRows=[t]}const n=i.dataset.column;!t.unselectable&&this.selection!==F.NONE&&n&&(Sl(this,Ho,"m",Oa).call(this,this.selectedColumn),this.selectedColumn=n,Sl(this,Ho,"m",$a).call(this,this.selectedColumn),!1!==e&&this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedRow:t,clickedColumn:n,isKeyboardNav:o}))},$a=function(t){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;t<i.length;t++)i[t].classList.add("selected");const e=this.rootElement.shadowRoot.querySelector('th[data-column="'+t+'"]');e&&e.classList.add("selected")},Oa=function(t){const i=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;t<i.length;t++)i[t].classList.remove("selected");const e=this.rootElement.shadowRoot.querySelector('th[data-column="'+t+'"]');e&&e.classList.remove("selected")},Wa=function(t,i,e){t.stopPropagation(),Tl(this,qs,t.target,"f"),Sl(this,Ho,"m",Fn).call(this,e,i)},Da=function(t){const i=this.selectedRows.indexOf(t);i<0?this.selectedRows=[...this.selectedRows,t]:(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})},Ma=function(t){t.group.expanded=!t.group.expanded,this.groupState[t.group.id].expanded=t.group.expanded,this.groupState=Object.assign({},this.groupState)},Sa=function({target:t}){t.checked?(this.selectedRows=Sl(this,ts,"f"),this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})):Sl(this,Ho,"m",In).call(this,!0)},Ta=function(t){this.openedTotalMenu=t.name},Ra=function(){this.openedTotalMenu=null,Sl(this,Qo,"f").removeClickCallback(Sl(this,Ps,"f"))},Pa=function(t){return this.openedTotalMenu===t},Ia=function(){Sl(this,Ho,"m",na).call(this)&&(Tl(this,Go,oi(this.getColumns(),Sl(this,Go,"f"),this.groups,this.totals),"f"),Sl(this,Ho,"m",La).call(this))},Ea=function(){var t;let i=0;switch(this.loadMoreMode){case Y.CONSTANT:i=this.loadMoreStep;break;case Y.CONSTANT_INCREMENT:i=this.loadMoreStep*(Sl(this,is,"f")+1);break;case Y.PROGRESSIVE_THRESHOLD:i=Math.max(Sl(this,es,"f"),this.loadMoreStep)*Math.min(Sl(this,is,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),Tl(this,es,i,"f"),Tl(this,is,(t=Sl(this,is,"f"),++t),"f")},La=function(){Sl(this,Go,"f")&&0!==Sl(this,Uo,"f")&&Sl(this,Go,"f")[0].hasOwnProperty("group")&&Sl(this,Go,"f").forEach((t=>Sl(this,Ho,"m",Fa).call(this,t)))},Fa=function t(i){if(!i||!i.hasOwnProperty("group"))return;const e=i.group,o=this.groupState[e.id];o?e.expanded=o.expanded:this.groupState[e.id]=e,e.children.forEach((i=>Sl(this,Ho,"m",t).call(this,i)))},Na=function(){Tl(this,Go,si(Sl(this,Go,"f"),this.sort),"f")},Ka=function(t){for(let i of this.sort)if(i.column===t)return"A"===i.sortMode?`kup-icon ${m.DESCENDING.replace("--","")}`:`kup-icon ${m.ASCENDING.replace("--","")}`;return""},Aa=function(t){for(let i of this.sort)if(i.column===t)return"A"===i.sortMode?"Ascending":"Descending";return"Sort column"},Va=function(){let t=this.getVisibleColumns().length;return this.selection===F.MULTIPLE_CHECKBOX&&(t+=1),(Sl(this,Ho,"m",aa).call(this)||Sl(this,Qo,"f").data.column.hasCodVer(this.data.columns))&&(t+=1),t},Ba=function({group:t}){return!!t&&!!this.groupState[t.id]&&this.groupState[t.id].expanded},Ha=function(t,i){const e=this.data.columns.findIndex((i=>i.name===t.name&&i.title===t.title)),o=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[o],targetColumn:this.data.columns[e]}),Sl(this,Ho,"m",Ya).call(this,this.data.columns,e,o)),this.visibleColumns){const e=this.visibleColumns.findIndex((t=>t===i.name)),o=this.visibleColumns.findIndex((i=>i===t.name)),s=this.visibleColumns.splice(e,1)[0];this.visibleColumns.splice(o,0,s)}else this.visibleColumns=this.getVisibleColumns().map((t=>t.name))},Ya=function(t,i,e){const o=t.splice(e,1);t.splice(i,0,o[0]),this.refresh()},Ga=function({detail:{cell:t,column:i,row:e}}){var o,s,n;this.updatableData&&t.isEditable&&(null===(o=t.inputSettings)||void 0===o?void 0:o.checkValueOnExit)&&t.shape!==v.CHECKBOX&&t.shape!==v.SWITCH&&(null===(n=null===(s=Sl(this,as,"f").rows.find((t=>t.id==e.id)))||void 0===s?void 0:s.cells[i.name])||void 0===n?void 0:n.value)!==t.value&&this.kupCellCheck.emit({comp:this,id:this.rootElement.id,originalData:Sl(this,as,"f"),updatedData:Jt(Sl(this,as,"f"),this.data,!0),cell:t})},Ua=function(t){return t?t.split(this.lineBreakCharacter).map(((t,i)=>0!==i?[o("br",null),t]:t)):""},qa=function(t,i=0,e){let o={"header-cell":!0},s=e.style?Object.assign({},e.style):{};(Sl(this,Qo,"f").objects.isBar(e.obj)||Sl(this,Qo,"f").objects.isButton(e.obj)||Sl(this,Qo,"f").objects.isChart(e.obj)||Sl(this,Qo,"f").objects.isCheckbox(e.obj)||Sl(this,Qo,"f").objects.isImage(e.obj)||Sl(this,Qo,"f").objects.isIcon(e.obj)||Sl(this,Qo,"f").objects.isProgressBar(e.obj)||Sl(this,Qo,"f").objects.isRadio(e.obj)||Sl(this,Qo,"f").objects.isVoCodver(e.obj))&&(o["header-cell--centered"]=!0),Sl(this,Qo,"f").objects.isNumber(e.obj)&&(o["header-cell--is-number"]=!0),Sl(this,Qo,"f").objects.isIcon(e.obj)&&(o["header-cell--is-icon"]=!0);const n=Sl(this,Ho,"m",ma).call(this,t+1+i,t,0,i);return n&&(o=Object.assign(Object.assign({},o),n.fixedCellClasses),s=Object.assign(Object.assign({},s),n.fixedCellStyle)),{columnClass:o,thStyle:s}},Ja=function(){let t=0,i=null;if(this.selection===F.MULTIPLE_CHECKBOX){t++;const e=Sl(this,Ho,"m",ma).call(this,t,0,0,t-1),s=Object.assign({width:"30px",margin:"0 auto"},e?e.fixedCellStyle:{});i=o("th",{class:e?e.fixedCellClasses:{},style:s},o(Gt,{onChange:t=>Sl(this,Ho,"m",Sa).call(this,t),sizing:c.EXTRA_SMALL,title:Sl(this,Qo,"f").language.translate(D.SELECTED)+`: ${this.selectedRows.length},`+Sl(this,Qo,"f").language.translate(D.RENDERED)+`: ${Sl(this,ts,"f").length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===Sl(this,ts,"f").length}))}let e=null;if(Sl(this,Ho,"m",aa).call(this)||Sl(this,Qo,"f").data.column.hasCodVer(this.data.columns)){t++;const i=Sl(this,Ho,"m",ma).call(this,t,0,0,t-1);e=o("th",{class:i?i.fixedCellClasses:{},style:i?i.fixedCellStyle:{}})}return[i,e,...this.getVisibleColumns().map(((i,e)=>{const{columnClass:s,thStyle:n}=Sl(this,Ho,"m",qa).call(this,e,t,i);let a=null;if(Sl(this,Ns,"f").hasFiltersForColumn(this.filters,i)){const t=Sl(this,Qo,"f").language.translate(d.REMOVE_FILTERS)+`: '${Sl(this,Ho,"m",wa).call(this,i)}'`;a=o("span",{title:t,class:`kup-icon ${m.FILTER_REMOVE.replace("--","")}`})}let l=null,r=Sl(this,Ho,"m",Ka).call(this,i.name);""!==r&&(l=o("span",{class:r,title:Sl(this,Ho,"m",Aa).call(this,i.name)})),s["header-cell--sortable"]=!0;let h=null;if(i.isKey&&(h=o("span",{class:`kup-icon ${m.KEY.replace("--","")}`,title:Sl(this,Qo,"f").language.translate(D.KEY)})),Sl(this,fs,"f"))for(let t=0;t<Sl(this,fs,"f").length;t++){const e=Sl(this,fs,"f")[t];if(e.name===i.name){const t=e.size+"";t.indexOf("ch")<1&&(n.width=t,n.minWidth=t,n.maxWidth=t),n.overflow="hidden";break}}return o("th",{ref:t=>Sl(this,zs,"f").push(t),"data-cell":i,"data-column":i.name,class:s,style:n,title:i.name},o("div",{class:"header-cell__content"},o("span",{class:"header-cell__title"},Sl(this,Ho,"m",Ua).call(this,i.title)),o("span",{class:"header-cell__icons"},h,l,a)),this.resizableColumns?o("span",{class:"header-cell__drag-handler"}):null)}))]},Za=function(){let t=0,i=null;if(this.selection===F.MULTIPLE_CHECKBOX){t++;const e=Sl(this,Ho,"m",ma).call(this,t,0,0,t-1),s=Object.assign({width:"30px",margin:"0 auto"},e?e.fixedCellStyle:{});i=o("th-sticky",{class:e?e.fixedCellClasses:null,style:s},o("kup-checkbox",{"onkup-checkbox-change":t=>Sl(this,Ho,"m",Sa).call(this,t),title:Sl(this,Qo,"f").language.translate(D.SELECTED)+`: ${this.selectedRows.length},`+Sl(this,Qo,"f").language.translate(D.RENDERED)+`: ${Sl(this,ts,"f").length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===Sl(this,ts,"f").length}))}let e=null;if(Sl(this,Ho,"m",aa).call(this)||Sl(this,Qo,"f").data.column.hasCodVer(this.data.columns)){t++;const i=Sl(this,Ho,"m",ma).call(this,t,0,0,t-1);e=o("th-sticky",{class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null})}return[i,e,...this.getVisibleColumns().map(((i,e)=>{const{columnClass:s,thStyle:n}=Sl(this,Ho,"m",qa).call(this,e,t,i);return o("th-sticky",{class:s,style:n},o("div",{class:"header-cell__content"},o("span",{class:"header-cell__title"},Sl(this,Ho,"m",Ua).call(this,i.title))))}))]},Qa=function(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");t&&(Sl(this,Qo,"f").dynamicPosition.register(t,Sl(this,ws,"f"),0,void 0,!0),Tl(this,Ps,{cb:()=>{Sl(this,Ho,"m",Ra).call(this)},el:t},"f"),Sl(this,Qo,"f").addClickCallback(Sl(this,Ps,"f"),!0),Sl(this,Qo,"f").dynamicPosition.start(t),t.menuVisible=!0)}},tl=function(t){Sl(this,Ho,"m",Ra).call(this),Sl(this,Ho,"m",Ta).call(this,t)},il=function t(i,e=0,s=0,n){var a;const l=this.getVisibleColumns();if(i.group){let s;switch(this.groupLabelDisplay){case L.LABEL:s=i.group.columnLabel;break;case L.VALUE:s=i.group.label;break;default:s=i.group.columnLabel+" = "+i.group.label}if(0===i.group.children.length)return null;const n=i.group.expanded?`kup-icon ${m.EXPANDED.replace("--","")}`:`kup-icon ${m.COLLAPSED.replace("--","")}`,a=[],r=[];for(let t=0;t<e;t++)r.push(o("span",{class:"indent"}));if(Sl(this,Ho,"m",ra).call(this)){const h=[];(Sl(this,Ho,"m",aa).call(this)||Sl(this,Qo,"f").data.column.hasCodVer(this.data.columns))&&h.push(o("td",null)),this.selection===F.MULTIPLE_CHECKBOX&&h.push(o("td",null));const c=o("td",{colSpan:Sl(this,Ho,"m",Va).call(this)},o("span",{class:"group-cell-content"},r,o("span",{class:n}),o("span",{class:"text"},s)));for(let t of l){let e,s="total";i.group.totals[t.name]<0&&(s+=" negative-number");const n=i.group.totals[t.name];this.totals[t.name]===q.COUNT||this.totals[t.name]===q.DISTINCT?e=n:Sl(this,Qo,"f").objects.isDate(t.obj)?n&&(Sl(this,Qo,"f").dates.isIsoDate(n)?e=Sl(this,Qo,"f").dates.format(n):console.warn(`invalid date: ${n}`)):e=Sl(this,Qo,"f").math.numberToFormattedString(n,t.decimals,t.obj?t.obj.p:""),h.push(o("td",{class:s},e))}a.push(o("tr",{ref:t=>Sl(this,Cs,"f").push(t),"data-row":i,class:"group group-label"},c)),a.push(o("tr",{ref:t=>Sl(this,Cs,"f").push(t),"data-row":i,class:"group group-total"},h)),Sl(this,Ho,"m",Ba).call(this,i)&&i.group.children.map(((i,o,s)=>Sl(this,Ho,"m",t).call(this,i,e+1,o,o>0?s[o-1]:void 0))).forEach((t=>{Array.isArray(t)?t.forEach((t=>a.push(t))):a.push(t)}))}else a.push(o("tr",{ref:t=>Sl(this,Cs,"f").push(t),"data-id":i.id,"data-row":i,class:"group"},o("td",{colSpan:Sl(this,Ho,"m",Va).call(this)},o("span",{class:"group-cell-content"},r,o("span",{class:n}),o("span",{class:"text"},s))))),Sl(this,Ho,"m",Ba).call(this,i)&&i.group.children.map(((i,o,s)=>Sl(this,Ho,"m",t).call(this,i,e+1,o,o>0?s[o-1]:void 0))).forEach((t=>{Array.isArray(t)?t.forEach((t=>a.push(t))):a.push(t)}));return a}{let t=0,r=null;if(this.selection===F.MULTIPLE_CHECKBOX){t++;const e=Sl(this,Ho,"m",ma).call(this,t,0,s,t-1),n={checked:this.selectedRows.includes(i),sizing:c.EXTRA_SMALL,onChange:()=>{Sl(this,Ho,"m",Da).call(this,i)}};r=o("td",{"row-select-cell":!0,class:e?e.fixedCellClasses:null,style:e?e.fixedCellStyle:null},o(Gt,Object.assign({},n)))}let h=null;if(Sl(this,Ho,"m",aa).call(this)||Sl(this,Qo,"f").data.column.hasCodVer(this.data.columns)){t++;const e=Sl(this,Ho,"m",ma).call(this,t,0,s,t-1),n=[];if(i.actions);else{const t=Sl(this,Qo,"f").data.row.buildRowActions(i,this.getVisibleColumns({includeCodVer:!0}),this.rowActions,null!==(a=this.commands)&&void 0!==a?a:[]);if(Sl(this,Qo,"f").data.action.checkEveryActionHasOnlyIcon(t)||1===t.length&&t[0].icon)t.forEach(((t,e)=>{var o;const s=Sl(this,Qo,"f").data.action.buildImageProp(t.icon,t.text||(null===(o=t.column)||void 0===o?void 0:o.title)||"","action",(()=>{this.kupRowActionItemClick.emit({comp:this,id:this.rootElement.id,row:i,obj:t.obj,cell:t.cell,type:t.type,index:e,column:t.column})}));n.push(s)}));else{const e=Sl(this,Qo,"f").data.action.createActionsWithText(t),o=Sl(this,Qo,"f").data.action.buildImageProp("chevron-down",Sl(this,Qo,"f").language.translate(d.EXPAND),"expander",(t=>{Sl(this,Ho,"m",Wa).call(this,t,i,e)}));n.push(o)}}h=o("td",{"row-action-cell":!0,class:e?e.fixedCellClasses:null,style:e?e.fixedCellStyle:null},n.map((t=>o(Pt,Object.assign({},t,{color:"var(--kup-text-secondary)"})))))}const p=l.map(((a,l)=>{var r,h;const{name:c,hideValuesRepetitions:p}=a,u=[];if(0===l)for(let t=0;t<e;t++)u.push(o("span",{class:"indent"}));const d=i.cells[c]?i.cells[c]:null;if(!d)return this.autoFillMissingCells?o("td",{"data-column":c,"data-row":i}):null;d.isEditable=Sl(this,Ho,"m",fa).call(this,a,i,d),d.data=Object.assign(Object.assign({},d.data),{legacyLook:this.legacyLook,sizing:"extra_dense"===this.density?"extra-small":null===(r=d.data)||void 0===r?void 0:r.sizing}),d.isEditable||(d.cssClass=Sl(this,Qo,"f").data.cell.getObjectRelatedStyleClasses(d.obj,d.cssClass));const f=Object.assign(Object.assign({},Sl(this,Qo,"f").data.cell.buildFCell(d,a,i)),{component:this,density:this.density,editable:this.editableData||this.updatableData,indents:u,previousValue:p&&n?n.cells[c].value:void 0,renderKup:this.lazyLoadCells,cellActionIcon:Sl(this,Qo,"f").data.cell.hasActionCell(d,null!==(h=this.commands)&&void 0!==h?h:[])?{onClick:t=>{this.kupCellActionIconClick.emit({comp:this,id:this.rootElement.id,details:Sl(this,Ho,"m",Zn).call(this,t)})}}:null}),m=o(Ft,Object.assign({},f));let g=null,b=Object.assign({},d.style);const k=Sl(this,Ho,"m",ma).call(this,l+1+t,l,s,t);if(k&&(b=Object.assign(b||{},k.fixedCellStyle),g=Object.assign(Object.assign({},g),k.fixedCellClasses)),Sl(this,fs,"f")){let t="";for(let i=0;i<Sl(this,fs,"f").length;i++)if(c===Sl(this,fs,"f")[i].name){t=Sl(this,fs,"f")[i].size;break}t&&(b||(b={}),b["max-width"]=t,b["min-width"]=t,b.width=t)}return g=Object.assign({},g),o("td",Object.assign({tabIndex:-1,title:undefined,colSpan:d.span&&d.span.col?d.span.col:null,rowSpan:d.span&&d.span.row?d.span.row:null,"data-cell":d,"data-column":c,"data-row":i,style:b,class:g},undefined),m)}));Sl(this,ts,"f").push(i);const u={selected:this.selectedRows.includes(i)};return i.cssClass&&(u[i.cssClass]=!0),o("tr",{ref:t=>Sl(this,Cs,"f").push(t),"data-id":i.id,"data-row":i,class:u},r,h,p)}},el=function(){this.openedCustomSettings?Sl(this,Ho,"m",sl).call(this):Sl(this,Ho,"m",ol).call(this)},ol=function(){Sl(this,ds,"f").menuVisible=!0,Sl(this,us,"f").classList.add("toggled"),Sl(this,Qo,"f").dynamicPosition.start(Sl(this,ds,"f")),this.openedCustomSettings=!0,Sl(this,Is,"f")||Tl(this,Is,{cb:()=>{Sl(this,Ho,"m",sl).call(this)},el:Sl(this,ds,"f")},"f"),Sl(this,Qo,"f").addClickCallback(Sl(this,Is,"f"),!0)},sl=function(){Sl(this,us,"f").classList.remove("toggled"),null!=Sl(this,ds,"f")&&(Sl(this,ds,"f").menuVisible=!1,this.openedCustomSettings=!1,Sl(this,Qo,"f").removeClickCallback(Sl(this,Is,"f")))},nl=function(t){var i;return o("div",{class:"paginator-wrapper"},o("div",{class:"paginator-tabs"},this.showLoadMore||!this.lazyLoadRows&&Sl(this,Uo,"f")>this.rowsPerPage?o(ri,{id:t?"top-paginator":"bottom-paginator",currentPage:this.currentPage,max:Sl(this,Uo,"f"),perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:null!==(i=Sl(this,en,"f"))&&void 0!==i?i:Sl(this,Uo,"f"),onLoadMore:this.showLoadMore?()=>{Sl(this,Ho,"m",Ea).call(this)}:null,onNextPage:()=>Sl(this,Ho,"m",za).call(this,this.currentPage+1),onPrevPage:()=>Sl(this,Ho,"m",za).call(this,this.currentPage-1),onPageChange:t=>Sl(this,Ho,"m",za).call(this,t.detail.value),onRowsChange:t=>Sl(this,Ho,"m",Ca).call(this,t.detail.value),showMaxPages:!0}):null))},al=function(){return o("div",{class:"droparea__remove",ref:t=>Tl(this,Ts,t,"f")},o(Pt,{resource:"delete",color:`var(${b.DANGER})`,sizeX:"30px",sizeY:"50px"}),o(Pt,{resource:"delete-empty",color:`var(${b.DANGER})`,sizeX:"30px",sizeY:"50px"}))},ll=function(){return o("div",{class:"droparea__groups",ref:t=>Tl(this,Rs,t,"f")},o(Pt,{resource:"bookmark",color:`var(${b.TEXT})`,sizeX:"30px",sizeY:"50px"}),o(Pt,{resource:"book",color:`var(${b.TEXT})`,sizeX:"30px",sizeY:"50px"}))},rl=function(t,i){t&&i&&(this.removableColumns||this.showGroups)?(Sl(this,Ss,"f").classList.add("droparea--visible"),Sl(this,Qo,"f").dynamicPosition.register(Sl(this,Ss,"f"),i,10,g.TOP),Sl(this,Qo,"f").dynamicPosition.start(Sl(this,Ss,"f")),Sl(this,Ss,"f").style.marginLeft=i.clientWidth/2-Sl(this,Ss,"f").clientWidth/2+"px"):(Sl(this,Ss,"f").classList.remove("droparea--visible"),Sl(this,Qo,"f").dynamicPosition.stop(Sl(this,Ss,"f")))},hl=function(t){const i=this.getVisibleColumns().find((i=>i.name===t.name&&i.title===t.title));if(i){let t=!1;for(let e=0;e<this.groups.length;e++)if(this.groups[e].column==i.name){t=!0;break}t||(this.groups.push({column:i.name,visible:!0}),this.groups=[...this.groups],this.refresh())}},cl=function(t,i,e){for(let o=0;o<i.length;o++)if(i[o]==t&&o<e.length)return e[o];return t},pl=function(t,i,e){const o=[];for(let s=0;s<t.length;s++){let n=null;switch(t[s]){case"big":n=pt.BIG;break;case"Col":n=dt.COLUMN;break;case"Complete":n=dt.COMPLETE;break;case"extra_dense":n=ut.EXTRA_DENSE;break;case"dense":n=ut.DENSE;break;case"medium":n=ut.MEDIUM;break;case"None":n=dt.NONE;break;case"small":n=pt.SMALL;break;case"Row":n=dt.ROW;break;case"wide":n=ut.WIDE}n&&(o[s]={icon:i[s],id:t[s],selected:e==t[s],value:Sl(this,Qo,"f").language.translate(n)})}return o},ml=function(t){return Sl(this,Ho,"m",cl).call(this,t,Sl(this,dl,"f"),Sl(this,ul,"f"))},gl=function(){const t={data:Sl(this,Ho,"m",pl).call(this,Sl(this,ul,"f"),Sl(this,fl,"f"),this.fontsize),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:Sl(this,Qo,"f").language.translate(pt.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.fontsize){case"big":e=pt.BIG;break;case"medium":e=pt.MEDIUM;break;case"small":e=pt.SMALL}return o("div",{class:"customize-element fontsize-panel"},o("kup-combobox",{isSelect:!0,data:i,initialValue:Sl(this,Qo,"f").language.translate(e),"onkup-combobox-itemclick":t=>{t.stopPropagation(),this.fontsize=Sl(this,Ho,"m",ml).call(this,t.detail.node.id)}}))},vl=function(t){return Sl(this,Ho,"m",cl).call(this,t,Sl(this,bl,"f"),["extra_dense","dense","medium","wide"])},yl=function(){const t={data:Sl(this,Ho,"m",pl).call(this,["extra_dense","dense","medium","wide"],Sl(this,kl,"f"),this.density),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:Sl(this,Qo,"f").language.translate(ut.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.density){case"extra_dense":e=ut.EXTRA_DENSE;break;case"dense":e=ut.DENSE;break;case"medium":e=ut.MEDIUM;break;case"wide":e=ut.WIDE}return o("div",{class:"customize-element density-panel"},o("kup-combobox",{isSelect:!0,initialValue:Sl(this,Qo,"f").language.translate(e),selectMode:h.DESCRIPTION,data:i,"onkup-combobox-itemclick":t=>{t.stopPropagation(),this.density=Sl(this,Ho,"m",vl).call(this,t.detail.node.id)}}))},zl=function(t){return Sl(this,Ho,"m",cl).call(this,t,Sl(this,wl,"f"),Sl(this,xl,"f"))},Cl=function(){return o("div",{class:"customize-element grid-panel"},o("kup-switch",{checked:this.transpose,label:Sl(this,Qo,"f").language.translate(d.TRANSPOSE_DATA),leadingLabel:!0,"onkup-switch-change":t=>{t.stopPropagation(),this.transpose="on"===t.detail.value}}))},jl=function(){return o("div",{class:"customize-element grid-panel"},o("kup-button",{title:Sl(this,Qo,"f").language.translate(d.TOTALS_TABLE)+" ("+Sl(this,Qo,"f").language.translate(d.EXPERIMENTAL_FEAT)+")",label:Sl(this,Qo,"f").language.translate(d.TOTALS_TABLE),icon:"exposure","onkup-button-click":()=>Sl(this,Ho,"m",yn).call(this)}))},$l=function(){const t={data:Sl(this,Ho,"m",pl).call(this,Sl(this,xl,"f"),Sl(this,_l,"f"),this.showGrid),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:Sl(this,Qo,"f").language.translate(dt.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.showGrid){case G.COL:e=dt.COLUMN;break;case G.COMPLETE:e=dt.COMPLETE;break;case G.NONE:e=dt.NONE;break;case G.ROW:e=dt.ROW}return o("div",{class:"customize-element grid-panel"},o("kup-combobox",{isSelect:!0,initialValue:Sl(this,Qo,"f").language.translate(e),data:i,"onkup-combobox-itemclick":t=>{t.stopPropagation();const i=Sl(this,Ho,"m",zl).call(this,t.detail.value);this.showGrid=i}}))},Ol=function(t,i){return o("kup-button",{styling:i,"onKup-button-click":()=>Sl(this,Xa,"f").call(this,t),icon:t.icon,placeholderIcon:t.placeholderIcon,label:t.value})},Wl=function(t,i){i.preventDefault(),this.openColumnMenu(t,`.chip[data-value="${t}"]`)},Dl=function(t,i){const e={"kup-list":{showIcons:!0,data:t.children.map((t=>Object.assign(Object.assign({},t),{data:Object.assign({label:t.value},t.data),id:t.obj.k})))}};return o("kup-dropdown-button",Object.assign({},t.data,{styling:i,sizing:c.MEDIUM,label:t.value,data:e,"onkup-dropdownbutton-itemclick":t=>{Sl(this,Xa,"f").call(this,t.detail.node)}}))},Ml=function(){const t=Lt.FLAT,i=()=>{var t;let i={cells:{}};return null===(t=Sl(this,as,"f"))||void 0===t||t.columns.forEach((t=>{var e;i.cells[t.name]={shape:null!==(e=t.shape)&&void 0!==e?e:v.INPUT_FIELD,obj:Object.assign({},t.obj),isEditable:!0}})),i},e=async()=>{var t,e,o;let s;const n=await this.getSelectedRows();s=n.length>0?JSON.parse(JSON.stringify(n[0])):(null===(e=null===(t=Sl(this,as,"f"))||void 0===t?void 0:t.rows)||void 0===e?void 0:e.length)>0?JSON.parse(JSON.stringify(Sl(this,as,"f").rows[0])):i(),Object.values(s.cells).forEach((t=>{0==n.length&&(t.value="")})),s.id=(Sl(this,ls,"f")+Tl(this,Js,(o=Sl(this,Js,"f"),++o),"f")).toString(),Sl(this,rs,"f").push(s.id),this.insertNewRow(s,!0)},s=async()=>{const t=(await this.getSelectedRows()).map((t=>t.id));this.deleteRows(t)};let n=[];return(()=>{this.hiddenSubmitButton||n.push(o("kup-button",{styling:t,icon:"check","onKup-button-click":()=>{Sl(this,Xa,"f").call(this)},label:Sl(this,Qo,"f").language.translate(d.CONFIRM)}))})(),(()=>{var i,e,o;null===(o=null===(e=null===(i=this.data)||void 0===i?void 0:i.setup)||void 0===e?void 0:e.commands)||void 0===o||o.forEach((i=>{n.push((null==i?void 0:i.children)&&(null==i?void 0:i.children.length)>0?Sl(this,Ho,"m",Dl).call(this,i,t):Sl(this,Ho,"m",Ol).call(this,i,t))}))})(),(()=>{var i,a;const l=null===(a=null===(i=this.data)||void 0===i?void 0:i.setup)||void 0===a?void 0:a.operations,r={insert:{enabled:null==l?void 0:l.insert,icon:"add",title:Sl(this,Qo,"f").language.translate(d.ROW_ADD),onClickHandler:()=>e()},delete:{enabled:null==l?void 0:l.delete,icon:"minus",title:Sl(this,Qo,"f").language.translate(d.ROW_DELETE),onClickHandler:()=>s()}};Object.values(r).filter((t=>t.enabled)).forEach((i=>{n.push(o("kup-button",{styling:t,icon:i.icon,title:i.title,"onKup-button-click":i.onClickHandler}))}))})(),!!n.length&&o("div",{class:"commands"},n)},Pl.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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_fcell_line_height_extradense:var(\n    --kup-fcell-line-height-extradense,\n    14px\n  );--kup_fcell_font_size_extradense:var(--kup-fcell-font-size-extradense, 12px);--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-text-color-hover,\n    var(--kup-text-primary)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_extradense:var(\n    --kup-fcell-padding-dense,\n    var(--kup-space-01) var(--kup-space-01)\n  );--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-extra_dense .header-cell__content,.density-extra_dense tbody>tr.group td{padding:var(--kup-fcell-padding-extradense, var(--kup_fcell_padding_extradense))}.density-extra_dense .header-cell__title{font-size:var(--kup_fcell_font_size_extradense)}.density-extra_dense .group-cell-content>span.text{font-size:var(--kup_fcell_font_size_extradense);line-height:var(--kup_fcell_line_height_extradense)}.density-dense .header-cell__content,.density-dense tbody>tr.group td{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-medium .header-cell__content,.density-medium tbody>tr.group>td{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-wide .header-cell__content,.density-wide tbody>tr.group>td{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.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:var(--kup-heading-compact-01-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;outline:none}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 .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:var(--kup-heading-compact-01-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 var(--kup-space-03) 0.25em 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;box-sizing:content-box}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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}.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]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-extradense:0px;--kup-extradense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-extradense-legacy-look-padding);--kup-textfield-extrasmall-height:20px}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:12px;padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell.extra_dense{min-height:var(--kup_fcell_extradense_min_height)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}:host([legacy-look]) table.row-separation>tbody>tr>td{box-shadow:0px 1px var(--kup-border-subtle);border-bottom:0px}.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-hover)}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-hover)}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-hover)}: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-hover)}: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}.commands{display:flex;gap:1px}";const Il=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-datepicker-blur",6),this.kupChange=i(this,"kup-datepicker-change",6),this.kupClick=i(this,"kup-datepicker-click",6),this.kupFocus=i(this,"kup-datepicker-focus",6),this.kupInput=i(this,"kup-datepicker-input",6),this.kupIconClick=i(this,"kup-datepicker-iconclick",6),this.kupItemClick=i(this,"kup-datepicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-datepicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-datepicker-cleariconclick",6),this.kupManager=r(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.ISOvalue="",this.notISOvalue="",this.appendSelection=!1,this.customStyle="",this.data=null,this.disabled=!1,this.firstDayIndex=1,this.initialValue="",this.outlined=!1,this.sizing=c.SMALL,this.showIcon=!0,this.showPreviousNextMonthDays=!0,this.error="",this.showMarker=!1,this.legacyLook=!1}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.notISOvalue="",this.ISOvalue="",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()})}async onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onKupTextFieldSubmit(t){("Enter"===t.key||/^F[1-9]|F1[0-2]$/.test(t.key))&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}async onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:await this.getValue()})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}watchFirstDayIndex(){(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",k.WARNING),this.firstDayIndex=1)}watchInitialValue(){this.setValue(this.initialValue),this.refresh()}async getValue(){return this.ISOvalue?this.ISOvalue:this.notISOvalue}async getProps(t){return p(this,Fi,t)}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.refreshPickerValue(t,void 0)}refreshPickerValue(t,i,e){let o=t;this.notISOvalue=o,this.ISOvalue="",t&&(this.kupManager.dates.isIsoDate(t)?e||(this.ISOvalue=t,this.appendSelection||(this.notISOvalue="")):!this.isAlphanumeric(t)&&this.kupManager.dates.isValidFormattedStringDate(t)&&(this.appendSelection||(o=this.kupManager.dates.format(this.kupManager.dates.normalize(t),Ht.ISO_DATE),this.refreshPickerComponentValue(o)),e||(this.ISOvalue=o,this.appendSelection||(this.notISOvalue="")))),null!=o&&i&&i.emit({id:this.rootElement.id,value:o})}refreshPickerComponentValue(t){if(!this.isPickerOpened())return;let i;i=this.kupManager.dates.isIsoDate(t)?new Date(t):new Date,this.pickerEl.value=i.toISOString(),this.pickerEl.date=i,this.refresh()}setPickerValueSelected(t){if(1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t))if(this.appendSelection){const i=this.textfieldEl.value,e=this.kupManager.dates.format(t);this.refreshPickerValue(i+e,void 0)}else this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.ISOvalue}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",this.refreshPickerComponentValue(this.getValueForPickerComponent()),null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,g.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){var t;return 1==(null===(t=this.pickerContainerEl)||void 0===t?void 0:t.menuVisible)}getTextFieldId(){return this.textfieldEl.id}getInitEndYear(t){let i=t-t%10;return{initYear:i,endYear:i+16-1}}isRelatedTargetInThisComponent(t){if(!t.relatedTarget)return!1;let i=t.relatedTarget.id;return null!=i&&""!=i.trim()&&(i==this.getTextFieldId()||"#prev-page#next-page#date-picker-div#change-view-button#calendar#".indexOf("#"+i+"#")>=0)}getDateForOutput(){return this.notISOvalue?this.notISOvalue:this.ISOvalue?this.kupManager.dates.format(this.ISOvalue):""}isAlphanumeric(t){return/[A-Za-z]/.test(t)}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.watchFirstDayIndex(),this.setValue(this.initialValue),this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),$t(i))}this.kupManager.debug.logRender(this,!0)}render(){var t;const i=this.rootElement.classList.contains("kup-full-height"),e=this.rootElement.classList.contains("kup-full-width"),n=Object.assign(Object.assign({},this.data["kup-text-field"]),{sizing:this.sizing,outlined:this.outlined,showIcon:this.showIcon,legacyLook:this.legacyLook,error:this.error,showMarker:this.showMarker});!n.icon&&this.showIcon&&(n.icon="calendar"),n.icon&&(n.trailingIcon=!0);const a={options:{initialValue:this.ISOvalue,firstDayIndex:this.firstDayIndex,resetStatus:!0,showPreviousNextMonthDays:this.showPreviousNextMonthDays}};return o(s,{key:"a03e07c3e6d570fbb5a8e8769a02b4aa348e9380"},o("style",{key:"816dfa6ef5fd2127a376e068ba8fcfbc1dfb21c8"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"e4bb69bdc77b97e8350bfa3b2a957209a477af9f",id:Rt},o(jt,Object.assign({key:"6d291279dd6b655608099114e025d5b01c1393ed"},n,{disabled:this.disabled,fullHeight:i,fullWidth:e,maxLength:null!==(t=n.maxLength)&&void 0!==t?t:10,size:10,id:this.rootElement.id+"_text-field",value:this.getDateForOutput(),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)}),o("div",{key:"9cdc2b185d39e8433be1a71ff606ef25305ee61a",id:this.rootElement.id+"_card",class:"kup-date-picker-card"},o("kup-card",{key:"3e60a51375f3014510f7278de2a05a29043965ac",ref:t=>this.pickerContainerEl=t,data:a,layoutFamily:S.BUILT_IN,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&""!=t.detail.value&&this.onKupDatePickerItemClick(t.detail.value)}})))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}static get watchers(){return{firstDayIndex:["watchFirstDayIndex"],initialValue:["watchInitialValue"]}}};var El;Il.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}.kup-date-picker-card{display:none}: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)}",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.anchor='Sets anchor position ("none", "left", "top", "right", "bottom")',t.minSizeY="The min height of the dialog.",t.minSizeX="The min width of the dialog.",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.).",t.maxSizeY="The max height of the dialog, defaults to 90dvh.",t.maxSizeX="The max width of the dialog, defaults to 90dvw."}(El||(El={}));var Ll,Fl,Nl,Kl,Al,Vl,Bl,Hl,Yl,Xl,Gl,Ul=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},ql=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const Jl=class{constructor(e){t(this,e),this.kupClose=i(this,"kup-dialog-close",6),this.kupReady=i(this,"kup-dialog-ready",6),Ll.add(this),Fl.set(this,null),Nl.set(this,r()),Kl.set(this,0),this.autoCenter={onReady:!0},this.customStyle="",this.header={icons:{close:!0}},this.modal={closeOnBackdropClick:!0},this.resizable=!0,this.anchor="none",this.minSizeX="20dvw",this.minSizeY="20dvh",this.sizeX="auto",this.sizeY="auto",this.maxSizeX="90dvw",this.maxSizeY="90dvh"}async close(){this.kupClose.emit({comp:this,id:this.rootElement.id}),this.rootElement.remove()}async getProps(t){return p(this,El,t)}async recalcPosition(){var t,i;if(!(null===(t=this.rootElement)||void 0===t?void 0:t.isConnected))return Ul(this,Nl,"f").debug.logMessage(this,"recalcPosition() ran after the component was disconnected. Aborting.",k.WARNING),void Ul(this,Ll,"m",Al).call(this);const e=this.rootElement.getBoundingClientRect();if(!(e.x||e.y||e.height||e.width)){if(Ul(this,Nl,"f").debug.logMessage(this,`recalcPosition() ran before the component finished being drawn. Running again (attempt #${Ul(this,Kl,"f")}).`,k.INFO),Ul(this,Kl,"f")<50)return ql(this,Kl,(i=Ul(this,Kl,"f"),++i),"f"),void setTimeout((async()=>this.recalcPosition()),50);Ul(this,Nl,"f").debug.logMessage(this,"Too many attempts centering the dialog.",k.WARNING)}ql(this,Kl,0,"f"),this.rootElement.style.left="0",this.rootElement.style.bottom="0",this.rootElement.style.right="0",this.rootElement.style.top="0",this.rootElement.removeAttribute("fade-in")}async refresh(){e(this)}async setProps(t){u(this,El,t)}componentWillLoad(){Ul(this,Nl,"f").debug.logLoad(this,!1),Ul(this,Nl,"f").theme.register(this)}componentDidLoad(){var t;Ul(this,Ll,"m",Hl).call(this),(null===(t=this.autoCenter)||void 0===t?void 0:t.onReady)&&"none"==this.anchor?this.recalcPosition():this.rootElement.removeAttribute("fade-in"),this.modal&&Ul(this,Nl,"f").interact.showModalBackdrop(this.modal.closeOnBackdropClick?()=>{this.close()}:null),this.kupReady.emit({comp:this,id:this.rootElement.id}),Ul(this,Nl,"f").debug.logLoad(this,!0)}componentDidUpdate(){Ul(this,Ll,"m",Yl).call(this),Ul(this,Ll,"m",Hl).call(this)}componentWillRender(){Ul(this,Nl,"f").debug.logRender(this,!1)}componentDidRender(){Ul(this,Nl,"f").debug.logRender(this,!0)}render(){var t,i;let e=Ul(this,Ll,"m",Gl).call(this);const n=this.rootElement.querySelector('[slot="header"]');return n&&ql(this,Fl,n,"f"),o(s,{key:"6b77e120901ad4af2375f3f39aa278645820735e","fade-in":!0,style:e,"data-anchor":(null===(t=this.anchor)||void 0===t?void 0:t.toString())||"none"},o("style",{key:"d8c4a1d878c71cf48259c2a749a18863b04bee2f"},Ul(this,Nl,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"ee15ebb743fe59fc3e4a926eac8e21953b223d29",id:Rt},this.header?o("div",{class:"header",ref:t=>ql(this,Fl,t,"f")},this.header.title?o("div",{class:"header__title"},this.header.title):null,(null===(i=this.header.icons)||void 0===i?void 0:i.close)?o(Pt,{onClick:()=>this.close(),sizeX:"1.25em",sizeY:"100%",resource:"clear",wrapperClass:"header__close"}):null):n?o("slot",{name:"header"}):null,o("div",{key:"57fca041982e0a1f47479ce0ccc1369917b0c984",class:"content"},o("slot",{key:"a0397c07bb34449de093d0290ef4f981d5c70109",name:"content"}))))}disconnectedCallback(){Ul(this,Ll,"m",Al).call(this)}get rootElement(){return n(this)}};var Zl;Fl=new WeakMap,Nl=new WeakMap,Kl=new WeakMap,Ll=new WeakSet,Al=function(){this.modal&&Ul(this,Nl,"f").interact.hideModalBackdrop(),Ul(this,Nl,"f").theme.unregister(this)},Vl=function(t){const i=getComputedStyle(t).minWidth.replace("px",""),e=getComputedStyle(t).minHeight.replace("px",""),o=getComputedStyle(t).maxWidth.replace("px",""),s=getComputedStyle(t).maxHeight.replace("px","");return{min:{width:parseFloat(i),height:parseFloat(e)},max:{width:parseFloat(o),height:parseFloat(s)}}},Bl=function(t){let{width:i,height:e}=t.rect;const o=t.target,s=Ul(this,Ll,"m",Vl).call(this,this.rootElement),n="none"==this.anchor,a=i>=s.min.width-1&&i<=s.max.width+1&&n,l=e>=s.min.height-1&&e<=s.max.height+1&&n;t.edges.left&&a&&(o.style.left=`${parseFloat(o.style.left||"0")+t.deltaRect.left}px`),t.edges.top&&l&&(o.style.top=`${parseFloat(o.style.top||"0")+t.deltaRect.top}px`),t.edges.right&&a&&(o.style.right=parseFloat(o.style.right||"0")-t.deltaRect.right+"px"),t.edges.bottom&&l&&(o.style.bottom=parseFloat(o.style.bottom||"0")-t.deltaRect.bottom+"px")},Hl=function(){const t="none"==this.anchor;Ul(this,Nl,"f").interact.dialogify(this.rootElement,Ul(this,Fl,"f")?Ul(this,Fl,"f"):null,{isResizable:this.resizable||!t,isDraggable:t,onResize:Ul(this,Ll,"m",Bl).bind(this),resizeConstraints:Ul(this,Ll,"m",Vl).call(this,this.rootElement),edges:Ul(this,Ll,"m",Xl).call(this)})},Yl=function(){Ul(this,Nl,"f").interact.undialogify(this.rootElement)},Xl=function(){switch(this.anchor){case"none":return{left:!0,top:!0,right:!0,bottom:!0};case"left":return{left:!1,top:!1,right:!0,bottom:!1};case"top":return{left:!1,top:!1,right:!1,bottom:!0};case"right":return{left:!0,top:!1,right:!1,bottom:!1};case"bottom":return{left:!1,top:!0,right:!1,bottom:!1}}},Gl=function(){const t="--kup_dialog_min_height",i="--kup_dialog_min_width",e="--kup_dialog_max_height",o="--kup_dialog_max_width",s={};return"none"==this.anchor&&(s[t]=this.minSizeY?this.minSizeY:"20dvh",s[i]=this.minSizeX?this.minSizeX:"20dvw",s["--kup_dialog_height"]=this.sizeY?this.sizeY:"auto",s["--kup_dialog_width"]=this.sizeX?this.sizeX:"auto",s[e]=this.maxSizeY?this.maxSizeY:"90dvh",s[o]=this.maxSizeX?this.maxSizeX:"90dvw"),"left"!=this.anchor&&"right"!=this.anchor||(s[t]="100dvh",s[i]=this.minSizeX?this.minSizeX:"20dvw",s[e]=this.maxSizeY?this.maxSizeY:"100dvh",s[o]=this.maxSizeX?this.maxSizeX:"80dvw"),"top"!=this.anchor&&"bottom"!=this.anchor||(s[t]=this.minSizeY?this.minSizeY:"20dvh",s[i]="100dvw",s[e]=this.maxSizeY?this.maxSizeY:"80dvh",s[o]=this.maxSizeX?this.maxSizeX:"100dvw"),s},Jl.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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  );--kup_dialog_content_max_height:var(--kup-dialog-content-max-height, 85dvh);box-sizing:border-box;display:block;height:var(--kup_dialog_height);left:var(--kup_dialog_left, -100%);min-height:var(--kup_dialog_min_height);min-width:var(--kup_dialog_min_width);max-width:var(--kup_dialog_max_width);max-height:var(--kup_dialog_max_height);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}:host([data-anchor=none]){inset:0}:host([data-anchor=left]){inset:0 auto 0 0;width:50%;height:100%}:host([data-anchor=top]){inset:0 0 auto 0;height:50%}:host([data-anchor=right]){inset:0 0 0 auto;width:50%}:host([data-anchor=bottom]){inset:auto 0 0 0;height:50%}.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:var(--kup-heading-compact-01-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);max-height:var(--kup_dialog_content_max_height)}",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: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".',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: "CodeOnly", "DescOnly", "Both" or "CodeAndDesc" and "DescAndCode".',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."}(Zl||(Zl={}));const Ql=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-dropdownbutton-blur",6),this.kupClick=i(this,"kup-dropdownbutton-click",6),this.kupFocus=i(this,"kup-dropdownbutton-focus",6),this.kupChange=i(this,"kup-dropdownbutton-change",6),this.kupItemClick=i(this,"kup-dropdownbutton-itemclick",6),this.kupManager=r(),this.buttonEl=null,this.dropdownEl=null,this.listEl=null,this.clickCb=null,this.value="",this.customStyle="",this.data=null,this.disabled=!1,this.displayMode=h.DESCRIPTION,this.dropdownOnly=!1,this.icon=null,this.initialValue="",this.label=null,this.placeholderIcon=null,this.selectMode=h.CODE,this.sizing=c.SMALL,this.styling=Lt.RAISED,this.trailingIcon=!1}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()}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()}}onKupBlur(){this.closeList(),this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupClick(){this.closeList(),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})}onDropDownClick(){this.isListOpened()?this.closeList():this.openList()}onKupItemClick(t){this.consistencyCheck(t),this.closeList(),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}async getProps(t){return p(this,Zl,t)}async getValue(){return this.value}async refresh(){e(this)}async setProps(t){u(this,Zl,t)}async setValue(t){this.value=t}isListOpened(){return null!=this.listEl&&1==this.listEl.menuVisible}openList(){var t;const i=(this.buttonEl?this.buttonEl.clientWidth:0)+this.dropdownEl.clientWidth;null===(t=this.buttonEl)||void 0===t||t.classList.add("toggled"),this.dropdownEl.classList.add("toggled"),this.listEl.menuVisible=!0;const e=this.listEl.style;e.height="auto",e.minWidth=i+"px",this.kupManager.dynamicPosition.isRegistered(this.listEl)?this.kupManager.dynamicPosition.changeAnchor(this.listEl,this.buttonEl?this.buttonEl:this.dropdownEl):this.kupManager.dynamicPosition.register(this.listEl,this.buttonEl?this.buttonEl:this.dropdownEl,0,g.AUTO,!0),this.kupManager.dynamicPosition.start(this.listEl),this.clickCb||(this.clickCb={cb:()=>{this.closeList()},el:this.listEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closeList(){var t;null===(t=this.buttonEl)||void 0===t||t.classList.remove("toggled"),this.dropdownEl.classList.remove("toggled"),this.listEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.listEl),this.kupManager.removeClickCallback(this.clickCb)}consistencyCheck(t,i){const e=Wt(i,this.data["kup-list"],this.listEl,this.selectMode,this.displayMode,t);this.value=e.value}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-list":{}})}componentDidLoad(){this.consistencyCheck(void 0,this.value),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;!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,!0)}renderButtons(){const t=[],i={disabled:!!this.disabled,large:!!this.rootElement.classList.contains("kup-large"),pulsating:!!this.rootElement.classList.contains("kup-pulsating"),slim:!!this.rootElement.classList.contains("kup-slim"),sizing:this.sizing,styling:this.styling?this.styling:Lt.RAISED,title:this.rootElement.title};return this.dropdownOnly||t.push(o(It,Object.assign({},i,{icon:this.icon?this.icon:null,placeholderIcon:this.placeholderIcon,label:this.label?this.label:null,trailingIcon:!!this.trailingIcon,wrapperClass:"dropdown-button__primary-action",onClick:()=>this.onKupClick(),onBlur:()=>this.onKupBlur(),onFocus:()=>this.onKupFocus()}))),t.push(o(It,Object.assign({},i,{disabled:!!this.disabled,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()}))),t}render(){return o(s,{key:"1708b482db59249332f006f708625e2627bb7637"},o("style",{key:"64432e2f7c42b2be0e0102b7c9a5eb7c80104e00"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"b3ae4c58b473d2d864015f0e72e872de552f92df",id:Rt},o("div",{key:"308558513e953a9d07bdd2957f9e4c79ab65d151",class:"dropdown-button--wrapper"},this.renderButtons()),o("kup-list",Object.assign({key:"fd6deda80429efb229e18597c1c974d992647442"},this.data["kup-list"],{displayMode:this.displayMode,isMenu:!0,"onKup-list-click":t=>this.onKupItemClick(t),id:this.rootElement.id+"_list",ref:t=>this.listEl=t}))))}disconnectedCallback(){this.listEl&&(this.kupManager.dynamicPosition.unregister([this.listEl]),this.listEl.remove()),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var tr;Ql.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}",function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input file upload."}(tr||(tr={}));var ir,er,or,sr,nr,ar,lr,rr,hr,cr,pr,ur=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const dr=class{constructor(e){t(this,e),this.kupReady=i(this,"kup-file-upload-ready",6),this.kupUpload=i(this,"kup-file-upload-upload",6),ir.add(this),er.set(this,r()),or.set(this,new Map([["application/pdf","file-pdf"],["application/vnd.ms-excel","file-excel"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","file-excel"],["application/msword","file-word"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","file-word"]])),this.customStyle="",this.data=null,this.inputRef=void 0,this.files=[],this.uploadSuccess=!1,this.showSpinner=!1}onDataChanged(){}async getProps(t){return p(this,tr,t)}async refresh(){e(this)}async setProps(t){u(this,tr,t)}async setSuccess(t){this.setLoading(!1),t&&(ur(this,ir,"m",rr).call(this),this.uploadSuccess=t)}async setLoading(t){this.showSpinner=t}componentWillLoad(){ur(this,er,"f").debug.logLoad(this,!1),ur(this,er,"f").language.register(this),ur(this,er,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),ur(this,er,"f").debug.logLoad(this,!0)}componentWillRender(){ur(this,er,"f").debug.logRender(this,!1)}componentDidRender(){ur(this,er,"f").debug.logRender(this,!0)}render(){return o(s,{key:"4d7327486a29302152146757efdf94c803214646"},o("style",{key:"f7ea06ee1bfda08ef349634215419dcd1ad2eb1b"},ur(this,er,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"03043818999c04153d4b1dc017781ecc2b4d2b7c",id:Rt},o("div",{key:"53ebcb30297e22ab2cdf8efb50a928420581b920",class:{"file-upload":!0,"file-upload-spinner":this.showSpinner},onDrop:ur(this,ir,"m",lr).bind(this),onDragOver:t=>t.preventDefault()},o("input",{key:"ce2d826a0c057b3f0c74b5c8cf1d9f4b7c55749d",type:"file",ref:t=>this.inputRef=t,onChange:ur(this,ir,"m",nr).bind(this),multiple:!0,hidden:!0}),o("div",{key:"1fe709ac8d749c28475cc89acd26e7df3f61ed94",class:"file-upload__buttons"},o(It,{key:"04b5e2fdd85608256e1fe2ce8c413cf1508057c9",icon:"upload",label:ur(this,er,"f").language.translate(d.CHOOSE),onClick:ur(this,ir,"m",sr).bind(this)}),o(It,{key:"b92baf94f134ef9f923adb25ceaef4193184aa6e",icon:"save",disabled:!this.files.length,label:ur(this,er,"f").language.translate(d.UPLOAD),onClick:ur(this,ir,"m",pr).bind(this),styling:Lt.FLAT}),o(It,{key:"3148002ec6b107a68ee06f7ceeea8265fb5123ee",icon:"clear",disabled:!this.files.length,label:ur(this,er,"f").language.translate(d.ABORT),onClick:ur(this,ir,"m",rr).bind(this),styling:Lt.FLAT})),this.uploadSuccess?o("span",null,ur(this,er,"f").language.translate(yt.SUCCESS)):o("div",{class:"file-upload__list"},this.files.map(((t,i)=>o("div",{class:"file-upload__list__item"},o("div",{class:"file-upload__list__item__preview"},o(Pt,{resource:ur(this,ir,"m",hr).call(this,t)})),o("span",{class:"file-upload__list__item__desc",title:t.name},ur(this,ir,"m",cr).call(this,t.name)),o("span",{class:"file-upload__list__item__clear",onClick:ur(this,ir,"m",ar).bind(this,i)}))))),this.showSpinner&&o("div",{key:"d9fb813dfdb8890c886404762b3880086116307b",class:"file-upload__spinner-container"},o("kup-spinner",{key:"712d65f3f94c8de2431a754e5624665c60ce4d17",active:!0,layout:14,dimensions:"7px"})))))}disconnectedCallback(){ur(this,er,"f").language.unregister(this),ur(this,er,"f").theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{data:["onDataChanged"]}}};var fr,mr,gr;er=new WeakMap,or=new WeakMap,ir=new WeakSet,sr=function(){this.inputRef.click()},nr=function(t){this.uploadSuccess=!1;const i=Array.from(t.target.files);this.files=[...this.files,...i]},ar=function(t){this.files=[...this.files.splice(0,t),...this.files.splice(t+1)]},lr=function(t){t.preventDefault(),this.uploadSuccess=!1;const i=t.dataTransfer.files;if(i.length>0){const t=Array.from(i);this.files=[...this.files,...t]}},rr=function(){this.files=[]},hr=function(t){return ur(this,or,"f").get(t.type)||(/^image\/.*/g.test(t.type)?URL.createObjectURL(t):/^video\/.*/g.test(t.type)?"video":"file")},cr=function(t){return(null==t?void 0:t.length)>20?t.slice(0,9)+"..."+t.slice(-10):t},pr=function(t){t.stopPropagation(),this.kupUpload.emit({comp:this,id:this.rootElement.id,files:this.files}),this.setLoading(!0)},dr.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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_upload_icon_color:var(--kup-upload-icon-color, var(--kup-icon-color));--kup_upload_border_color:var(\n    --kup-upload-border-color,\n    var(--kup-gray-color-30)\n  );flex:1}:host .file-upload-spinner>*{opacity:0.6;pointer-events:none}:host .file-upload-spinner>file-upload__spinner-container{opacity:1}:host .file-upload{display:flex;flex-direction:column;gap:1em;border:2px dashed var(--kup_upload_border_color);border-radius:4px;padding:1em;position:relative}:host .file-upload__buttons{display:flex;gap:1em;align-items:center;justify-content:center}:host .file-upload__buttons .spinner{height:48px;margin:auto;width:48px}:host .file-upload__list{display:flex;flex-direction:column;gap:1em}:host .file-upload__list__item{display:flex;gap:1em;align-items:center}:host .file-upload__list__item__preview{height:3em;width:3em;display:flex;align-items:center}:host .file-upload__list__item__desc{width:14em}:host .file-upload__list__item__clear{background-color:var(--kup_upload_icon_color);cursor:pointer;height:16px;width:16px;min-width:16px;min-height:16px;outline:none;pointer-events:all;-webkit-mask:var(--kup-clear-icon);mask:var(--kup-clear-icon)}:host .file-upload__list__item__clear:hover{background-color:var(--kup-danger-color-60)}:host .file-upload__spinner-container{height:calc(100% - 2em);width:20%;position:absolute;left:40%}",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"}(fr||(fr={})),function(t){t.CENTER="center",t.LEFT="left",t.RIGHT="right"}(mr||(mr={})),function(t){t.BOTTOM="bottom",t.LEFT="left",t.HIDDEN="hidden",t.PLACEHOLDER="placeholder",t.WATERMARK="watermark",t.RIGHT="right",t.TOP="top"}(gr||(gr={}));const br=document.documentElement,kr=class{constructor(e){t(this,e),this.kupReady=i(this,"kup-form-ready",6),this.kupManager=r(),this.visibleColumns=[],this.customStyle="",this.data=null,this.hiddenSubmitButton=!1,this.labelPlacement=gr.TOP,this.layout=null,this.submitCb=null}onDataChanged(){E(this.getRows()),this.initVisibleColumns(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}async getProps(t){return p(this,fr,t)}async refresh(){e(this)}async setFocus(t,i){const e=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;e&&t<e.length;t++){const o=e[t];if(o["data-row"]&&o["data-row"].id==i){const t=o.querySelector("input");if(t)t.focus();else{const t=o.querySelector(".hydrated");if(t)try{t.setFocus()}catch(t){}}}}}async setProps(t){u(this,fr,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}checkLayout(){if(this.layout)return void(this.formLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.visibleColumns;let e=i.length;const o=[];let s=0;for(;e-- >0;)o.push({column:i[s++].name});t.content=o,this.formLayout={sections:[t]}}renderRow(t){const i=[...this.visibleColumns];let e=null,s=t.layout;s||(s=this.formLayout);let n=!1;if(s){s.horizontal&&(n=!0);const o=s.sections;let a=o.length,l=0;a>0&&(e=[]);const r={horizontal:n};for(;a-- >0;)e.push(this.renderSection(o[l++],r,t,i))}return o("form",{class:{form:!0,"form--column":!n},name:this.rootElement.id,onSubmit:this.submitCb},e,this.hiddenSubmitButton?o(It,{buttonType:"submit",label:this.kupManager.language.translate(d.CONFIRM),wrapperClass:"form__submit"}):null)}renderSection(t,i,e,s){var n;let a=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,n=0;for(o>0&&(a=[]);o-- >0;)a.push(this.renderSection(i[n++],t,e,s))}else if(t.content){const i=t.content;let n=i.length,l=0;for(n>0&&(a=[]);n-- >0;){const n=this.renderFormField({formField:i[l++],row:e,visibleColumns:s},t);let r=n;t.horizontal||(r=o("tr",null,n)),a.push(r)}}else s.length>0&&(a=this.renderFormField({formField:{column:s[0].name},row:e,visibleColumns:s}));const l=!!t.columns,r=(null===(n=null==t?void 0:t.label)||void 0===n?void 0:n.placement)||this.labelPlacement,h={form__section:!0,"form__section--column":!l&&!t.horizontal,"form__section--grid":l,"form__section--titled":!!t.title,"form__section--last":!t.sections||0===t.sections.length,[`form__section--${r}`]:!0},c=t.style||{};return t.dim&&i&&(c.flex=`0 0 ${t.dim}`,i.horizontal?c.maxWidth=t.dim:c.maxHeight=t.dim),l&&(c["grid-template-columns"]=`repeat(${t.columns}, 1fr)`),o("div",{class:h,style:c},t.title?o("h3",null,t.title):null,t.horizontal?a:o("table",null,o("tbody",null,a)))}renderFormField({formField:t,row:i,visibleColumns:e},s){var n;const a={form__field:!0},l={};let r=null,h=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){h=i;break}h>=0?(r=e[h],e.splice(h,1)):s&&(r=this.data.columns.find((i=>i.name===t.column)));const c=i.cells[t.column];let p;if(!c)return null;c.isEditable=!0,this.kupManager.objects.isEmptyKupObj(c.obj)||this.kupManager.debug.isDebug()&&(p=c.obj.t+"; "+c.obj.p+"; "+c.obj.k+";");const u={cell:c,column:r,component:this,editable:!0,renderKup:!0,row:i,setSizes:!0,shape:t.shape},d=t.label||r.title;switch((()=>{if(!this.kupManager.objects.isButton(c.obj)){c.data||(c.data={});try{delete c.data.label}catch(t){}try{delete c.data.data["kup-text-field"].label}catch(t){}}})(),(null===(n=null==s?void 0:s.label)||void 0===n?void 0:n.placement)||this.labelPlacement){case gr.BOTTOM:return[o("tr",null,f()),o("tr",null,m(d))];case gr.PLACEHOLDER:case gr.WATERMARK:!function(){switch(br.ketchup.data.cell.getType(c,c.shape||r.shape||null)){case xt.AUTOCOMPLETE:case xt.COLOR_PICKER:case xt.COMBOBOX:case xt.DATE:case xt.DATETIME:case xt.TIME:c.data.data&&c.data.data["kup-text-field"]?c.data.data["kup-text-field"].label=r.title:c.data.data={"kup-text-field":{label:r.title}};break;case xt.CHECKBOX:case xt.NUMBER:case xt.STRING:case xt.SWITCH:c.data.label=r.title}}();case gr.HIDDEN:return s?[f()]:[o("tr",null,f())];case gr.RIGHT:return s?[f(),m(d)]:[o("tr",null,f(),m(d))];case gr.TOP:return[o("tr",null,m(d)),o("tr",null,f())];default:return s?[m(d),f()]:[o("tr",null,m(d),f())]}function f(){return o("td",{"data-cell":c,"data-row":i,"data-column":t.column,class:a,style:l,title:p},c&&r?o(Ft,Object.assign({},u)):o("span",null,t.value))}function m(t){var i,e,n;const a=(null===(i=null==s?void 0:s.label)||void 0===i?void 0:i.alignment)||mr.LEFT,l={width:(null===(e=null==s?void 0:s.label)||void 0===e?void 0:e.width)?null===(n=null==s?void 0:s.label)||void 0===n?void 0:n.width:""};return o("td",{class:`form__label form__label--${a}`,style:l},o("span",null,t))}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),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,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)$t(i[t])}this.kupManager.debug.logRender(this,!0)}render(){let t=null;if(0===this.data.rows.length)t=o("p",{key:"f749de74f0497b4be1fb554de9e3c9cb1464f16d"},this.kupManager.language.translate(d.EMPTY_DATA));else{const i=this.data.rows;let e=i.length,o=0;for(t=[];e-- >0;)t.push(this.renderRow(i[o++]))}return o(s,{key:"f32e3c7318dd06b37dda2c66fc35188671fd5c2b"},o("style",{key:"bda0f827c81efc66666670b3da38b699921855cf"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"07ba4ba3f36154ee5457b340993f3fd54b202b30",id:Rt},t))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{data:["onDataChanged"],layout:["onLayoutChanged"]}}};var vr;function yr(t){return function(){return t}}kr.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}",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."}(vr||(vr={}));const xr=Math.abs,wr=Math.atan2,_r=Math.cos,zr=Math.max,Cr=Math.min,jr=Math.sin,$r=Math.sqrt,Or=1e-12,Wr=Math.PI,Dr=Wr/2,Mr=2*Wr;function Sr(t){return t>=1?Dr:t<=-1?-Dr:Math.asin(t)}const Tr=Math.PI,Rr=2*Tr,Pr=1e-6,Ir=Rr-Pr;function Er(t){this._+=t[0];for(let i=1,e=t.length;i<e;++i)this._+=arguments[i]+t[i]}class Lr{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=null==t?Er:function(t){let i=Math.floor(t);if(!(i>=0))throw new Error(`invalid digits: ${t}`);if(i>15)return Er;const e=10**i;return function(t){this._+=t[0];for(let i=1,o=t.length;i<o;++i)this._+=Math.round(arguments[i]*e)/e+t[i]}}(t)}moveTo(t,i){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+i}`}closePath(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(t,i){this._append`L${this._x1=+t},${this._y1=+i}`}quadraticCurveTo(t,i,e,o){this._append`Q${+t},${+i},${this._x1=+e},${this._y1=+o}`}bezierCurveTo(t,i,e,o,s,n){this._append`C${+t},${+i},${+e},${+o},${this._x1=+s},${this._y1=+n}`}arcTo(t,i,e,o,s){if(t=+t,i=+i,e=+e,o=+o,(s=+s)<0)throw new Error(`negative radius: ${s}`);let n=this._x1,a=this._y1,l=e-t,r=o-i,h=n-t,c=a-i,p=h*h+c*c;if(null===this._x1)this._append`M${this._x1=t},${this._y1=i}`;else if(p>Pr)if(Math.abs(c*l-r*h)>Pr&&s){let u=e-n,d=o-a,f=l*l+r*r,m=u*u+d*d,g=Math.sqrt(f),b=Math.sqrt(p),k=s*Math.tan((Tr-Math.acos((f+p-m)/(2*g*b)))/2),v=k/b,y=k/g;Math.abs(v-1)>Pr&&this._append`L${t+v*h},${i+v*c}`,this._append`A${s},${s},0,0,${+(c*u>h*d)},${this._x1=t+y*l},${this._y1=i+y*r}`}else this._append`L${this._x1=t},${this._y1=i}`}arc(t,i,e,o,s,n){if(t=+t,i=+i,n=!!n,(e=+e)<0)throw new Error(`negative radius: ${e}`);let a=e*Math.cos(o),l=e*Math.sin(o),r=t+a,h=i+l,c=1^n,p=n?o-s:s-o;null===this._x1?this._append`M${r},${h}`:(Math.abs(this._x1-r)>Pr||Math.abs(this._y1-h)>Pr)&&this._append`L${r},${h}`,e&&(p<0&&(p=p%Rr+Rr),p>Ir?this._append`A${e},${e},0,1,${c},${t-a},${i-l}A${e},${e},0,1,${c},${this._x1=r},${this._y1=h}`:p>Pr&&this._append`A${e},${e},0,${+(p>=Tr)},${c},${this._x1=t+e*Math.cos(s)},${this._y1=i+e*Math.sin(s)}`)}rect(t,i,e,o){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+i}h${e=+e}v${+o}h${-e}Z`}toString(){return this._}}function Fr(t){return t.innerRadius}function Nr(t){return t.outerRadius}function Kr(t){return t.startAngle}function Ar(t){return t.endAngle}function Vr(t){return t&&t.padAngle}function Br(t,i,e,o,s,n,a){var l=t-e,r=i-o,h=(a?n:-n)/$r(l*l+r*r),c=h*r,p=-h*l,u=t+c,d=i+p,f=e+c,m=o+p,g=(u+f)/2,b=(d+m)/2,k=f-u,v=m-d,y=k*k+v*v,x=s-n,w=u*m-f*d,_=(v<0?-1:1)*$r(zr(0,x*x*y-w*w)),z=(w*v-k*_)/y,C=(-w*k-v*_)/y,j=(w*v+k*_)/y,$=(-w*k+v*_)/y,O=z-g,W=C-b,D=j-g,M=$-b;return O*O+W*W>D*D+M*M&&(z=j,C=$),{cx:z,cy:C,x01:-c,y01:-p,x11:z*(s/x-1),y11:C*(s/x-1)}}const Hr=class{constructor(i){t(this,i),this.kupManager=r(),this.arcGenerator=function(){var t=Fr,i=Nr,e=yr(0),o=null,s=Kr,n=Ar,a=Vr,l=null,r=function(t){let i=3;return t.digits=function(e){if(!arguments.length)return i;if(null==e)i=null;else{const t=Math.floor(e);if(!(t>=0))throw new RangeError(`invalid digits: ${e}`);i=t}return t},()=>new Lr(i)}(h);function h(){var h,c,p,u=+t.apply(this,arguments),d=+i.apply(this,arguments),f=s.apply(this,arguments)-Dr,m=n.apply(this,arguments)-Dr,g=xr(m-f),b=m>f;if(l||(l=h=r()),d<u&&(c=d,d=u,u=c),d>Or)if(g>Mr-Or)l.moveTo(d*_r(f),d*jr(f)),l.arc(0,0,d,f,m,!b),u>Or&&(l.moveTo(u*_r(m),u*jr(m)),l.arc(0,0,u,m,f,b));else{var k,v,y=f,x=m,w=f,_=m,z=g,C=g,j=a.apply(this,arguments)/2,$=j>Or&&(o?+o.apply(this,arguments):$r(u*u+d*d)),O=Cr(xr(d-u)/2,+e.apply(this,arguments)),W=O,D=O;if($>Or){var M=Sr($/u*jr(j)),S=Sr($/d*jr(j));(z-=2*M)>Or?(w+=M*=b?1:-1,_-=M):(z=0,w=_=(f+m)/2),(C-=2*S)>Or?(y+=S*=b?1:-1,x-=S):(C=0,y=x=(f+m)/2)}var T=d*_r(y),R=d*jr(y),P=u*_r(_),I=u*jr(_);if(O>Or){var E,L=d*_r(x),F=d*jr(x),N=u*_r(w),K=u*jr(w);if(g<Wr)if(E=function(t,i,e,o,s,n,a,l){var r=e-t,h=o-i,c=a-s,p=l-n,u=p*r-c*h;if(!(u*u<Or))return[t+(u=(c*(i-n)-p*(t-s))/u)*r,i+u*h]}(T,R,N,K,L,F,P,I)){var A=T-E[0],V=R-E[1],B=L-E[0],H=F-E[1],Y=1/jr(((p=(A*B+V*H)/($r(A*A+V*V)*$r(B*B+H*H)))>1?0:p<-1?Wr:Math.acos(p))/2),X=$r(E[0]*E[0]+E[1]*E[1]);W=Cr(O,(u-X)/(Y-1)),D=Cr(O,(d-X)/(Y+1))}else W=D=0}C>Or?D>Or?(k=Br(N,K,T,R,d,D,b),v=Br(L,F,P,I,d,D,b),l.moveTo(k.cx+k.x01,k.cy+k.y01),D<O?l.arc(k.cx,k.cy,D,wr(k.y01,k.x01),wr(v.y01,v.x01),!b):(l.arc(k.cx,k.cy,D,wr(k.y01,k.x01),wr(k.y11,k.x11),!b),l.arc(0,0,d,wr(k.cy+k.y11,k.cx+k.x11),wr(v.cy+v.y11,v.cx+v.x11),!b),l.arc(v.cx,v.cy,D,wr(v.y11,v.x11),wr(v.y01,v.x01),!b))):(l.moveTo(T,R),l.arc(0,0,d,y,x,!b)):l.moveTo(T,R),u>Or&&z>Or?W>Or?(k=Br(P,I,L,F,u,-W,b),v=Br(T,R,N,K,u,-W,b),l.lineTo(k.cx+k.x01,k.cy+k.y01),W<O?l.arc(k.cx,k.cy,W,wr(k.y01,k.x01),wr(v.y01,v.x01),!b):(l.arc(k.cx,k.cy,W,wr(k.y01,k.x01),wr(k.y11,k.x11),!b),l.arc(0,0,u,wr(k.cy+k.y11,k.cx+k.x11),wr(v.cy+v.y11,v.cx+v.x11),b),l.arc(v.cx,v.cy,W,wr(v.y11,v.x11),wr(v.y01,v.x01),!b))):l.arc(0,0,u,_,w,b):l.lineTo(P,I)}else l.moveTo(0,0);if(l.closePath(),h)return l=null,h+""||null}return h.centroid=function(){var e=(+t.apply(this,arguments)+ +i.apply(this,arguments))/2,o=(+s.apply(this,arguments)+ +n.apply(this,arguments))/2-Wr/2;return[_r(o)*e,jr(o)*e]},h.innerRadius=function(i){return arguments.length?(t="function"==typeof i?i:yr(+i),h):t},h.outerRadius=function(t){return arguments.length?(i="function"==typeof t?t:yr(+t),h):i},h.cornerRadius=function(t){return arguments.length?(e="function"==typeof t?t:yr(+t),h):e},h.padRadius=function(t){return arguments.length?(o=null==t?null:"function"==typeof t?t:yr(+t),h):o},h.startAngle=function(t){return arguments.length?(s="function"==typeof t?t:yr(+t),h):s},h.endAngle=function(t){return arguments.length?(n="function"==typeof t?t:yr(+t),h):n},h.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:yr(+t),h):a},h.context=function(t){return arguments.length?(l=null==t?null:t,h):l},h}(),this.maxValuePositive=0,this.arcThickness=30,this.colors=[`var(${b.SUCCESS})`,`var(${b.WARNING})`,`var(${b.DANGER})`],this.customStyle="",this.firstThreshold=void 0,this.labelDistance=20,this.maxValue=100,this.measurementUnit="",this.minValue=-100,this.needleCircle=!1,this.onlyValue=!1,this.reverseColors=!1,this.secondThreshold=void 0,this.showLabels=!0,this.showMaxmin=!0,this.showValue=!0,this.size=300,this.value=0,this.valueSize=0,this.widthComponent="100%"}async getProps(t){return p(this,vr,t)}async refresh(){e(this)}async setProps(t){u(this,vr,t)}percToDeg(t){return 360*t}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:return"275%"}}paintNeedle(t,i,e,o,s=0){let n,a,l,r,h,c,p;return h=this.percToRad(s/2),c=e-t*Math.cos(h),p=o-t*Math.sin(h),n=e-i*Math.cos(h-Math.PI/2),a=o-i*Math.sin(h-Math.PI/2),l=e-i*Math.cos(h+Math.PI/2),r=o-i*Math.sin(h+Math.PI/2),"M "+n+" "+a+" L "+c+" "+p+" L "+l+" "+r}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.labelDistance||(this.labelDistance=20),null==this.maxValue&&(this.maxValue=100),null==this.minValue&&(this.minValue=-100)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(isNaN(this.value))return void this.kupManager.debug.logMessage(this,"Invalid value, not rendering!",k.WARNING);this.maxValuePositive=Math.abs(this.minValue-this.maxValue);let t=this.value;this.value>this.maxValue&&(this.value=this.maxValue),this.value<this.minValue&&(this.value=this.minValue);let i=1;switch(this.valueSize){case 3:i=3;break;case 2:i=2.75;break;case 1:i=2.5;break;default:i=2.25}const e=this.size/2,n=this.size/20,a=e-2*this.arcThickness,l=e+n+this.labelDistance*i,r=[];this.onlyValue?r.push(this.value):((this.firstThreshold||0===this.firstThreshold)&&r.push(this.firstThreshold),(this.secondThreshold||0===this.secondThreshold)&&r.push(this.secondThreshold));const h=[this.minValue,...r,this.maxValue],c=[];let p;if(this.onlyValue){let t=this.reverseColors?this.colors.slice().reverse():this.colors;p=[this.value<this.firstThreshold?t[0]:this.value<this.secondThreshold?t[1]:t[2],`rgba(var(${b.TEXT}-rgb), .1)`]}else p=this.reverseColors?this.colors.slice().reverse():this.colors;for(let t=0;t<h.length-1;t++){const i=this.arcGenerator({innerRadius:e-this.arcThickness,outerRadius:e,startAngle:this.calculateValuePercentage(h[t])*Math.PI,endAngle:this.calculateValuePercentage(h[t+1])*Math.PI});c.push(o("path",{d:i,style:{fill:p[t]?p[t]:"#000000"}}))}const u=this.showLabels||this.showMaxmin?h.map((t=>{const i=this.calculateValuePercentage(t);let s="end";i>.5?s="start":.5===i&&(s="middle");const n=this.percToRad(i/2);let l=e-(a+2)*Math.cos(n),r=e-(a+2)*Math.sin(n),h="";return i>0&&i<1?this.showLabels&&!this.onlyValue&&(h=o("text",{class:"gauge__label-text","text-anchor":s,x:l,y:r},this.kupManager.math.numberStringToFormattedString(String(t),-1,""))):this.showMaxmin&&(0===i?(l=this.arcThickness,r=e+this.labelDistance):(l=this.size-this.arcThickness,r=e+this.labelDistance),h=o("text",{class:"gauge__label-text","text-anchor":s,x:l,y:r},this.kupManager.math.numberStringToFormattedString(String(t),-1,""))),h})):[],d={fontSize:this.calculateValueFontSize()};let f;this.showValue&&(f=o("text",{class:"gauge__label-text value","text-anchor":"middle",x:e,y:l,style:d},this.kupManager.math.numberStringToFormattedString(String(t),-1,"")+" "+this.measurementUnit));const m={width:this.widthComponent};return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:Rt,class:"gauge__container"},o("svg",{class:"gauge",style:m,viewBox:`0 0 ${this.size} ${l}`},o("g",{transform:`rotate(-90) translate(-${e}, ${e})`},c),this.needleCircle?o("circle",{class:"gauge__needle-base",cx:e,cy:e,r:n}):null,o("path",{class:"gauge__needle",d:this.paintNeedle(a,n,e,e,this.calculateValuePercentage(this.value))}),u,f)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};function Yr(t){const i=t.indexOf("R"),e=t.indexOf("G"),o=t.indexOf("B");if(i<0||e<0||o<0)return;const s=t.substring(i+1,i+4),n=t.substring(e+1,e+4),a=t.substring(o+1,o+4);try{return new Gr(parseInt(s),parseInt(n),parseInt(a))}catch(t){console.error(t)}return null}Hr.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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)}";class Xr{constructor(){this.width=100,this.height=100,this.color=null,this.shape="bar"}init(t){t.forEach((t=>{t.toUpperCase().startsWith("HEIGHT;")?this.initHeight(t):t.toUpperCase().startsWith("SHAPE;")?this.initShape(t):t.toUpperCase().startsWith("BCOLOR;")||this.initColor(t)}))}initColor(t){if(t.length>11&&this.isValidColor(t)){this.color=Yr(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 null===this.color}initHeight(t){if(t){const i=t.substring(7).replace(",",".");try{this.height=parseFloat(i),Number.isNaN(this.height)&&(this.height=100)}catch(t){console.error(t),this.height=100}}}initShape(t){const i=(t=t.substring(6)).indexOf(";");let e=t;if(i>-1){e=t.substring(0,i);try{this.width=parseFloat(t.substring(i+1).replace(",","."))}catch(t){console.error(t)}}switch(e.toLocaleLowerCase()){case"circle":this.shape="circle";break;case"tril":this.shape="tril";break;case"trir":this.shape="trir"}}isValidColor(t){if(!t)return!1;const i=[];let e=!1,o=null,s=(t=t.trim()).indexOf("R");if(s>-1&&(o=t.substring(s+1,s+4),i[0]=parseInt(o),isNaN(i[0])&&(e=!0)),s=t.indexOf("G"),s>-1&&(o=t.substring(s+1,s+4),i[1]=parseInt(o),isNaN(i[1])&&(e=!0)),s=t.indexOf("B"),s>-1&&(o=t.substring(s+1,s+4),i[2]=parseInt(o),isNaN(i[2])&&(e=!0)),e){const s=t.indexOf("R"),n=t.indexOf("G"),a=t.indexOf("B");if(o=t.substring(s+1,n),i[0]=parseInt(o),isNaN(i[0])&&(e=!0),o=t.substring(n+1,a),i[1]=parseInt(o),isNaN(i[1])&&(e=!0),o=t.substring(a+1),i[2]=parseInt(o),isNaN(i[2])&&(e=!0),e)return!1}return!(i[0]<0||i[0]>255||i[1]<0||i[1]>255||i[2]<0||i[2]>255)}getHeight(){return this.height}getWidth(){return this.width}getShape(){return this.shape}getColor(){return this.color}}class Gr{constructor(t,i,e){this.r=t,this.g=i,this.b=e}toString(){return`rgb(${this.r},${this.g},${this.b})`}}class Ur{constructor(){this.graphic_element_marker_splitter="\\\\",this.graphic_element_splitter="\\\\AND\\\\",this.background_color="BCOLOR;R255G000B000",this.default_color=new Gr(0,0,0)}async drawCanvas(t,i){return this.value=t,this.canvas=i,this.draw(),t}draw(){this.value&&this.canvas.getContext&&(this.ctx=this.canvas.getContext("2d"),this.drawGraphicCell())}drawGraphicCell(){this.value.split(this.graphic_element_splitter).forEach(((t,i)=>{let e="SHAPE;BAR",o=this.background_color,s="HEIGHT;100";const n=t.split(this.graphic_element_marker_splitter),a=[],l=[];n.forEach((t=>{this.isShapeMarker(t)?e=t:this.isBgColorMarker(t)?o=t:this.isHeightMarker(t)?s=t:this.isDecoratorMarker(t)?l.push(t):a.push(t)}));const r=a.map((t=>{const i=new Xr;return i.init([e,o,s,t]),i}));if(0===i&&o!==this.background_color){const t=Yr(o.substring(7));this.drawRect(0,0,this.canvas.clientWidth,this.canvas.clientHeight,t)}let h=0;r.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)}})),l.forEach((t=>{t.startsWith("SEP")||t.startsWith("DIV")?this.drawSeparator(t):t.startsWith("ARW")?this.drawArrow(t):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,i){return Math.floor(t/100*i)}getNewStarXFromBar(t,i){if(Number.isNaN(i.getWidth()))return t;const e=this.getDim(this.canvas.clientWidth,i.getWidth()),o=this.getDim(this.canvas.clientHeight,i.getHeight()),s=this.canvas.clientHeight-o;return i.isTrasparent()||this.drawRect(t,s,e-t,o,i.getColor()),e}getNewStarXFromCircle(t,i){const e=this.getDim(this.canvas.clientWidth,i.getWidth()),o=(t+e)/2;return i.isTrasparent()||this.drawArc(o,this.canvas.clientHeight/2,i.getColor()),e}getNewStarXFromTril(t,i){const e=this.getDim(this.canvas.clientWidth,i.getWidth());return i.isTrasparent()||this.drawTri(e,0,t,this.canvas.clientHeight/2,i.getColor()),e}getNewStarXFromTrir(t,i){const e=this.getDim(this.canvas.clientWidth,i.getWidth());return i.isTrasparent()||this.drawTri(t,0,e,this.canvas.clientHeight/2,i.getColor()),e}drawArc(t,i,e){e&&(this.ctx.fillStyle=e.toString()),this.ctx.beginPath(),this.ctx.arc(t,i,i,0,2*Math.PI,!0),this.ctx.fill()}drawRect(t,i,e,o,s){s&&(this.ctx.fillStyle=s.toString()),this.ctx.fillRect(t,i,e,o)}drawTri(t,i,e,o,s){s&&(this.ctx.fillStyle=s.toString()),this.ctx.beginPath(),this.ctx.moveTo(t,i),this.ctx.lineTo(e,o),this.ctx.lineTo(t,this.canvas.clientHeight),this.ctx.fill()}drawArrow(t){let i=t.substring(4);i.indexOf(",")>-1&&(i=i.replace(",",".")),this.ctx.fillStyle=this.default_color.toString();const e=this.getDim(this.canvas.clientWidth,parseFloat(i)),o=this.canvas.clientHeight,s=Math.floor(o/3),n=s/2;this.ctx.beginPath(),this.ctx.moveTo(e,0),this.ctx.lineTo(e-s,o/2),this.ctx.lineTo(e-n,o/2),this.ctx.lineTo(e-n,o),this.ctx.lineTo(e+n,o),this.ctx.lineTo(e+n,o/2),this.ctx.lineTo(e+s,o/2),this.ctx.fill()}drawGrid(t){let i=t.substring(5);i.indexOf(",")>-1&&(i=i.replace(",","."));const e=parseInt(i),o=this.canvas.clientWidth/e,s=this.canvas.clientHeight/5,n=this.canvas.clientHeight-s;for(let t=o;t<this.canvas.clientWidth;t+=o)this.drawRect(t,n,1,s,this.default_color)}drawSeparator(t){const i=t.substring(4).split(";");let e="R000G000B000",o=2,s=i[0];i.length>1&&(e=i[1]),i.length>2&&(o=parseInt(i[2])),s.indexOf(",")>-1&&(s=s.replace(",","."));const n=this.getDim(this.canvas.clientWidth,parseFloat(s));this.drawRect(n,0,o,this.canvas.clientHeight,Yr(e))}}var qr;!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"}(qr||(qr={}));const Jr=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-image-click",6),this.kupLoad=i(this,"kup-image-load",6),this.isUrl=!1,this.kupManager=r(),this.card=null,this.dialog=null,this.image=null,this.badgeData=null,this.color=`var(${b.ICON})`,this.customStyle="",this.data=null,this.feedback=!1,this.isCanvas=!1,this.placeholderResource="",this.resource=null,this.sizeX="100%",this.sizeY="100%",this.zoomEnable=!1}onKupClick(t){this.kupClick.emit({comp:this,id:this.rootElement.id,el:t.target}),this.zoomEnable&&this.createDialog()}onKupLoad(t){this.kupLoad.emit({comp:this,id:this.rootElement.id,el:t.target})}async getProps(t){return p(this,qr,t)}async refresh(){e(this)}async setProps(t){u(this,qr,t)}renderCanvas(){return o("div",{id:"kup-component",onClick:t=>this.onKupClick(t),class:"is-canvas"},o("canvas",{ref:t=>this.canvas=t},this.resource))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.isUrl=!1,this.resource&&(this.resource.indexOf(".")>-1||this.resource.indexOf("/")>-1||this.resource.indexOf("\\")>-1)&&(this.isUrl=!0)}componentDidRender(){this.isCanvas&&!this.imageCanvas&&(this.imageCanvas=new Ur),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,!0)}createDialog(){this.card=document.createElement("kup-card"),this.card.layoutFamily=S.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=!1,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(){this.image&&(this.image.remove(),this.image=null,this.card.remove(),this.card=null,this.dialog.remove(),this.dialog=null)}render(){let t,i,e;const n={badgeData:this.badgeData,color:this.color,data:this.data,fit:!!this.rootElement.classList.contains("kup-fit"),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:n.sizeY,minHeight:n.sizeY,width:n.sizeX,minWidth:n.sizeX};if(this.feedback&&this.isUrl&&(e=14,i=o("div",{id:"feedback",title:"Image not loaded yet..."},o("kup-spinner",{dimensions:"3px",active:!0,layout:14}))),this.isCanvas)t=this.renderCanvas();else{if(!n.resource&&!n.data)return void this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",k.WARNING);t=o(Pt,Object.assign({},n))}return o(s,{style:a},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i,o("div",{id:Rt},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/svg"]}get rootElement(){return n(this)}};Jr.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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%}";var Zr,Qr,th,ih,eh,oh,sh,nh,ah,lh,rh,hh,ch,ph,uh,dh,fh,mh,gh,bh,kh=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},vh=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const yh=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-list-blur",6),this.kupFocus=i(this,"kup-list-focus",6),this.kupClick=i(this,"kup-list-click",6),Zr.add(this),Qr.set(this,r()),th.set(this,void 0),ih.set(this,[]),eh.set(this,[]),oh.set(this,void 0),sh.set(this,void 0),gh.set(this,(t=>{if(this.keyboardNavigation&&kh(this,eh,"f"))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(),kh(this,Zr,"m",nh).call(this,this.focused)}})),this.focused=null,this.selected=[],this.customStyle="",this.data=[],this.displayMode=h.DESCRIPTION,this.showFilter=!1,this.filter="",this.hideText=!1,this.isMenu=!1,this.keyboardNavigation=!0,this.menuVisible=!1,this.roleType=wt.LISTBOX,this.selectable=!0,this.showIcons=!1,this.twoLine=!1}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}onKupClick(t){kh(this,Zr,"m",nh).call(this,t)}async setFocusOnFirstEl(){this.focused=0}async focusNext(){if(kh(this,eh,"f").length>0){if(isNaN(this.focused)||null==this.focused)if(1===this.selected.length){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++;this.focused>kh(this,eh,"f").length-1&&(this.focused=0),!kh(this,sh,"f")&&kh(this,eh,"f")[kh(this,oh,"f")]?(vh(this,sh,!0,"f"),this.focused=kh(this,oh,"f"),kh(this,eh,"f")[kh(this,oh,"f")].focus()):kh(this,eh,"f")[this.focused]&&kh(this,eh,"f")[this.focused].focus()}}async focusPrevious(){if(kh(this,eh,"f").length>0){if(isNaN(this.focused)||null==this.focused)if(1===this.selected.length){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--;this.focused<0&&(this.focused=kh(this,eh,"f").length-1),!kh(this,sh,"f")&&kh(this,eh,"f")[kh(this,oh,"f")]?(vh(this,sh,!0,"f"),this.focused=kh(this,oh,"f"),kh(this,eh,"f")[kh(this,oh,"f")].focus()):kh(this,eh,"f")[this.focused]&&kh(this,eh,"f")[this.focused].focus()}}async getProps(t){return p(this,_t,t)}async getSelectedNode(){const t=[];return this.data.forEach((i=>{this.selected.includes(i.id)&&t.push(i)})),t}async refresh(){e(this)}async select(t){void 0===t&&(t=this.focused),kh(this,Zr,"m",nh).call(this,t)}async setProps(t){u(this,_t,t)}async setFocus(){if(!kh(this,th,"f"))return;let t=0;const i=()=>{t>=100||(t++,kh(this,th,"f").focus(),document.activeElement!==this.rootElement&&kh(this,Zr,"m",bh).call(this)&&requestAnimationFrame(i))};i()}async setBlur(){var t;null===(t=kh(this,th,"f"))||void 0===t||t.blur()}onFilterValueChange(t){var i,e;null!=t&&t.target&&(this.filter=null!==(e=null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.value)&&void 0!==e?e:"")}componentWillLoad(){kh(this,Qr,"f").debug.logLoad(this,!1),kh(this,Qr,"f").theme.register(this);for(let t=0;t<this.data.length;t++){const i=this.data[t];i.selected&&this.selected.push(i.id)}}componentDidLoad(){kh(this,Qr,"f").debug.logLoad(this,!0)}componentWillRender(){kh(this,Qr,"f").debug.logRender(this,!1)}componentDidRender(){var t;if(!this.isMenu||!this.menuVisible||document.activeElement&&"BODY"!==document.activeElement.tagName||setTimeout((()=>{this.rootElement.focus()}),0),this.showFilter){const t=this.rootElement.shadowRoot.querySelector(".f-text-field");if(t){const i=t.querySelector(".mdc-text-field__input");vh(this,th,i,"f")}}vh(this,oh,null!==(t=this.data.findIndex((t=>!0===t.selected)))&&void 0!==t?t:0,"f"),kh(this,Qr,"f").debug.logRender(this,!0)}render(){vh(this,eh,[],"f");let t,i="list";this.isMenu&&(t="kup-menu",this.menuVisible&&(t+=" visible")),kh(this,Zr,"m",dh).call(this),1!=this.selectable&&(i+=" list--non-interactive"),this.twoLine&&(i+=" list--two-line"),this.hideText&&(i+=" text-hidden"),this.data&&0!==this.data.length||(i+=" list--empty");let e=this.roleType,n="false";kh(this,Zr,"m",hh).call(this)&&(n="true"),vh(this,ih,[],"f");let a=0;return o(s,{key:"d0793cb58c9b793df3259c297673470028d39a40"},o("style",{key:"1abd323a6dde41928bde88b8eb78836905a4079b"},kh(this,Qr,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"d9eb12de67f3373107b0d9028255fdfc07c58351",id:"kup-component",class:t,onKeyDown:kh(this,gh,"f")},this.showFilter?o("div",{class:"filter"},kh(this,Zr,"m",mh).call(this)):null,o("div",{key:"a3c842b8e02b88fca13c4f30b37d255fb0a7d737",class:"scroll-list"},o("ul",{key:"2a4f63316fd97c46f0107f390f451042d086169b",class:i,role:e,"aria-multiselectable":n},this.data.filter((t=>kh(this,Zr,"m",fh).call(this,t))).map((t=>kh(this,Zr,"m",lh).call(this,t,a++)))))))}disconnectedCallback(){kh(this,Qr,"f").theme.unregister(this)}get rootElement(){return n(this)}};var xh;Qr=new WeakMap,th=new WeakMap,ih=new WeakMap,eh=new WeakMap,oh=new WeakMap,sh=new WeakMap,gh=new WeakMap,Zr=new WeakSet,nh=function(t){if(null!=t&&!isNaN(t)){const i=this.rootElement.shadowRoot.querySelectorAll(".list-item"),e=i.length>t?i[t].dataset.id:null,o=this.data.find((t=>t.id===e));this.roleType===wt.GROUP?(this.selected.includes(e)?this.selected.splice(this.selected.indexOf(e),1):this.selected.push(e),this.selected=new Array(...this.selected)):this.selected=new Array(e);for(let t=0;t<this.data.length;t++){const i=this.data[t];i.selected=this.selected.includes(i.id)}vh(this,sh,!1,"f"),vh(this,oh,this.focused,"f"),null!==e&&this.kupClick.emit({comp:this,id:this.rootElement.id,selected:o,index:t})}},ah=function(){return this.rootElement.hasAttribute("nested-list")},lh=function(t,i){1!=t.selected&&(t.selected=!1),t.id||""!=t.id&&(t.id=t.value);let e,s=null;t.children&&t.children.length>0&&(this.rootElement.setAttribute("nested-list",""),s=o("kup-list",{class:"kup-paddingless",data:t.children,isMenu:!0,menuVisible:!0,"nested-list":!0})),1==this.showIcons&&null!=t.icon&&""!=t.icon.trim()&&(e=kh(this,Zr,"m",rh).call(this,t.icon,t.placeholderIcon));let n=[Ot(t,""==t.id?h.DESCRIPTION:this.displayMode," - ")],a=[];this.twoLine&&t.secondaryText&&""!=t.secondaryText&&(n=[o("span",{class:"list-item__primary-text"},t.value)],a=[o("span",{class:"list-item__secondary-text"},t.secondaryText)]);let l="list-item",r=1==t.selected?"0":"-1";!kh(this,Zr,"m",ah).call(this)&&1==t.selected&&kh(this,Zr,"m",uh).call(this)&&(l+=" list-item--selected"),this.focused===i&&(l+=" list-item--focused");let c="option",p=null,u=1==t.selected?"true":"false";1!=this.selectable&&(u=null);let d=[e,o("span",{class:"list-item__text"},n,a)];if(kh(this,Zr,"m",ph).call(this)){c="radio",p=1==t.selected?"true":"false";let s=[{value:t.id,label:"",checked:1==t.selected}];d=[o("span",{class:"list-item__graphic"},o("input",{type:"radio",style:{display:"none"}}),o("kup-radio",{data:s,id:this.rootElement.id+"_"+i,ref:t=>kh(this,ih,"f")[i]=t})),e,o("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},n,a)]}else if(kh(this,Zr,"m",ch).call(this)){c="checkbox",p=1==t.selected?"true":"false";let s=1==t.selected;d=[o("span",{class:"list-item__graphic"},o("input",{type:"checkbox",style:{display:"none"}}),o(Gt,{checked:s})),e,o("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},n,a)]}const f=[];return t.separator&&f.push(o("li",{role:"separator",class:"list-divider"})),f.push(o("li",{ref:t=>{kh(this,eh,"f").push(t)},class:l,role:c,tabindex:r,"data-id":t.id,"aria-selected":u,"aria-checked":p,onBlur:this.selectable?()=>this.onKupBlur():t=>t.stopPropagation(),onFocus:this.selectable?()=>this.onKupFocus():t=>t.stopPropagation(),onClick:this.selectable?kh(this,Zr,"m",ah).call(this)?t=>{t.stopPropagation(),this.onKupClick(i)}:()=>this.onKupClick(i):t=>t.stopPropagation()},d,s?[o(Pt,{resource:"chevron-right",sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"list-item__expand-icon"}),s]:null)),f},rh=function(t,i){const e=this.rootElement.classList.contains("kup-large");return o(Pt,Object.assign({},{color:"var(--kup-list-fimage-color, var(--kup-text-secondary))",sizeX:e?"24px":"16px",sizeY:e?"24px":"16px"},{resource:t,placeholderResource:i,wrapperClass:"icon-button__icon kup-icon"}))},hh=function(){return kh(this,Zr,"m",ch).call(this)},ch=function(){return this.roleType==wt.GROUP},ph=function(){return this.roleType==wt.RADIOGROUP},uh=function(){return this.roleType==wt.LISTBOX},dh=function(){kh(this,Zr,"m",ch).call(this)||kh(this,Zr,"m",ph).call(this)||(this.roleType=wt.LISTBOX)},fh=function(t){var i,e;return!this.filter||(null===(i=t.id)||void 0===i?void 0:i.toLowerCase().indexOf(this.filter.toLowerCase()))>=0||(null===(e=t.value)||void 0===e?void 0:e.toLowerCase().indexOf(this.filter.toLowerCase()))>=0},mh=function(){return o("div",{id:"global-filter",class:"filter"},o(jt,{fullWidth:!0,label:kh(this,Qr,"f").language.translate(M.SEARCH),icon:m.SEARCH,value:this.filter,onInput:t=>{this.onFilterValueChange(t)}}))},bh=function(){return 1==this.menuVisible},yh.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}.scroll-list{overflow-y:auto;max-height:var(--kup_list_max_height_as_menu)}.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);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)}',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."}(xh||(xh={}));const wh=t=>{t.centeredLabel||0==!t.centeredLabel||(t.centeredLabel=!0);let i,e=`f-progress-bar ${t.danger?"kup-danger":""} ${t.animated?"kup-animated":""} ${t.padded?"kup-padded":""} ${t.info?"kup-info":""} ${t.slim?"kup-slim":""} ${t.striped?"kup-striped":""}   ${t.secondary?"kup-secondary":""} ${t.slim?"kup-slim":""} ${t.success?"kup-success":""} ${t.warning?"kup-warning":""} ${t.wrapperClass?t.wrapperClass:""}`,s="pie";e+=t.isRadial?" pie-wrapper is-radial":" progress-bar";const n={width:`${t.value}%`};t.centeredLabel?t.value>49&&(e+=" text-color-on-primary"):(i=n,t.value>2&&(e+=" text-color-on-primary"));let a=null;return t.icon?a=function(t){if(t.icon){if(t.icon.indexOf(".")>-1||t.icon.indexOf("/")>-1||t.icon.indexOf("\\")>-1)return o("span",{class:"label kup-icon is-image"},o("img",{src:t.icon}));{let i=`url('${l(`./assets/svg/${t.icon}.svg`)}') no-repeat center`;return o("span",{style:{mask:i,webkitMask:i},class:"label kup-icon"})}}}(t):t.hideLabel||(a=t.isRadial?t.label?o("span",{class:"label"},t.label):o("span",{class:"label"},t.value,o("span",{class:"smaller"},"%")):t.label?t.label:t.value+"%"),t.value>0&&(s+=" has-value",s+=t.value>50?" is-more-than-half":" is-less-than-half"),t.isRadial?o("div",{class:e},a,o("div",{class:s},o("div",{style:undefined,class:"left-side half-circle"}),o("div",{class:"right-side half-circle"})),o("div",{class:"shadow"})):o("div",{class:e},o("div",{class:"progress-bar-percentage",style:n},o("span",{style:i},a)))},_h=class{constructor(i){t(this,i),this.kupManager=r(),this.centeredLabel=!0,this.customStyle="",this.hideLabel=!1,this.icon=null,this.label=null,this.isRadial=!1,this.value=0}async getProps(t){return p(this,xh,t)}async refresh(){e(this)}async setProps(t){u(this,xh,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&this.isRadial){let i=3.6*this.value+"deg";t.querySelector(".left-side").setAttribute("style","transform: rotate("+i+")")}this.kupManager.debug.logRender(this,!0)}render(){const t={animated:!!this.rootElement.classList.contains("kup-animated"),danger:!!this.rootElement.classList.contains("kup-danger"),centeredLabel:this.centeredLabel,hideLabel:this.hideLabel,icon:this.icon,info:!!this.rootElement.classList.contains("kup-info"),isRadial:this.isRadial,label:this.label,padded:!!this.rootElement.classList.contains("kup-padded"),secondary:!!this.rootElement.classList.contains("kup-secondary"),slim:!!this.rootElement.classList.contains("kup-slim"),striped:!!this.rootElement.classList.contains("kup-striped"),success:!!this.rootElement.classList.contains("kup-success"),value:this.value,warning:!!this.rootElement.classList.contains("kup-warning")};return o(s,{key:"e67a7bd17e8f831ccb6e964053d3e9bcc4f3cf74"},o("style",{key:"5568051629371fd5f95b9b51441879380e5a9d67"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"65cffea374b2d2598a2e8debb8be1b4c5e6a0c41",id:Rt},o(wh,Object.assign({key:"22522650b68cc7ec26d99f06c4d1f3af417ba9f0"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var zh;_h.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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%)}",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."}(zh||(zh={}));const Ch=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-radio-blur",6),this.kupChange=i(this,"kup-radio-change",6),this.kupFocus=i(this,"kup-radio-focus",6),this.kupManager=r(),this.value="",this.columns=null,this.customStyle="",this.data=null,this.disabled=!1,this.horizontal=!1,this.label="",this.leadingLabel=!1}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupChange(t){this.value=this.data[t].value;for(let i=0;i<this.data.length;i++){this.data[i].checked=i===t}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 p(this,zh,t)}async refresh(){e(this)}async setProps(t){u(this,zh,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(!this.data||0===this.data.length)return;const t={columns:this.columns,danger:!!this.rootElement.classList.contains("kup-danger"),data:this.data,disabled:this.disabled,info:!!this.rootElement.classList.contains("kup-info"),horizontal:!!this.rootElement.classList.contains("kup-horizontal"),leadingLabel:this.leadingLabel,secondary:!!this.rootElement.classList.contains("kup-secondary"),success:!!this.rootElement.classList.contains("kup-success"),warning:!!this.rootElement.classList.contains("kup-warning"),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onFocus:()=>this.onKupFocus()};return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:Rt,class:"kup-radio-wrapper"},o(Nt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var jh;Ch.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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)}",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"}(jh||(jh={}));const $h=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-rating-click",6),this.kupManager=r(),this.customStyle="",this.disabled=!1,this.maxValue=5,this.value=0}onKupClick(t){this.disabled||(this.value=t,this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.refresh())}async getProps(t){return p(this,jh,t)}async refresh(){e(this)}async setProps(t){u(this,jh,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t={danger:!!this.rootElement.classList.contains("kup-danger"),disabled:this.disabled,info:!!this.rootElement.classList.contains("kup-info"),maxValue:this.maxValue,secondary:!!this.rootElement.classList.contains("kup-secondary"),success:!!this.rootElement.classList.contains("kup-success"),value:this.value,warning:!!this.rootElement.classList.contains("kup-warning"),onClick:t=>this.onKupClick(t)};return o(s,{key:"879a6ae98190a2e1084def50d40d01ed821c9660"},o("style",{key:"0fa9425c1dbce6d801647b70a32394063ccce065"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"36bb228b8c86388fc981ebd556df4cad4e89d7bb",id:Rt},o(Kt,Object.assign({key:"2177af857eaca72423e6d4d3a4babba73691de51"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var Oh;$h.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}",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."}(Oh||(Oh={}));const Wh=class{constructor(e){t(this,e),this.kupSpinnerReady=i(this,"kup-spinner-ready",6),this.kupManager=r(),this.active=!1,this.barVariant=!1,this.customStyle="",this.dimensions=null,this.fader=!1,this.faderTimeout=3500,this.fullScreen=!1,this.layout=1}async getProps(t){return p(this,Oh,t)}async refresh(){e(this)}async setProps(t){u(this,Oh,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupSpinnerReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentDidUpdate(){const t=this.rootElement.shadowRoot;t&&t.querySelector("#loading-wrapper-master").classList.remove("loading-wrapper-big-wait")}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;t&&this.fader&&setTimeout((function(){t.querySelector("#loading-wrapper-master").classList.add("loading-wrapper-big-wait")}),this.faderTimeout),this.kupManager.debug.logRender(this,!0)}render(){let t,i="",e="",n="",a="";return this.barVariant?(i+=" bar-version",e="loading-wrapper-master-bar",n="spinner-bar-v"+this.layout):(i+=" spinner-version",e="loading-wrapper-master-spinner",n="spinner-v"+this.layout,7===this.layout&&(a=[o("div",{key:"d9e8be5e8b34f7f4a8a0434703bee6e157be1b63",class:"sk-spinner-v7-dot"}),o("div",{key:"b1bdcad24453ff4f730b7c58af9f3f1f495a6eff",class:"sk-spinner-v7-dot"}),o("div",{key:"da867e6a2d4a56b0bf5bddc134ed1027136ba064",class:"sk-spinner-v7-dot"}),o("div",{key:"82b30c602d8d4febbaf061c033ddc7e22642affc",class:"sk-spinner-v7-dot"}),o("div",{key:"ffcdea64b3b4f0063444413c43349c35448ccfa2",class:"sk-spinner-v7-dot"}),o("div",{key:"3bf58b200418d7b3614a8e4ad9f10ca2f795aede",class:"sk-spinner-v7-dot"})]),9===this.layout&&(a=[o("div",{key:"7eb08ef8b31172fe3ba643aaa449ab5419e269ed",class:"sk-spinner-v9-bounce1"}),o("div",{key:"d2b116c1526eb2a94dcbfa929e871809d3d3748f",class:"sk-spinner-v9-bounce2"})]),10===this.layout&&(a=[o("div",{key:"620f68c389d59a6a6cd4e1c6c29a6c2e9e7c55d8",class:"sk-spinner-v10-cube1"}),o("div",{key:"43da427d8379ee798eca33aa989fc53ca9edf6db",class:"sk-spinner-v10-cube2"})]),12===this.layout&&(a=[o("div",{key:"29628c208192c8e5a99f3aa1ca56770ec1271a51",class:"sk-spinner-v12-dot1"}),o("div",{key:"9bbab46f67ad2aad4779b0a403c32ca0a2972edf",class:"sk-spinner-v12-dot2"})]),13===this.layout&&(a=[o("div",{key:"7efa860923505f7285b5dbb58180b1a376aab300",class:"sk-spinner-v13-cube sk-spinner-v13-cube1"}),o("div",{key:"40550163fc379434f79e747fbd1bdfe53bc40fab",class:"sk-spinner-v13-cube sk-spinner-v13-cube2"}),o("div",{key:"fddd2cf238b07e29c4a0cf61bc317434f6a11381",class:"sk-spinner-v13-cube sk-spinner-v13-cube3"}),o("div",{key:"198d810b5dde8b84c0a70b92fc5d1119fa1e9252",class:"sk-spinner-v13-cube sk-spinner-v13-cube4"}),o("div",{key:"bf20ad081cb99c617bf341ab84562f7ff110c8eb",class:"sk-spinner-v13-cube sk-spinner-v13-cube5"}),o("div",{key:"947e8bd99e74f891424083c166741437a0523049",class:"sk-spinner-v13-cube sk-spinner-v13-cube6"}),o("div",{key:"9dfa58ef83f77871115c61956832b2c77e6f2b58",class:"sk-spinner-v13-cube sk-spinner-v13-cube7"}),o("div",{key:"a0479158ef8e2cb8116ab5e04f62369f9234cb8c",class:"sk-spinner-v13-cube sk-spinner-v13-cube8"}),o("div",{key:"6d17905bd8f29755faa1f06b906f6038df60de39",class:"sk-spinner-v13-cube sk-spinner-v13-cube9"})]),14===this.layout&&(a=[o("div",{key:"c7c54b017299889f97ffac724cc854df2f785d8d",class:"sk-spinner-v14-circle1 sk-spinner-v14-circle"}),o("div",{key:"6e0c491f023fa53aff13de97c536db976f8ad807",class:"sk-spinner-v14-circle2 sk-spinner-v14-circle"}),o("div",{key:"3eb9618dded82002c896955322102ab1c5edbed0",class:"sk-spinner-v14-circle3 sk-spinner-v14-circle"}),o("div",{key:"ca5f55fc315d180e9df0d8a6bf7c0df52f9bc4fd",class:"sk-spinner-v14-circle4 sk-spinner-v14-circle"}),o("div",{key:"f653627358a0d717dd109a44e9c2be5e0b42be16",class:"sk-spinner-v14-circle5 sk-spinner-v14-circle"}),o("div",{key:"bbbca5db1d1885a88dd372619e45c9e213068408",class:"sk-spinner-v14-circle6 sk-spinner-v14-circle"}),o("div",{key:"a685096d2c0c3bd0638b4efe18f267564afcc167",class:"sk-spinner-v14-circle7 sk-spinner-v14-circle"}),o("div",{key:"34d89964e41b9520d018f98f32ce6888864f2117",class:"sk-spinner-v14-circle8 sk-spinner-v14-circle"}),o("div",{key:"34e25080ba83cb4e382e45b8d74dd8805bc00bf9",class:"sk-spinner-v14-circle9 sk-spinner-v14-circle"}),o("div",{key:"e2e454f8caa409d13743b4d526f9997a38b98bb7",class:"sk-spinner-v14-circle10 sk-spinner-v14-circle"}),o("div",{key:"31b2eabb2b348b0a8c3e6bb46e130a22c73371b4",class:"sk-spinner-v14-circle11 sk-spinner-v14-circle"}),o("div",{key:"6e05dfc6d58ec29ededbd3ffdbdddc3984c6345c",class:"sk-spinner-v14-circle12 sk-spinner-v14-circle"})])),this.fullScreen||(t={height:"100%",width:"100%"}),t=Object.assign(Object.assign({},t),this.dimensions?{fontSize:this.dimensions}:this.barVariant?{fontSize:"3px"}:{fontSize:"16px"}),o(s,{key:"3c4ecb099a610627191bdb34a40c1b44d4a769b6",style:t},o("style",{key:"c89628f8825d7cbc22b64cdeb1707baaae8d1d38"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"3fd5ecca92397a1cc5b0c2dbc3843fe1403c1f42",id:Rt,style:t},o("div",{key:"f6dc141c459cc87da063c4f03c0609b1c295988b",id:"loading-wrapper-master",class:i,style:t},o("div",{key:"acb6bd40542676fb484e7ceb0e15fd6164401fc9",id:e,style:t},o("div",{key:"3ae4b174167a0a8a07127d5e85d95438434c091a",class:n},a)))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets"]}get rootElement(){return n(this)}};var Dh;Wh.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}',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."}(Dh||(Dh={}));const Mh=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-switch-blur",6),this.kupChange=i(this,"kup-switch-change",6),this.kupFocus=i(this,"kup-switch-focus",6),this.kupManager=r(),this.value="",this.checked=!1,this.customStyle="",this.disabled=!1,this.label=null,this.leadingLabel=!1,this.sizing=At.MEDIUM}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(){this.checked?(this.checked=!1,this.value="off"):(this.checked=!0,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 p(this,Dh,t)}async refresh(){e(this)}async setProps(t){u(this,Dh,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.value=this.checked?"on":"off"}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t={checked:this.checked,danger:!!this.rootElement.classList.contains("kup-danger"),disabled:this.disabled,info:!!this.rootElement.classList.contains("kup-info"),label:this.label,leadingLabel:this.leadingLabel,secondary:!!this.rootElement.classList.contains("kup-secondary"),sizing:this.sizing,success:!!this.rootElement.classList.contains("kup-success"),warning:!!this.rootElement.classList.contains("kup-warning"),onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return o(s,{key:"2a170b39ec9bd03dd5c389f9eed702212ccc2825"},o("style",{key:"6939e9e63441086335c0ce728bd3327e1c913411"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"5a814af6cdce48541f7010282e89c0b7d2390cbb",id:Rt},o(Vt,Object.assign({key:"ef96c77675c6b65723061bf525f0f7e321e64b01"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var Sh,Th;Mh.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}",function(t){t.customStyle="Custom style of the component.",t.data="List of elements.",t.dense="When true, the component will be more compact.",t.infoIcon="Icon to be shown in the info button",t.ripple="When enabled displays Material's ripple effect on item headers.",t.toolbar="when true, it will show the toolbar activation icon",t.variant="Variant of the component. It is either flat or contained",t.toolbarCallback="Callback to be called when the toolbar icon is clicked",t.infoCallback="Callback to be called when the info icon is clicked"}(Sh||(Sh={})),function(t){t.FLAT="flat",t.CONTAINED="contained"}(Th||(Th={}));var Rh,Ph,Ih=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e},Eh=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const Lh=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-tabbar-blur",6),this.kupClick=i(this,"kup-tabbar-click",6),this.kupIconClick=i(this,"kup-tabbar-iconclick",6),this.kupFocus=i(this,"kup-tabbar-focus",6),this.kupToolbarItemClick=i(this,"kup-tabbar-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=r(),Rh.set(this,null),this.scrollArea=null,Ph.set(this,null),this.value="",this.customStyle="",this.data=null,this.infoIcon=!1,this.variant=Th.FLAT,this.dense=!1,this.ripple=!1,this.toolbar=!1,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(t,i){this.kupBlur.emit({comp:this,id:this.rootElement.id,index:t,node:i})}onKupClick(t,i){for(let t=0;t<this.data.length;t++)this.data[t].active=!1;this.data[t].active=!0,this.value=i.id,this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,node:i})}onKupIconClick(t){t?(Ih(this,Ph,t,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(t){t?(Ih(this,Ph,t,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(t,i){this.kupFocus.emit({comp:this,id:this.rootElement.id,index:t,node:i})}onKupToolbarItemClick(t){this.kupToolbarItemClick.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 i=t.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let t=0;t<i.length;t++)Xt.attachTo(i[t])}}async getProps(t){return p(this,Sh,t)}async getSelectedNode(){let t=null;return this.data.forEach((i=>{i.id===this.value&&(t=i)})),t}async refresh(){e(this)}async setProps(t){u(this,Sh,t)}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(Eh(this,Rh,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!Eh(this,Ph,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const t=document.createElement("kup-toolbar");t.data=this.toolbarState,t.addEventListener("kup-toolbar-click",(t=>{this.onKupToolbarItemClick(t),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=t,Ih(this,Rh,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(Eh(this,Rh,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{Eh(this,Ph,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,Eh(this,Ph,"f"),0,g.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!Eh(this,Ph,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const t=document.createElement("kup-list");t.data=this.infoState,this.infoList=t,Ih(this,Rh,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(Eh(this,Rh,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,Eh(this,Ph,"f"),0,g.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(Eh(this,Rh,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}consistencyCheck(){let t=0,i=0;if(this.data&&this.data.length>0){for(let e=0;e<this.data.length;e++)this.data[e].active&&(t++,i=e),this.data[e].active=!1;t>1?(this.data[i].active=!0,this.value=this.data[i].id,this.kupManager.debug.logMessage(this,"Too many active tabs, forcing last one.",k.WARNING)):0===t?(this.data[0].active=!0,this.value=this.data[0].id,this.kupManager.debug.logMessage(this,"No active tabs detected, forcing first one.")):(this.data[i].active=!0,this.value=this.data[i].id)}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.consistencyCheck()}componentDidLoad(){this.kupManager.scrollOnHover.register(this.scrollArea),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(!this.data||0===this.data.length)return;const t=[];for(let i=0;i<this.data.length;i++){const e=this.data[i],s=o("f-button",{class:{tab:!0,"tab--active":!!e.active,"mdc-ripple-surface":!!this.ripple,"kup-dense":this.dense,"kup-danger":e.danger},role:"tab","aria-selected":!!e.active,tabIndex:i,title:e.title?e.title:null,onBlur:()=>this.onKupBlur(i,e),onClick:()=>this.onKupClick(i,e),onFocus:()=>this.onKupFocus(i,e)},o("span",{class:"tab__content"},e.icon?o(Pt,{color:`var(${b.PRIMARY})`,resource:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:"tab__icon"}):null,e.value?o("span",{class:"tab__text-label"},e.value):null),this.infoIcon&&o(Pt,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async t=>{if(e.active){t.stopPropagation();const i=t.currentTarget,e=await this.infoCallback();this.infoState=e,this.infoState.length>0?this.onKupInfoIconClick(i):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")}},wrapperClass:"tab__iconToolbar iconInfo"}),this.toolbar&&o(Pt,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async t=>{if(e.active){t.stopPropagation();const i=t.currentTarget,e=await this.toolbarCallback();this.toolbarState=e,this.toolbarState.length>0?this.onKupIconClick(i):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")}},wrapperClass:"tab__iconToolbar iconToolbar"}),o("span",{class:"tab-indicator "+(e.active?" tab-indicator--active":"")},o("span",{class:"tab-indicator__content tab-indicator__content--underline"})));t.push(s)}const i={"tab-bar":!0,[`tab-bar--${this.variant}`]:!!this.variant};return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:Rt},o("div",{class:i,role:"tablist"},o("div",{class:"tab-scroller"},o("div",{class:"tab-scroller__scroll-area",ref:t=>this.scrollArea=t},o("div",{class:"tab-scroller__scroll-content"},t))))))}disconnectedCallback(){this.kupManager.scrollOnHover.unregister(this.scrollArea),this.kupManager.theme.unregister(this),this.toolbarList&&this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.infoList&&this.kupManager.dynamicPosition.unregister([this.infoList])}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"]}}};var Fh;Rh=new WeakMap,Ph=new WeakMap,Lh.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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__text-label{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__text-label.tab_icon{padding-left:8px;padding-right:0px}.tab-bar .tab-scroller .tab .tab__icon .f-image__icon{background:var(--kup_tabbar_text_color) !important}.tab-bar .tab-scroller .tab.kup-danger{--kup_tabbar_text_color:var(--kup-danger-color-60);--kup_tabindicator_border_bottom_color:var(--kup-danger-color-60);--kup_tabindicator_border_bottom_color:var(--kup-danger-color-60);--kup_tabindicator_border_bottom_color_active:var(\n    --kup-danger-color-60\n  )}.tab-bar .tab-scroller .tab.kup-danger:focus{outline:2px solid var(--kup-danger-color-60)}.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;min-width:16px}.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:var(--kup-heading-compact-01-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)}@media screen and (min-width: 678px){.tab-bar .tab-scroller .tab{flex:none}}.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)}.tab-bar.tab-bar--contained .tab-scroller .tab-scroller__scroll-content{gap:0px}.tab-bar.tab-bar--contained .tab{background-color:var(--kup-gray-color-10);border-right:1px solid var(--kup-gray-color-20)}.tab-bar.tab-bar--contained .tab:nth-last-child(1){border-right:none}.tab-bar.tab-bar--contained .tab:hover{background-color:var(--kup-gray-color-10-hover)}.tab-bar.tab-bar--contained .tab .tab-indicator{height:auto}.tab-bar.tab-bar--contained .tab--active{background-color:var(--kup-gray-color-0);border:none}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_tabbar_primary_color)}",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."}(Fh||(Fh={}));var Nh,Kh,Ah,Vh=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const Bh=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-textfield-blur",6),this.kupChange=i(this,"kup-textfield-change",6),this.kupClick=i(this,"kup-textfield-click",6),this.kupFocus=i(this,"kup-textfield-focus",6),this.kupInput=i(this,"kup-textfield-input",6),this.kupIconClick=i(this,"kup-textfield-iconclick",6),this.kupClearIconClick=i(this,"kup-textfield-cleariconclick",6),this.kupTextFieldSubmit=i(this,"kup-textfield-submit",6),this.kupMinusClick=i(this,"kup-textfield-minusclick",6),this.kupPlusClick=i(this,"kup-textfield-plusclick",6),Nh.add(this),this.kupManager=r(),this.value="",this.alert="",this.allowNegative=!1,this.customStyle="",this.decimals=null,this.disabled=!1,this.emitSubmitEventOnEnter=!0,this.error="",this.fullWidth=!1,this.group=!1,this.helper=null,this.helperIcon=!1,this.helperEnabled=!0,this.helperWhenFocused=!1,this.showCounter=!1,this.icon=null,this.initialValue="",this.inputMode=null,this.inputType="text",this.integers=null,this.isClearable=!1,this.label=null,this.lightMode=!1,this.leadingLabel=!1,this.max=null,this.maxLength=null,this.min=null,this.name=null,this.outlined=!1,this.placeholder="",this.quantityButtons=!1,this.readOnly=!1,this.size=null,this.sizing=c.SMALL,this.step=null,this.textArea=!1,this.trailingIcon=!1,this.trailingLabel=!1}onKupBlur(t){const{target:i}=t;Vh(this,Nh,"m",Ah).call(this,i),this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(t){const{target:i}=t;Vh(this,Nh,"m",Ah).call(this,i),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupClick(t){const{target:i}=t;Vh(this,Nh,"m",Ah).call(this,i),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:i}=t;this.kupInput.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupIconClick(t){const{target:i}=t;this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupClearIconClick(){this.value="",this.inputEl.value="",this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKeyDown(t){const{target:i}=t;"Enter"===t.key&&1==this.emitSubmitEventOnEnter&&(Vh(this,Nh,"m",Ah).call(this,i),this.kupTextFieldSubmit.emit({comp:this,id:this.rootElement.id,value:this.value}))}onKupMinusClick(t){const i=Number(this.value)-1;this.value=i.toString(),this.kupMinusClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupPlusClick(t){const i=Number(this.value)+1;this.value=i.toString(),this.kupMinusClick.emit({comp:this,id:this.rootElement.id,value:this.value})}async getProps(t){return p(this,Fh,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){await this.waitForReady(),this.inputEl?this.inputEl.focus():this.kupManager.debug.logMessage(this,"Input element is not available yet.",k.WARNING)}async setProps(t){u(this,Fh,t)}async setValue(t,i=!1){if(this.value=t,i)this.inputEl.value=t;else try{this.inputEl.value=Vh(this,Nh,"m",Kh).call(this)}catch(i){this.kupManager.debug.logMessage(this,"Couldn't set value on input element: '"+t+"'",k.WARNING)}}async waitForReady(){return this.readyPromise}connectedCallback(){this.readyPromise=new Promise((t=>{this.readyResolve=t}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");if(i){const t=i.querySelector(".mdc-text-field__input");t&&(this.inputEl=t),$t(i)}}this.kupManager.debug.logRender(this,!0),this.inputEl&&this.readyResolve&&(this.readyResolve(),this.readyResolve=null)}render(){const t={alert:this.alert,allowNegative:this.allowNegative,danger:!!this.rootElement.classList.contains("kup-danger"),decimals:this.decimals,disabled:this.disabled,error:this.error,fullHeight:!!this.rootElement.classList.contains("kup-full-height"),fullWidth:this.fullWidth,group:this.group,helper:this.helper,helperIcon:this.helperIcon,helperEnabled:this.helperEnabled,helperWhenFocused:this.helperWhenFocused,showCounter:this.showCounter,icon:this.icon,info:!!this.rootElement.classList.contains("kup-info"),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"),shaped:!!this.rootElement.classList.contains("kup-shaped"),size:this.size,sizing:this.sizing,step:this.step,success:!!this.rootElement.classList.contains("kup-success"),textArea:this.textArea,trailingIcon:this.trailingIcon,trailingLabel:this.trailingLabel,value:this.value,warning:!!this.rootElement.classList.contains("kup-warning"),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 o(s,{key:"b8f082aeb4eb8492905f6d1764a78173b51050ae"},o("style",{key:"a9003aaa284b30efd52e10cd9ba0685583f8a93f"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"3657a6545192aad5b77fc7e45be067d69202f8c6",id:Rt},o(jt,Object.assign({key:"00c9cd7a6180835ffb709f202049709e2fae678d"},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};var Hh;Nh=new WeakSet,Kh=function(){return null==this.value||""==this.value.trim()?"":this.kupManager.math.numberStringToFormattedString(this.value,this.decimals,"")},Ah=function(t){this.value="number"==this.inputType?this.kupManager.math.formattedStringToNumberString(t.value,""):t.value},Bh.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}",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",t.showMarker="When true shows a small marker on the component"}(Hh||(Hh={}));const Yh=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-timepicker-blur",6),this.kupChange=i(this,"kup-timepicker-change",6),this.kupClick=i(this,"kup-timepicker-click",6),this.kupFocus=i(this,"kup-timepicker-focus",6),this.kupInput=i(this,"kup-timepicker-input",6),this.kupIconClick=i(this,"kup-timepicker-iconclick",6),this.kupItemClick=i(this,"kup-timepicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-timepicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-timepicker-cleariconclick",6),this.kupManager=r(),this.hoursActive=!0,this.minutesActive=!1,this.secondsActive=!1,this.textFieldContainerEl=void 0,this.textfieldEl=void 0,this.pickerKupEl=void 0,this.clickCb=null,this.value="",this.appendSelection=!1,this.clockVariant=!0,this.customStyle="",this.data={},this.disabled=!1,this.initialValue="",this.manageSeconds=!0,this.timeMinutesStep=10,this.error="",this.showMarker=!1}onKupTimePickerItemClick(t,i){null!=t&&null==i&&(i=t.detail.selected.id),this.setPickerValueSelected(i),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()}async onKupClearIconClick(){this.value="",this.kupChange.emit({comp:this,id:this.rootElement.id,value:await this.getValue()}),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(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.onKupTimePickerItemClick(null))}watchTimeMinutesStep(){if(!this.clockVariant)return this.timeMinutesStep<=0||0!=60%this.timeMinutesStep?(this.kupManager.debug.logMessage(this,"property time-minutes-step=["+this.timeMinutesStep+"] not allowed: it must be > 0 and divisor of 60",k.WARNING),void(this.timeMinutesStep=10)):void 0}watchInitialValue(){this.setValue(this.initialValue),this.refresh()}async getProps(t){return p(this,Hh,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setProps(t){u(this,Hh,t)}async setValue(t){this.value=t}getFormattedValue(t){return this.kupManager.dates.formattedStringToCustomDateTime(t,this.manageSeconds?Ht.ISO_TIME:Ht.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds)}refreshPickerValue(t,i){let e=null;const o=H.test(t);(this.kupManager.dates.isValidFormattedStringTime(t,this.manageSeconds)||o)&&(this.value=t,e=this.value),null!=e&&i&&i.emit({comp:this,id:this.rootElement.id,value:e})}setPickerValueSelected(t){if(this.isPickerOpened()&&1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t))if(this.appendSelection&&t){const i=this.textfieldEl.value,e=this.kupManager.dates.timeStringToFormattedString(t,this.manageSeconds);this.refreshPickerValue(i+e,void 0)}else 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=!0,null!=this.textfieldEl&&this.textfieldEl.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerKupEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerKupEl,this.textFieldContainerEl):this.kupManager.dynamicPosition.register(this.pickerKupEl,this.textFieldContainerEl,0,g.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerKupEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerKupEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){this.pickerKupEl.menuVisible=!1,this.kupManager.removeClickCallback(this.clickCb);let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerKupEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerKupEl),this.kupManager.removeClickCallback(this.clickCb)}isPickerOpened(){return 1==this.pickerKupEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}getPickerElId(){return this.pickerKupEl.id}prepTextfield(t){const i=this.rootElement.classList.contains("kup-full-height"),e=this.rootElement.classList.contains("kup-full-width"),s=Object.assign(Object.assign({error:this.error},this.data["kup-text-field"]),{showMarker:this.showMarker});return s.icon||(s.icon="access_time"),s.icon&&(s.trailingIcon=!0),o(jt,Object.assign({},s,{disabled:this.disabled,fullHeight:i,fullWidth:e,id:this.rootElement.id+"_text-field",value:t,onBlur:()=>this.onKupBlur(),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(),showMarker:this.showMarker}),this.prepTimePicker())}isRelatedTargetInThisComponent(t){if(!t.relatedTarget)return!1;let i=t.relatedTarget.id;return null!=i&&""!=i.trim()&&(i==this.getTextFieldId()||(i==this.getPickerElId()||"#time-picker-div#confirm#".indexOf("#"+i+"#")>=0))}prepTimePicker(){const t=this.kupManager.dates.isValidFormattedStringTime(this.value,this.manageSeconds)?this.getTimeForOutput():"";return this.clockVariant?o("kup-card",{ref:t=>this.pickerKupEl=t,data:{options:{initialValue:t,manageSeconds:this.manageSeconds,hoursActive:this.hoursActive,minutesActive:this.minutesActive,secondsActive:this.secondsActive}},layoutFamily:S.BUILT_IN,layoutNumber:2,sizeX:"300px",sizeY:"450px",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&""!=t.detail.value&&this.onKupTimePickerItemClick(t,t.detail.value)}}):o("kup-list",{ref:t=>this.pickerKupEl=t,data:this.createTimeListData(t),"is-menu":!0,"onkup-list-click":t=>this.onKupTimePickerItemClick(t,t.detail.selected.id),id:this.rootElement.id+"_list"})}createTimeListData(t){const i=new Date,e=[],o=1440/this.timeMinutesStep;let s;s=null==t||""==t.trim()?new Date:this.kupManager.dates.toDate(t,this.manageSeconds?Ht.ISO_TIME:Ht.ISO_TIME_WITHOUT_SECONDS),i.setHours(0,0,0);for(let t=0;t<o;t++){let t=!1;i.getHours()==s.getHours()&&i.getMinutes()==s.getMinutes()&&(t=!0);const o=this.kupManager.dates.formatTime(i,this.manageSeconds),n=this.kupManager.dates.formattedStringToCustomDateTime(o,this.manageSeconds?Ht.ISO_TIME:Ht.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds);e[e.length]={id:n,selected:t,value:o},i.setMinutes(i.getMinutes()+this.timeMinutesStep)}return e}getTimeForOutput(){return null==this.value||""==this.value.trim()?"":H.test(this.value)?this.value:this.kupManager.dates.timeStringToFormattedString(this.value,this.manageSeconds)}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.watchTimeMinutesStep(),this.value=this.initialValue,this.data||(this.data={"kup-list":{},"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textFieldContainerEl=i,this.textfieldEl=i.querySelector("input"),$t(i))}this.kupManager.debug.logRender(this,!0)}render(){return o(s,{key:"2956520c1ff09f293725b76f0d847b56e16dd629"},o("style",{key:"f5302e58a76c9c9771f2cf4a6feef250f9f11669"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"eccf97d8b54e82e5deda655be9887f96d0004c41",id:Rt},this.prepTextfield(this.getTimeForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerKupEl&&this.pickerKupEl.remove()}get rootElement(){return n(this)}static get watchers(){return{timeMinutesStep:["watchTimeMinutesStep"],initialValue:["watchInitialValue"]}}};Yh.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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)}";var Xh,Gh,Uh,qh,Jh,Zh=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const Qh=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-toolbar-click",6),Xh.add(this),Gh.set(this,r()),this.focused=null,this.selected=[],this.customStyle="",this.data=[],this.showIcons=!0}onKupClick(t,i){Zh(this,Xh,"m",qh).call(this,t,i)}async getProps(t){return p(this,_t,t)}async refresh(){e(this)}async setProps(t){u(this,_t,t)}generateRowForNode(t){const i=this.generateColumnForNode(t),e={cells:{}};return e.cells[i.name]=t,e}generateColumnForNode(t){return{name:t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:"KUPCELL",title:t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:Zh(this,Gh,"f").language.translate(d.EMPTY_OBJECT)}}componentWillLoad(){Zh(this,Gh,"f").debug.logLoad(this,!1),Zh(this,Gh,"f").theme.register(this)}componentDidLoad(){Zh(this,Gh,"f").debug.logLoad(this,!0),this.rootElement.addEventListener("kup-cell-update",(t=>{this.onKupClick(t.detail.cell.value,t.detail.cell)}))}componentWillRender(){Zh(this,Gh,"f").debug.logRender(this,!1)}componentDidRender(){Zh(this,Gh,"f").debug.logRender(this,!0)}render(){if(this.data&&0!==this.data.length)return o(s,null,o("style",null,Zh(this,Gh,"f").theme.setKupStyle(this.rootElement)),o("div",{id:Rt},o("div",{class:"toolbar-container"},this.data.map(((t,i)=>Zh(this,Xh,"m",Uh).call(this,t,i))))))}disconnectedCallback(){Zh(this,Gh,"f").theme.unregister(this)}get rootElement(){return n(this)}};Gh=new WeakMap,Xh=new WeakSet,Uh=function(t,i){var e;const s=t.children&&t.children.length>0,n=null!==(e=t.disabled)&&void 0!==e&&e,l=o("div",{class:"toolbar-single-value-node "+(n?"toolbar-item-disabled":""),"data-alt":n?"This option is disabled":""},o(Pt,(null==t?void 0:t.icon)&&this.showIcons?{resource:null==t?void 0:t.icon,sizeX:"14px",sizeY:"14px"}:{resource:"empty",sizeX:"14px",sizeY:"14px"}),t.value);if(s)return o("div",{class:"parent-class "+(n?"toolbar-item-disabled":""),tabindex:n?-1:0},l,o("div",{class:"chevron-type-wrapper"},t.componentType&&o("div",{class:"component-type-chip"},t.componentType),o(Pt,{resource:"chevron-right",sizeX:"14px",sizeY:"14px",color:"var(--kup-text-secondary)",wrapperClass:"chevron-right"})),o("div",{class:"nested-class"},Zh(this,Xh,"m",Jh).call(this,t.children,i)));{const e=this.generateColumnForNode(t),s=this.generateRowForNode(t),r={cell:t,column:e,component:this,editable:t.isEditable,renderKup:!0,row:s};return o(a,null,r.cell.shape?o(Ft,Object.assign({},r)):o("div",{id:t.value,class:"parent-class "+(n?"toolbar-item-disabled":""),tabindex:n?-1:0,onClick:n||r.shape&&!r.cell.data?void 0:()=>this.onKupClick(i,t),"data-alt":n?"This option is disabled":""},l,o("div",{class:"chevron-type-wrapper"},t.componentType&&o("div",{class:"component-type-chip"},t.componentType),o("div",{style:{width:"14px",height:"14px"}}))))}},qh=function(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,selected:i,index:t})},Jh=function(t,i){return t.map(((t,e)=>Zh(this,Xh,"m",Uh).call(this,t,i+e)))},Qh.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}.toolbar-container{width:fit-content;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.05)}.component-type-chip{background-color:var(--kup-layer-2);color:var(--kup-text-disabled);padding:var(--kup-space-02) var(--kup-space-03);font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.parent-class{position:relative;cursor:pointer;min-width:175px;background-color:var(--kup-gray-color-10);display:flex;justify-content:space-between;padding:var(--kup-space-03);border-left:1px solid transparent;align-items:center}.parent-class.toolbar-item-disabled{background-color:var(--kup-gray-color-30);color:var(--kup-gray-color-40);cursor:not-allowed}.parent-class.toolbar-item-disabled .chevron-type-wrapper .f-image .iconWrapper .f-image__icon{background-color:var(--kup-gray-color-40) !important}.parent-class .toolbar-single-value-node{display:flex;gap:8px;align-items:center;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}.parent-class:hover:not(.toolbar-item-disabled):not(:has(>.f-cell)){background-color:var(--kup-gray-color-10-hover)}.parent-class:focus:not(:has(>.f-cell)){outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.parent-class:active:not(:has(>.f-cell)){border-left:1px solid var(--kup-border-interactive)}.parent-class>.nested-class{position:absolute;top:0;left:100%;visibility:hidden;opacity:0;z-index:10;transition:opacity 0.2s ease, visibility 0.2s ease;background-color:var(--kup-gray-color-10);box-shadow:0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.05);width:inherit;pointer-events:none}.parent-class>.nested-class.align-left{left:auto;right:100%}.parent-class>.nested-class.align-right{left:100%;right:auto}.parent-class:hover:not(.toolbar-item-disabled)>.nested-class{visibility:visible;opacity:1;pointer-events:auto}.parent-class .chevron-right{float:right;margin:0;margin-left:var(--kup-space-03);font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.chevron-type-wrapper{display:flex;align-items:center;gap:var(--kup-space-03)}.chevron-type-wrapper .chevron-right{float:right;margin:0;margin-left:var(--kup-space-00);font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.nested-class .f-cell .f-cell__content{display:block}.nested-class .f-cell .f-cell__content .f-radio{gap:0}.nested-class .f-cell .f-cell__content .f-radio .form-field{cursor:pointer}.nested-class .f-cell .f-cell__content .f-radio .form-field:active,.nested-class .f-cell .f-cell__content .f-radio .form-field:focus{outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.nested-class .f-cell .f-cell__content .f-radio .form-field:hover{background-color:var(--kup-gray-color-10-hover)}";class tc{constructor(){this.density="small",this.globalFilter=!1,this.globalFilterValue="",this.showFilters=!1,this.showFooter=!1,this.filters={},this.load=!1}toDebugString(){return"tree state"}}function ic(t){var i;return((null===(i=t.children)||void 0===i?void 0:i.length)>0||t.expandable)&&!1!==t.expandable}class ec extends qt{filterRows(t=[],i={},e="",o=[],s){if(!t||null==t)return[];const n=!(!e||!o);if(!n&&!this.hasFilters(i,o,s))return this.setAllVisible(t),t;for(let a=0;a<t.length;a++)this.setNodeVisibility(t[a],i,e,n,o,s);return t}isNodeCompliant(t,i={},e="",o=!1,s=[],n){let a=!1;if(null!=t.cells){let l=t.cells;l[ni]={obj:t.obj,value:t.value},a=this.areCellsCompliant(l,i,e,o,s,n)}return 1==o&&(a=this.isFilterCompliantForValue(t.value,e,o)),a}setNodeVisibility(t,i={},e,o=!1,s=[],n){null==n&&(n=new Ut);let a=this.isNodeCompliant(t,i,e,o,s,n);if(1!=t.disabled&&1==t.expandable)if(1==a&&o)this.setAllVisible(t.children);else if(t.children)for(let l=0;l<t.children.length;l++)this.setNodeVisibility(t.children[l],i,e,o,s,n)&&(this.expandCollapseNode(t,!0),a=!0);return t.visible=a,a}setAllVisible(t){t&&t.forEach((t=>{t.visible=!0,this.setAllVisible(t.children)}))}extractColumnValues(t,i,e,o){if(null!=t&&0!=t.length)return t.forEach((t=>{let s=t.cells;s[ni]={obj:t.obj,value:t.value},t.visible&&(zt(e,i,s[i.name],o),this.extractColumnValues(t.children,i,e,o))})),e}expandCollapseNode(t,i=!1){ic(t)&&(t.isExpanded=t.hasOwnProperty("isExpanded")&&t.isExpanded||i)}expandCollapseAllNodes(t,i=!1){if(ic(t)&&!t.disabled&&(this.expandCollapseNode(t,i),t.children&&t.children.length))for(let e=0;e<t.children.length;e++)this.expandCollapseAllNodes(t.children[e],i)}}var oc,sc,nc,ac=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const lc=class{constructor(e){t(this,e),this.kupTreeNodeCollapse=i(this,"kup-tree-nodecollapse",6),this.kupTreeNodeExpand=i(this,"kup-tree-nodeexpand",6),this.kupTreeNodeSelected=i(this,"kup-tree-nodeselected",6),this.kupTreeNodeButtonClick=i(this,"kup-tree-buttonclick",6),this.kupTreeContextMenu=i(this,"kup-tree-contextmenu",6),this.kupTreeColumnMenu=i(this,"kup-tree-columnmenu",6),this.kupDidLoad=i(this,"kup-tree-didload",6),this.kupDidUnload=i(this,"kup-tree-didunload",6),this.kupTreeNodeDblClick=i(this,"kup-tree-nodedblclick",6),this.kupTreeDynamicMassExpansion=i(this,"kup-tree-dynamicmassexpansion",6),this.kupColumnRemove=i(this,"kup-tree-columnremove",6),this.kupTreeCellClick=i(this,"kup-tree-cell-click",6),oc.add(this),this.state=new tc,nc.set(this,r()),this.columnMenuCard=null,this.clickTimeout=[],this.sizedColumns=void 0,this.filtersColumnMenuInstance=new Ut,this.filtersTreeItemsInstance=new ec,this.totalMenuCoords=null,this.contentRefs=[],this.oldWidth=null,this.hold=!1,this.interactableTouch=[],this.clickCb=null,this.treeColumnVisible=!0,this.openedTotalMenu=null,this.columnMenuAnchor=null,this.stateSwitcher=!1,this.selectedNode=[],this.asAccordion=!1,this.columns=void 0,this.customStyle="",this.data=[],this.density=y.EXTRA_DENSE,this.dynamicExpansionCallback=void 0,this.editableData=!1,this.enableExtraColumns=!0,this.expanded=!1,this.expansionMode=ai.DROPDOWN,this.filters={},this.globalFilter=!1,this.globalFilterValue="",this.globalFilterMode=Ct.SIMPLE,this.treeHeight=void 0,this.preventXScroll=!1,this.removableColumns=!0,this.ripple=!0,this.scrollOnHover=!1,this.showColumns=!1,this.showFilters=!0,this.showFooter=!1,this.showHeader=!1,this.showIcons=!0,this.stateId="",this.store=void 0,this.useDynamicExpansion=!1,this.totals=void 0,this.displayMode=h.CODE_AND_DESC}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(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=ac(this,oc,"m",sc).call(this);if(!this.state.load)return void(this.state.load=!0);t&&this.store.persistState(this.stateId,this.state)}}async getSelectedNode(){return this.selectedNode}async setSelectedNode(t,i){this.selectedNode=t.split(",").map((t=>parseInt(t))),!1!==i&&this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:this.selectedNode,treeNode:this.getTreeNode(this.selectedNode),columnName:null})}enrichDataWhenChanged(t,i){t||(t=[]),t!==i&&this.refreshStructureState()}enrichStructureStateWhenChanged(t,i){t!==i&&this.refreshStructureState()}async isEmpty(){return 0==this.visibleNodes}async closeColumnMenu(){this.columnMenuAnchor=null,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:!1})}async collapseAll(){if(this.useDynamicExpansion)this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:!1});else for(let t=0;t<this.data.length;t++)this.data[t].isExpanded=!1,this.handleChildren(this.data[t],!1);this.refresh()}async expandAll(){if(this.useDynamicExpansion)this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:!0});else for(let t=0;t<this.data.length;t++)this.data[t].isExpanded=!0,this.handleChildren(this.data[t],!0);this.refresh()}async setExpansionByDepth(t){const i=(t,e,o,s)=>{t.isExpanded=s<o;for(let n=0;t.children&&n<t.children.length;n++)i(t.children[n],e,o,s+1)};let e=(()=>{let t=0;const i=(e,o)=>{var s;if(null===(s=e.children)||void 0===s?void 0:s.length){e.isExpanded&&(t=Math.max(t,o+1));for(let t=0;t<e.children.length;t++)i(e.children[t],o+1)}};for(let t=0;t<this.data.length;t++)i(this.data[t],0);return t})()+t;if(this.useDynamicExpansion)this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,expandAll:!1});else for(let t=0;t<this.data.length;t++)i(this.data[t],!1,e,0);this.refresh()}async getProps(t){return p(this,li,t)}async hideColumn(t){ac(this,nc,"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,this.columnMenuCard||(this.columnMenuCard=document.createElement("kup-card"),this.columnMenuCard.isMenu=!0,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,R(this.getVisibleColumns(),t)),this.columnMenuInstance.open(this,t),this.columnMenuInstance.reposition(this,this.columnMenuCard,'th[data-column="'+t+'"]'),this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:!0})}async refresh(){e(this)}async resizeCallback(){this.rootElement.clientWidth!==this.oldWidth&&(window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>this.refresh()),300))}async setProps(t){u(this,li,t)}setTreeColumnVisibility(t){this.treeColumnVisible=t}isTreeColumnVisible(){return this.treeColumnVisible}checkScrollOnHover(){ac(this,nc,"f").scrollOnHover.isRegistered(this.treeWrapperRef)?this.scrollOnHover||ac(this,nc,"f").scrollOnHover.unregister(this.treeWrapperRef):this.scrollOnHover&&ac(this,nc,"f").scrollOnHover.register(this.treeWrapperRef)}onKupTreeNodeDblClick(t,i){for(let t=0;t<this.clickTimeout.length;t++)clearTimeout(this.clickTimeout[t]),ac(this,nc,"f").debug.logMessage(this,"Cleared hdlTreeNodeClick timeout("+this.clickTimeout[t]+").");this.clickTimeout=[],this.kupTreeNodeDblClick.emit({comp:this,id:this.rootElement.id,treeNodePath:i.split(",").map((t=>parseInt(t))),treeNode:t})}nodesToRows(){function t(e){for(let o=0;o<e.children.length;o++){const s=e.children[o];i.push({cells:e.children[o].cells}),s.children&&t(s)}}let i=[];for(let e=0;e<this.data.length;e++){const o=this.data[e];i.push({cells:this.data[e].cells}),o.children&&t(this.data[e])}return i}setDynPosElements(){this.columnMenuCard&&this.columnMenuCard.data&&(this.columnMenuCard.data=this.columnMenuInstance.prepData(this,R(this.getVisibleColumns(),this.columnMenuAnchor),this.columnMenuCard.data))}expandCollapseNode(t,i=!1){this.filtersTreeItemsInstance.expandCollapseNode(t,i)}expandCollapseAllNodes(t,i=!1){this.filtersTreeItemsInstance.expandCollapseAllNodes(t,i)}getColumns(){return this.columns?this.columns:[{title:"",name:""}]}getSizedColumns(){let t=this.getColumns(),i=[];for(let e=0;e<t.length;e++)null!=t[e].size&&""!==t[e].size&&i.push(t[e]);return i.length>0?i:void 0}getVisibleColumns(){return this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getHeadingColumns(){return[{name:ni,title:""},...this.getVisibleColumns()]}launchNodeEvent(t,i){if(t&&t.length>0&&-1!=t[0]){var e=i.children[t[0]];e||(e=i),t.length>1?(t=t.slice(1),this.launchNodeEvent(t,e)):this.hdlTreeNodeClick(null,e,this.selectedNodeToString(this.selectedNode))}}openTotalMenu(t){this.openedTotalMenu=t.name}onTotalMenuOpen(t){this.closeTotalMenu(),this.openTotalMenu(t)}getEventDetails(t,i){let e,o,s,n,a,l,r;if(t)for(let i=t.length-1;i>=0;i--){let h=t[i];if(h.tagName)switch(h.tagName.toUpperCase()){case"THEAD":e=!0;break;case"TBODY":o=!0;break;case"TFOOT":s=!0;break;case"TD":n=h;break;case"TH":a=h;break;case"TR":l=h;break;default:h.classList.contains(m.FILTER_REMOVE.replace("--",""))&&(r=h)}}let h=null,c=null,p=null;if(o&&(n&&(h=n["data-cell"]),l&&(p=l["data-row"])),e||o||s){const t=n?n.dataset.column:a?a.dataset.column:null;t&&(c=R(this.getColumns(),t))}return{area:e?"header":o?"body":s?"footer":null,cell:h||null,column:c||null,filterRemove:r||null,originalEvent:i,row:p||null,td:n||null,th:a||null,tr:l||null}}contextMenuHandler(t){t.preventDefault();const i=this.getEventDetails(ac(this,nc,"f").getEventPath(t.target,this.rootElement),t);if("header"===i.area){if(i.th&&i.column)return this.openColumnMenu(i.column.name),i}else if("footer"===i.area&&i.td&&i.column)return this.totalMenuCoords={x:t.clientX,y:t.clientY},this.onTotalMenuOpen(i.column),i;return i}hdlTreeNodeClick(t,i,e){var o;if(this.expansionMode.toLowerCase()===ai.DROPDOWN||this.expansionMode.toLowerCase()===ai.NODE&&!ic(i)){const s=t?ac(this,nc,"f").getEventPath(t.target,this.rootElement).find((t=>{if("TD"===t.tagName)return t})):null;if(i&&!i.disabled){this.selectedNode=e.split(",").map((t=>parseInt(t)));const t=s?s.dataset.column:null,n=null===(o=this.columns)||void 0===o?void 0:o.find((i=>i.name==t));t&&ac(this,nc,"f").objects.isButton(null==n?void 0:n.obj)||this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:this.selectedNode,treeNode:i,columnName:t})}}this.expansionMode.toLowerCase()===ai.NODE&&this.hdlTreeNodeExpanderClick(i,e,!!t&&t.ctrlKey)}hdlTreeNodeExpanderClick(t,i,e){if(ic(t)){const o=i.split(",").map((t=>parseInt(t)));t.children&&t.children.length?(t.isExpanded=!t.isExpanded,e&&this.handleChildren(t,t.isExpanded),this.refresh(),t.isExpanded?this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:o,treeNode:t,usesDynamicExpansion:this.useDynamicExpansion}):this.kupTreeNodeCollapse.emit({comp:this,id:this.rootElement.id,treeNodePath:o,treeNode:t})):this.useDynamicExpansion&&(e&&this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,treeNodePath:o,treeNode:t}),this.dynamicExpansionCallback?this.dynamicExpansionCallback(t,o).then((i=>{t.children=i,t.isExpanded=!t.isExpanded,this.refresh(),this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:o,treeNode:t,usesDynamicExpansion:!0})})).catch((i=>{console.error("KupTree: An error occurred when trying to fetch dynamicExpansion nodes data",i,t)})):(this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNode:t,treeNodePath:o,usesDynamicExpansion:!0,dynamicExpansionRequireChildren:!0}),t.isExpanded=!t.isExpanded))}}hasTotals(){return this.totals&&Object.keys(this.totals).length>0}handleChildren(t,i){for(let e=0;e<t.children.length;e++){let o=t.children[e];o.disabled||(o.isExpanded=i,o.children&&this.handleChildren(o,i))}}selectedNodeToString(t){let i="";if(t&&t.length){i=t[0].toString();for(let e=1;e<t.length;e++)i+=`,${t[e]}`}return i}getFilterValueForTooltip(t){return this.filtersColumnMenuInstance.getFilterValueForTooltip(this.filters,t)}getTreeNode(t){if(!t||0==t.length)return null;let i=this.data,e=null;for(let o=0;o<t.length;o++)e&&(i=e.children),e=i[t[o]];return e}onRemoveFilter(t){const i=Object.assign({},this.filters);this.filtersColumnMenuInstance.removeFilter(i,t.name),this.filters=i}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}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 i=0;return t&&t.forEach((t=>{t.visible&&i++,i+=this.calculateVisibleNodes(t.children)})),i}refreshStructureState(){if(this.data){if(this.data.columns){ac(this,nc,"f").debug.logMessage(this,"Detected KupDataDataset: setting up tree as grid.",k.WARNING);const t=this.data;this.columns=t.columns,this.data=ac(this,nc,"f").data.row.toNode(t),this.showColumns=!0,this.showHeader=!0}this.data.forEach((t=>{this.expandCollapseAllNodes(t,this.expanded&&!this.useDynamicExpansion)})),this.selectedNode=[]}}getCellStyle(t,i){if(this.sizedColumns){let e="";for(let i=0;i<this.sizedColumns.length;i++)if(t===this.sizedColumns[i].name){e=this.sizedColumns[i].size;break}e&&(i||(i={}),i["max-width"]=e,i["min-width"]=e,i.width=e,i.overflow="hidden")}return i}renderHeader(){return this.getHeadingColumns().map((t=>{if(!this.isTreeColumnVisible()&&t.name===ni)return;let i=null;if(this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters,t)){const e=ac(this,nc,"f").language.translate(d.REMOVE_FILTERS)+`: '${this.getFilterValueForTooltip(t)}'`;i=o("span",{title:e,class:`kup-icon ${m.FILTER_REMOVE.replace("--","")}`,onClick:i=>{i.stopPropagation(),this.onRemoveFilter(t)}})}return o("th",{"data-column":t.name,style:this.getCellStyle(t.name,null)},o("span",{class:"column-title"},t.title),i)}))}renderHighlightedContent(t,i,e){let s=[];if(i&&t){let n=t,a=n.toLowerCase().indexOf(i.toLowerCase());for(;a>-1;)s.push(n.substring(0,a)),s.push(o("span",{class:e+"--highlighted"},n.substring(a,a+i.length))),n=n.substring(a+i.length,n.length),a=n.toLowerCase().indexOf(i.toLowerCase());a<n.length&&s.push(n.substring(a,n.length))}else s.push(t);return o("span",{class:e,ref:t=>this.contentRefs.push(t),title:this.preventXScroll?t:null},s)}renderTreeNode(t,i,e=0){var s,n,a,l,r,c;let p=e?o("span",{class:"kup-tree__indent",style:{"--kup_tree_node_depth":this.asAccordion?(e-1).toString():e.toString()}}):null;const u=!(!ic(t)||!(t.children&&t.children.length||this.useDynamicExpansion));let f="expand-icon kup-tree__icon kup-tree__node__expander";u&&(f+=" kup-icon",f+=this.asAccordion&&0===e?` ${m.DROPDOWN.replace("--","")}`:t.isExpanded?` ${m.EXPANDED.replace("--","")}`:` ${m.COLLAPSED.replace("--","")}`);let g=o("span",{title:ac(this,nc,"f").language.translate(d.EXPAND)+"/"+ac(this,nc,"f").language.translate(d.COLLAPSE)+" (CTRL + Click)",class:f,onClick:this.expansionMode.toLowerCase()!==ai.DROPDOWN||t.disabled?null:e=>{e.stopPropagation(),this.hdlTreeNodeExpanderClick(t,i,e.ctrlKey)}}),b=null;this.showIcons&&(b=t.icon?""===t.icon?o("span",{class:"kup-tree__icon"}):o(Pt,{color:t.iconColor,placeholderResource:t.placeholderIcon,resource:t.icon,wrapperClass:"kup-tree__icon"}):null);let k={};t.hasOwnProperty("isExpanded")&&t.isExpanded&&u&&(k["data-is-expanded"]=t.isExpanded),t.disabled||(k.onClick=e=>{const o={};for(const t in e)o[t]=e[t];this.clickTimeout.push(setTimeout((()=>this.hdlTreeNodeClick(o,t,i)),300))});let v,y=null,x=this.getVisibleColumns();if(this.showColumns&&x&&x.length){y=[];for(let i=0;i<x.length;i++){const e=x[i];if(t.cells&&t.cells[e.name]){const i=t.cells[e.name]?t.cells[e.name]:null;t.style&&(i.style=t.style),i.isEditable||(i.cssClass=ac(this,nc,"f").data.cell.getObjectRelatedStyleClasses(i.obj,i.cssClass)),y.push(o("td",{class:"grid-cell","data-cell":i,"data-column":e.name},o(Ft,Object.assign({},{cell:i,column:e,component:this,density:this.density,editable:this.editableData,renderKup:!0,row:t,setSizes:!0}))))}else y.push(o("td",{class:"grid-cell"}))}}!ac(this,nc,"f").objects.isEmptyKupObj(t.obj)&&ac(this,nc,"f").debug.isDebug()&&(v=t.obj.t+"; "+t.obj.p+"; "+t.obj.k+";");let w,_=null;switch(this.displayMode){case h.CODE:w=null!==(n=null===(s=t.obj)||void 0===s?void 0:s.k)&&void 0!==n?n:"";break;case h.DESCRIPTION:w=null!==(a=t.value)&&void 0!==a?a:"";break;default:w=`${null!==(r=null===(l=t.obj)||void 0===l?void 0:l.k)&&void 0!==r?r:""}: ${null!==(c=t.value)&&void 0!==c?c:""}`}if(this.isTreeColumnVisible()){let s="";s=Ct.HIGHLIGHT===this.globalFilterMode?this.renderHighlightedContent(t.value,this.globalFilterValue,"cell-content"):o("span",{ref:t=>this.contentRefs.push(t),class:"cell-content",title:this.preventXScroll?t.value:null},w),_=o("td",{class:{"first-node":0===e,"mdc-ripple-surface":this.ripple&&!this.showColumns&&!t.disabled,"is-obj":!ac(this,nc,"f").objects.isEmptyKupObj(t.obj)},style:t.style||null,title:v,onDblClick:()=>{this.onKupTreeNodeDblClick(t,i)}},this.asAccordion&&!e?[b,s,u?g:null]:[p,g,b,s])}return o("tr",Object.assign({class:{"kup-tree__node":!0,"with-dyn":!t.disabled,"kup-tree__node--disabled":t.disabled,"kup-tree__node--first":!e,"kup-tree__node--selected":!t.disabled&&i===this.selectedNodeToString(this.selectedNode)},"data-row":t,"data-tree-path":i},k),_,y)}closeTotalMenu(){this.openedTotalMenu=null,ac(this,nc,"f").removeClickCallback(this.clickCb)}isOpenedTotalMenuForColumn(t){return this.openedTotalMenu===t}onTotalsChange(t,i){if(this.closeTotalMenu(),i){const e=Object.assign({},this.totals),o=t.detail.selected.id;o===U.CANC?this.totals&&this.totals[i.name]&&delete e[i.name]:e[i.name]=o,this.totals=e}}renderFooter(){const t=o("td",null),i=this.getVisibleColumns().map((t=>{let i,e=U.CALC;const s={[U.AVERAGE]:ac(this,nc,"f").language.translate(z.AVERAGE),[U.CALC]:ac(this,nc,"f").language.translate(z.CALCULATE),[U.CANC]:ac(this,nc,"f").language.translate(z.CANCEL),[U.COUNT]:ac(this,nc,"f").language.translate(z.COUNT),[U.DISTINCT]:ac(this,nc,"f").language.translate(z.DISTINCT),[U.MATH]:ac(this,nc,"f").language.translate(z.FORMULA),[U.MAX]:ac(this,nc,"f").language.translate(z.MAXIMUM),[U.MIN]:ac(this,nc,"f").language.translate(z.MINIMUM),[U.SUM]:ac(this,nc,"f").language.translate(z.SUM)};if(this.totals){const i=this.totals[t.name];if(i)if(i.startsWith(q.MATH))e=U.MATH;else switch(i){case q.COUNT:e=U.COUNT;break;case q.DISTINCT:e=U.DISTINCT;break;case q.SUM:e=U.SUM;break;case q.AVERAGE:e=U.AVERAGE;break;case q.MIN:e=U.MIN;break;case q.MAX:e=U.MAX}}if(this.isOpenedTotalMenuForColumn(t.name)){let n=[{id:q.COUNT,value:s[U.COUNT]},{id:q.DISTINCT,value:s[U.DISTINCT]}];ac(this,nc,"f").objects.isNumber(t.obj)&&n.push({id:q.SUM,value:s[U.SUM]},{id:q.AVERAGE,value:s[U.AVERAGE]},{id:q.MIN,value:s[U.MIN]},{id:q.MAX,value:s[U.MAX]});let a=n.find((t=>t.value===e));a&&(a.selected=!0,n.push({id:U.CANC,separator:!0,value:s[U.CANC]})),i=o("kup-list",{class:"total-menu",data:n,id:"totals-menu","is-menu":!0,keyboardNavigation:!0,"menu-visible":!0,"onkup-list-click":i=>this.onTotalsChange(i,t)})}const n=null!=this.footer[t.name]?B(this.footer[t.name],t.obj,t.decimals):"",a=`totals-value ${Z(this.footer[t.name])?Q.TEXT_DANGER:""}`;return o("td",{"data-column":t.name},i,o("span",{class:a,title:s[e]},n))}));return o("tfoot",null,o("tr",null,t,i))}didLoadInteractables(){this.interactableTouch.push(this.treeWrapperRef),ac(this,nc,"f").interact.on(this.treeWrapperRef,it.TAP,(t=>{this.hold?this.hold=!1:2===t.button&&this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})})),ac(this,nc,"f").interact.on(this.treeWrapperRef,it.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}totalMenuPosition(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");t&&(ac(this,nc,"f").dynamicPosition.register(t,this.totalMenuCoords),this.clickCb||(this.clickCb={cb:()=>{this.closeTotalMenu(),ac(this,nc,"f").dynamicPosition.stop(t)},el:t}),ac(this,nc,"f").addClickCallback(this.clickCb,!0),ac(this,nc,"f").dynamicPosition.start(t),t.menuVisible=!0)}}renderTree(t,i,e=0){let o=[];if(t&&1==t.visible&&(o.push(this.renderTreeNode(t,i,e)),ic(t)&&t.isExpanded))for(let s=0;s<t.children.length;s++)o=o.concat(this.renderTree(t.children[s],i+","+s,e+1));return o}setEllipsis(){const t=this.rootElement.getBoundingClientRect();for(let i=0;i<this.contentRefs.length;i++){const e=this.contentRefs[i];if(e){const i=e.parentNode;if(this.asAccordion&&i.classList.contains("first-node"))i.style.width=t.width+"px";else{e.classList.remove("cell-content--ellipsis"),e.style.setProperty("--kup_tree_content_width","");const i=e.getBoundingClientRect();if(i.right>t.right){const o=5,s=i.right-t.right;e.classList.add("cell-content--ellipsis"),e.style.setProperty("--kup_tree_content_width",i.width-s-o+"px")}}}}}componentWillLoad(){ac(this,nc,"f").debug.logLoad(this,!1),ac(this,nc,"f").language.register(this),ac(this,nc,"f").theme.register(this),this.columnMenuInstance=new Bo,this.initWithPersistedState(),this.refreshStructureState()}componentDidLoad(){this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),ac(this,nc,"f").resize.observe(this.rootElement),ac(this,nc,"f").debug.logLoad(this,!0)}componentWillRender(){ac(this,nc,"f").debug.logRender(this,!1),this.showFooter&&this.columns&&(this.footer=Qt(this.totals,this.getColumns(),ti(this.getColumns(),this.nodesToRows()))),this.filterNodes()}componentDidRender(){const t=this.rootElement.shadowRoot;if(t&&this.ripple){const i=t.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let t=0;t<i.length;t++)Xt.attachTo(i[t])}if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)$t(i[t])}this.preventXScroll&&this.setEllipsis(),this.totalMenuPosition(),this.checkScrollOnHover(),this.setDynPosElements(),this.persistState(),this.oldWidth=this.rootElement.clientWidth,ac(this,nc,"f").debug.logRender(this,!0)}render(){this.contentRefs=[],this.sizedColumns=this.getSizedColumns();let t=`density-${this.density}`;const i=Object.assign({},this.treeHeight?{maxHeight:this.treeHeight,overflow:"auto"}:{});switch(this.density){case y.DENSE:t="density-dense";break;case y.WIDE:t="density-wide"}let e=[];this.data&&this.data.length?this.data.forEach(((t,i)=>{e=e.concat(this.renderTree(t,i.toString()))})):e.push(o("tr",null,o("td",null,ac(this,nc,"f").language.translate(d.EMPTY_DATA))));const n=this.showHeader&&this.showColumns;let a=null;return this.globalFilter&&(a=o("div",{key:"951cc7b33102ce09bd67359865c186c80d99b7ef",id:"global-filter"},o("kup-text-field",{key:"624400796166fb13a274440aa7baddcb9de9a1ce",fullWidth:!0,label:ac(this,nc,"f").language.translate(M.SEARCH),sizing:c.EXTRA_SMALL,icon:m.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))),o(s,{key:"7e892593e2eb01f08a6985046d14df031ce27951","onKup-cell-click":t=>{this.kupTreeCellClick.emit(t.detail)}},o("style",{key:"fc0d6f92bf7c46d2a1b13dc826fe4aeb6f032be9"},ac(this,nc,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"0efcf089f18129e1216e5ef352497d53257e0779",id:Rt,class:t,style:i},a,o("div",{key:"7939f7b39a94c845ba0551c1b27cdc7f73bbdf2e",class:"wrapper",ref:t=>this.treeWrapperRef=t},o("table",{key:"8a516d15076c80ef390fccd95fb021c5d01d2b47",class:"kup-tree","data-show-columns":this.showColumns,onContextMenu:t=>{t.preventDefault()}},o("thead",{key:"84d285915065d73decdd5ee03f2260aab3472aa7",class:{"header--is-visible":n}},o("tr",{key:"2ba3d653b3f9c5fdf5a183c946701712efa92a6b"},n?this.renderHeader():null)),o("tbody",{key:"d12721e4a33eaba8240fafdeebd2ec2bc62bcc25"},e),(this.showFooter||this.hasTotals())&&this.columns?this.renderFooter():null))))}disconnectedCallback(){ac(this,nc,"f").language.unregister(this),ac(this,nc,"f").resize.unobserve(this.rootElement),ac(this,nc,"f").theme.unregister(this),ac(this,nc,"f").interact.unregister([this.treeWrapperRef]);const t=this.rootElement.shadowRoot.querySelectorAll("["+tt+"]");t.length>0&&ac(this,nc,"f").dynamicPosition.unregister(Array.prototype.slice.call(t)),this.columnMenuCard&&this.columnMenuCard.remove(),this.scrollOnHover&&ac(this,nc,"f").scrollOnHover.unregister(this.treeWrapperRef),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{data:["enrichDataWhenChanged"],expanded:["enrichStructureStateWhenChanged"]}}};nc=new WeakMap,oc=new WeakSet,sc=function(){let t=!1;return ac(this,nc,"f").objects.deepEqual(this.state.filters,this.filters)||(this.state.filters=Object.assign({},this.filters),t=!0),ac(this,nc,"f").objects.deepEqual(this.state.density,this.density)||(this.state.density=this.density,t=!0),ac(this,nc,"f").objects.deepEqual(this.state.showFilters,this.showFilters)||(this.state.showFilters=this.showFilters,t=!0),ac(this,nc,"f").objects.deepEqual(this.state.showFooter,this.showFooter)||(this.state.showFooter=this.showFooter,t=!0),ac(this,nc,"f").objects.deepEqual(this.state.totals,this.totals)||(this.state.totals=Object.assign({},this.totals),t=!0),ac(this,nc,"f").objects.deepEqual(this.state.globalFilter,this.globalFilter)||(this.state.globalFilter=this.globalFilter,t=!0),ac(this,nc,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),t},lc.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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-extra_dense .wrapper .kup-tree td:not(.grid-cell),.density-extra_dense .wrapper .kup-tree th{padding:var(--kup-space-02) var(--kup-space-03)}.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:var(--kup-heading-compact-01-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--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}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}: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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}:host([as-accordion]) .density-extra_dense .first-node:not(.grid-cell){padding:var(--kup-space-02) var(--kup-space-03)}: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:var(--kup-space-03)}: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:1em;margin-left:auto;min-width:1em;width:1em;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}";export{$i as kup_autocomplete,Di as kup_badge,Si as kup_button,Ri as kup_button_list,lo as kup_card,uo as kup_chart,mo as kup_checkbox,wo as kup_chip,zo as kup_color_picker,Ko as kup_combobox,Pl as kup_data_table,Il as kup_date_picker,Jl as kup_dialog,Ql as kup_dropdown_button,dr as kup_file_upload,kr as kup_form,Hr as kup_gauge,Jr as kup_image,yh as kup_list,_h as kup_progress_bar,Ch as kup_radio,$h as kup_rating,Wh as kup_spinner,Mh as kup_switch,Lh as kup_tab_bar,Bh as kup_text_field,Yh as kup_time_picker,Qh as kup_toolbar,lc as kup_tree}